Advanced Form Fields for Framer: 27 Fields Native Forms Don't Have

Framer's native Form component is a good base: you drop it on the canvas, add inputs, pick where submissions go, and publish. But as soon as a form has to do more than collect a name and an email, you hit its limits. There is no international phone field, no signature pad, no star rating, no way to book a time slot, no live total for a quote, and no built-in way to capture the UTM parameters of the visitor who filled it in.

This guide walks through 27 advanced form fields that close those gaps. Each one is a small Framer plugin that inserts a field into your native Framer form, so you keep Framer's submit flow and your existing destination. For every field we list what it does and, just as important, what your form actually receives.

---

What native Framer forms cover, and where they stop

Native Framer forms cover the basics well: text and email inputs, text areas, dropdowns and checkboxes, a submit button, and Send To destinations such as email, Google Sheets and webhooks.

Where teams usually get stuck:

• Structured input. Phone numbers with country codes, addresses split into street, city and ZIP, dates as a range, formatted amounts.
• Richer answers. Ratings, NPS scores, Likert grids, rankings, picture choices, multi-select.
• Logic. Showing a field only when another answer needs it, splitting a long form into steps, repeating a group of fields for each guest or product.
• Data you never ask for. UTM parameters, ad click IDs, the page the form was on, the visitor's device and time zone.
• Trust. Spam protection beyond a hidden field, and a record of what a visitor consented to and when.

Framer's own documentation points to code overrides for some of these. The fields below do the same job without writing code.

---

How the fields work

Every field follows the same three steps:

1. Select your Form on the Framer canvas.
2. Open the field's plugin and click Insert. The field is added above the submit button at full width.
3. Set the field name and options in the right panel, then publish.

Each field is a code component written into your project. It renders a real, named input inside the form, so its value is part of the normal submission and goes wherever your form sends: email, Google Sheets, a webhook, or FramerSend. Most fields load no external scripts and make no network requests on your site.

Browse them all on the Form fields for Framer page.

---

Contact, text and validation

• Phone Input: a country picker with flags and calling codes. Your form receives one clean international number, for example +44 7400 123 456.
• Address Autocomplete: street, line 2, city, state, ZIP and country, each sent as its own field. Autocomplete is optional: off by default, or suggestions from OpenStreetMap, or Google Places with your own key.
• Input Mask: formats as visitors type: currency, numbers with thousands separators, phone, ZIP, dates, IBAN or your own pattern. Send the formatted value or the raw one.
• Validated Input: real validation for names, emails, ZIP codes, patterns, lengths and allowed characters, with your own error text. It blocks the submit until the value is valid.
• Signature: visitors sign with a mouse, a finger or a pen. With FramerSend, your tools receive a private link to the PNG instead of a long data URL.
• Rich Text Editor: bold, italic, underline, lists and links in a message field, sent as clean HTML or plain text.
• Autocomplete: a type-ahead field over your own list of options.
• Word Counter: a text area with a live word or character count and a limit.

---

Choice and rating

• Star Rating: the rating as a number.
• NPS Score: NPS 0 to 10, five faces, or thumbs up and down. For NPS it can also send the category: Detractor, Passive or Promoter.
• Likert Scale: statements in rows and a scale in columns. Every row is sent as its own field, so each statement gets its own column in a sheet.
• Ranking: visitors drag options into their order, or use the arrow buttons and keyboard. The form receives "1. A, 2. B, 3. C".
• Multi Select: a searchable dropdown with chips, sent as one comma-separated field.
• Image Choice: picture cards instead of plain radio buttons or checkboxes.
• Cascading Select: linked dropdowns such as Country then State, or your own parent and child options.
• Range Slider: one value or a min and max range, for budgets, quantities or scores.

---

Booking and dates

• Date Range: start and end dates with the browser's own date picker. Optional time of day, number of nights, minimum and maximum stay. Dates arrive in ISO format, like 2026-12-10.
• Time Slots: visitors pick a date and a time slot from your hours, slot length and working days, with blocked times struck through. Useful for "book a call" and appointment forms.

---

Calculations

• Calculator: a live total, quote or score from the other fields of the form. Write a formula like {Quantity} * 25 and the value updates as visitors type and pick. The result is sent as a plain number in its own field.

---

Layout and logic

• Multi-Step Form: split a long form into steps with a progress bar, Next and Back buttons, and validation per step. Every field is still sent at the end.
• Conditional Fields: show or hide fields based on another answer. Hidden fields are not submitted.
• Repeater: an "Add another" button for groups of fields such as guests, products or team members. Every sub-field is sent as its own field, plus a readable summary and the number of rows.
• Field Tooltip: info icons with help text next to your labels. It adds nothing to the submission.

---

Tracking and hidden data

• UTM Capture: hidden fields with utm_source, utm_medium, utm_campaign and the other UTM parameters, the ad click IDs (gclid, fbclid, msclkid, li_fat_id), the referrer and the landing page. Know which campaign each lead came from.
• Page Context: the page URL, path and title, referrer, time zone, language, device type and screen size, as hidden fields you can rename or turn off.

---

Spam and consent

• Spam Shield: an invisible honeypot and a minimum fill time stop most bots, and you can add Cloudflare Turnstile with your own site key. With FramerSend, add your Turnstile secret key in the form's settings and every submission is also checked on the server, so bots that skip the browser are dropped too.
• Consent Checkbox: a GDPR consent checkbox that also records the exact text the visitor agreed to and the time they ticked it.

---

Which fields to start with

If you are not sure where to begin:

• Lead generation forms: Phone Input, UTM Capture and Spam Shield. You get clean numbers, know where each lead came from, and keep bots out.
• Quote and order forms: Calculator, Input Mask and Repeater.
• Booking forms: Date Range or Time Slots, plus Phone Input.
• Surveys and feedback: NPS Score, Likert Scale, Ranking and Star Rating.
• Long forms: Multi-Step Form and Conditional Fields, so visitors only see what applies to them.

All fields are included in every FramerSend plan, with a 14-day free trial and no card needed. And if you also want those submissions in your CRM, FramerSend sends Framer forms to Klaviyo, HubSpot, Salesforce and many more tools: see all connectors.