Order Forms, Donations, URL Prefill and 5 More Fields for Framer Forms

Selling a few products, collecting donations, or sending people to a form from an email campaign all need more than a name and an email box. Native Framer forms don't do quantities, totals, amounts or prefilled links.

We tested eight more 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.

---

Eight new fields at a glance

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

---

Product List: an order form with a live total

Write your products one per line as "T-shirt | 20", optionally with a picture URL and a maximum quantity. Each product gets a − / + stepper, and the total updates as visitors pick, with optional tax, a flat shipping fee and free shipping over an amount.

In our test, two T-shirts and a mug showed "Total $52.00" and the form received "Order": "2 × T-shirt ($40.00), 1 × Mug ($12.00)" and "Order total": "52.00". You can also send one field per product, such as "Product – T-shirt": "2", so each product gets its own column in a sheet.

It collects orders; it does not take payments. Use the submission to send an invoice or a payment link from your own tool.

---

Donation Amount: preset gifts and monthly giving

Preset buttons such as $10, $25, $50 and $100 make giving a one-tap decision. Add labels such as "50 | Plant a tree", an "Other amount" field with a minimum and maximum, and a One-time / Monthly toggle.

The form receives the amount as a plain number ("25"), the formatted amount ("$25.00") and the frequency. Because the amount is a plain number, the Calculator can use it right away, for example to add a processing fee.

---

URL Prefill: forms that fill themselves from a link

When you already know who is clicking, from an email campaign, an ad or a page on your own site, don't make them type it again. URL Prefill fills fields from the link: ?first_name=Amelia&plan=pro fills "First name" and "Plan" when the page opens.

Matching ignores case, spaces, underscores and hyphens, or you can map parameters to fields one per line. It works for text fields, dropdowns, radio buttons and checkboxes, also in later steps of a Multi-Step Form. Filled fields can be hidden or locked, and values can be remembered for the session. Passwords, hidden fields and spam traps are never filled.

Pair it with: UTM Capture to record where the visitor came from.

---

Email Typo Fix: catch gmial.com before it's sent

A typo in the email domain means a reply that never arrives. Email Typo Fix watches your email field and, when visitors leave it, shows "Did you mean amelia@gmail.com?" right below it. One click fixes the address; the × dismisses the hint.

It knows common misspellings of popular mail domains and broken endings such as .con, and leaves short company domains alone. Optionally it refuses throwaway inboxes such as mailinator.com. For a second "confirm email" box instead, use Confirm Field.

---

Name Fields, Time Picker and Time Zone Select

Name Fields splits a name into first and last name side by side, with an optional prefix, middle name and suffix. Each part is its own field with the right autofill hint, which is what HubSpot, Mailchimp and Klaviyo expect.

Time Picker lets visitors pick a time of day from a grid or a dropdown, with your hours, step and blocked times such as a lunch break. Pair it with Inline Calendar for a date.

Time Zone Select preselects the visitor's own time zone and lets them search every other one, shown with its current offset. It sends the IANA id, such as "Europe/London", which scheduling tools understand.

---

Reference Number: an ID for every submission

Reference Number gives each submission a unique ID from your pattern, such as ORD-{YYYY}{MM}{DD}-{RAND6}. Show it in the form with a Copy button so visitors can quote it later, or keep it hidden. After each submission a new one is made for the next.

It is handy for orders, support requests and bookings, where you and the visitor need to talk about the same submission.

---

Putting them together

• A small shop: Product List for the order, Name Fields and Email Typo Fix for the contact details, Reference Number for the order ID.
• A fundraiser: Donation Amount with the monthly toggle, URL Prefill for supporters coming from your newsletter, Terms Box for the gift terms.
• A booking request: Inline Calendar, Time Picker and Time Zone Select, so you know exactly when, wherever the visitor is.

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