Tutorials 6 min read•2026-11-05

Quiz Scores, Autosave, Country Select and 5 More Fields for Framer Forms

Turn a Framer form into a scored quiz, save drafts as visitors type, confirm emails, and add a searchable country list, number steppers, switches, color swatches and an "Other" option. What each field does and what your form receives.

Dong Trinh

Dong Trinh

Lead Architect at FramerSend

Quiz Scores, Autosave, Country Select and 5 More Fields for Framer Forms

Native Framer forms collect text, emails, dropdowns and checkboxes. That covers a contact form, but not a quiz that scores itself, a long application that survives a closed tab, or a country list visitors can search.

We tested eight new fields on a published Framer site, inside a multi-step form, and checked every value that arrived. Each one inserts into your native Framer form, so Framer still handles the submit and your Send To destination. Here is what each field does and what your form receives.


Eight new fields at a glance

FieldWhat it addsWhat your form receives
Quiz ScorePoints for the answers you choose, and a result"Score": "7", "Score max": "10", "Result": "Intermediate"
Form AutosaveDrafts saved as visitors typeNothing extra
Confirm FieldA second email or password box that must matchThe email once
Country SelectA searchable country list with flags"Country": "Canada" or "CA"
Choice + OtherRadio buttons or checkboxes with an "Other" text box"Heard from": "A newsletter"
Number StepperA number with − and + buttons"Guests": "3"
Toggle SwitchAn on/off switch with a label"Newsletter": "Yes" or "No"
Color PickerColor swatches and an optional custom color"Color": "#E5484D"

All of them are listed with the rest on the Form fields for Framer page.


Quiz Score: turn a form into a quiz

Quizzes, personality tests and lead scoring all need the same thing: points for answers. Quiz Score adds them up while visitors answer and sends the total with the submission.

List the answers that earn points, one per line:

  • Q1 | Paris = 1 gives 1 point when the field Q1 is Paris. Negative points work too.
  • Q1 = Paris is the short form for a right answer worth 1 point.

It reads radio buttons, checkboxes, dropdowns and text inputs in the same form, including other FramerSend fields. Answers match without case and extra spaces, and questions hidden by Conditional Fields do not count.

Add results such as "0-3 = Beginner" and "8+ = Expert", in points or percent, and choose whether visitors see the score live, after they answer everything, after they submit, or never. In our test, picking an answer worth 2 points out of 3 showed "2 / 3, Nearly there" and the submission arrived with all three values.

Use it for: lead scoring on a demo request, a product finder, a course placement test, a "which plan fits you" quiz.


Form Autosave: never lose a half-filled form

Long forms get abandoned when a tab closes or a page reloads. Form Autosave saves what visitors type and puts it back when they come back. A small "Draft restored · Clear" notice tells them their answers are still there.

Drafts stay in the visitor's own browser and are never sent anywhere. Passwords, card numbers and other card details, bank numbers, file uploads, hidden fields and spam traps are never saved, and you can add your own words to skip more fields. A draft is deleted when the form is sent, after the number of days you choose, or when the visitor clicks Clear.

It adds nothing to your submissions: your form receives exactly the same fields as before.

Use it for: applications, onboarding questionnaires, quote requests and any form longer than one screen.


Confirm Field: no more mistyped emails

A typo in an email address is a lead you can never reply to. Confirm Field adds a "Confirm email" box, and the form only sends once both entries match. Visitors see "The two entries do not match" while they type, and "Matches" when they agree.

Case and extra spaces are ignored for emails by default, so Jane@Mail.com matches jane@mail.com. It also works for passwords, with a Show button, a strength meter and an optional minimum strength. The confirmation is only checked, so your form receives the email once.


Country Select: search instead of scroll

A plain dropdown with 250 countries is slow to use, especially on a phone. Country Select lets visitors type a few letters instead. Common other names work too (UK, USA, Holland), accents are optional, and every country shows its flag.

Put your most common countries at the top, preselect one, or preselect the visitor's country from their browser language. Your form receives the name ("Canada") or the two-letter ISO code ("CA"), or both in two fields.

Keyboard users can pick a country with the arrow keys and Enter. While testing we found that a Framer form sends itself when Enter is pressed inside it, so our fields keep Enter for themselves when they use it: Enter picks the country without sending the form early.


Choice + Other: room for every answer

"How did you hear about us?" never fits a fixed list. Choice + Other adds radio buttons or checkboxes with an "Other" option. When visitors pick Other, a text box opens right below it.

Your form receives one field with the whole answer. The typed text takes the place of Other, for example "Heard from": "A newsletter", or arrives as "Other: A newsletter" if you prefer. Show the options as a list, in two columns or as chips, and set a minimum and maximum for checkboxes.


Number Stepper, Toggle Switch and Color Picker

Number Stepper is a number with − and + buttons for guests, seats, tickets or quantities. Set the minimum, maximum and step, and show a unit such as "guests". The form receives the plain number, and every change updates the Calculator right away, so price × quantity totals work out of the box.

Toggle Switch is an on/off switch for "Send me the newsletter" or "I accept the terms". You choose the words it sends for on and off, or send nothing while it is off, and you can make it required.

Color Picker shows your colors as swatches, written one per line as "Sand | #E8D8C4". Visitors pick one or several, or a custom color, and the form receives the hex code or the name with it.


Putting them together

The fields work with each other and with the rest of the set:

  • A booking form: Date Range or Time Slots, a Number Stepper for guests, and the Calculator for the total.
  • A product finder: Choice + Other and Toggle Switch questions, scored by Quiz Score, with the result sent to your CRM so sales can sort leads.
  • A long application: the Multi-Step Form to split it into steps, Form Autosave so nobody loses their answers, Confirm Field for the email, and Country Select for the address.

Each field is included in every FramerSend plan, with a 14-day free trial. Send the finished submissions to Klaviyo, HubSpot, Salesforce and more.

Frequently asked questions

Can a Framer form score a quiz?

Yes, with Quiz Score. You list the answers that earn points, such as "Q1 | Paris = 1", and the form sends the score, the highest possible score and a result such as "Intermediate" with the submission.

Can Framer forms save progress?

Yes, with Form Autosave. It saves what visitors type in their own browser and puts it back when they return to the page. Passwords, card details, file uploads and hidden fields are never saved, and the draft is deleted when the form is sent.

How do I add a confirm email field to a Framer form?

Insert Confirm Field and pick the field to match, "Email" by default. The form only sends once both entries match, and it receives the email once.

Do these fields need FramerSend?

The values are part of the normal form submission, so they reach any destination your form sends to: email, Google Sheets, a webhook or FramerSend. The fields are included in every FramerSend plan, with a 14-day free trial.

Do they load external scripts?

No. Each field is a code component written into your project. None of these eight loads external scripts or makes network requests on your site.

⚡ Every connector included • From $5/mo

Connect Framer to 100+ CRMs in 60 seconds

14-day free trial, no card needed. Copy your Submit URL and paste straight into Framer.