Ranking for Framer forms

Ranking fields for Framer forms

Add a ranking question to your native Framer form.

Type your options one per line. Visitors put them in their order: drag with mouse or touch, tap the up and down arrows, or focus an item and press Alt + Arrow Up or Down. Set Rank top to only number and send the first places.

Available right now inside FramerSend Fields (our all-in-one Marketplace plugin). Free for 14 days, no card, then from $5/month.

Let visitors rank what matters

What your form receives

The order as one readable text value under the field name you choose. Until the visitor moves an item, the field is sent empty, so you can tell a real answer from the starting order.

It is part of the native Framer form submission, so it goes wherever your form sends: email, Google Sheets, webhooks, or FramerSend connectors.

Example submission
{
  "Name": "Amelia Hart",
  "Email": "amelia@studio.co",
  "Ranking": "1. Delivery speed, 2. Price, 3. Customer support, 4. Quality"
}

How it works

No code, right inside Framer

1

Select your form

Select your Form on the Framer canvas.

2

Insert the field

Open Ranking and click Insert ranking. It is added above the submit button.

3

Set it up

In the right panel, type your options, one per line, and set the field name.

Add a ranking field in one click
The order, in one field

Options

  • Options, one per line
  • Rank only the top N
  • Required: at least one move, with your own error text
  • Up and down arrows on or off
  • Numbers on or off
  • Gap, padding, radius, border, colors and fonts

Written into your project as a code component. No external scripts, no network requests on your site.

Frequently asked questions

Can visitors rank only their top choices?

Yes. Set Rank top to 3 and only the first 3 places are numbered and sent; the rest sit below a Not ranked line.

Does it work with touch and keyboard?

Yes. On touch screens visitors drag by the grip on the left, and swiping elsewhere still scrolls the page. With a keyboard they focus an item and press Alt + Arrow Up or Down, and every move is read out.

Does it use a drag and drop library?

No. The field is a code component written into your project. It uses no libraries, loads no external scripts and makes no network requests on your site.

How much does Ranking cost?

Ranking is included in every FramerSend plan, together with the other field plugins and every connector. It is free for 14 days with no card, then from $5/month, $39/year or $89 one-time.

How do I sign in to the plugin?

With your FramerSend account. The plugin opens framersend.com/plugin/connect, you approve, and it signs in by itself.