Calendar, Coupon Codes, Matrix Grids and 5 More Fields for Framer Forms
Add an inline calendar, promo codes with a live discount, matrix rating grids, scroll-to-agree terms, code boxes, segmented buttons, opening hours and a progress bar to native Framer forms. What each field does and what your form receives.
Dong Trinh
Lead Architect at FramerSend
Booking forms need a date, order forms need a promo code, feedback forms need a rating grid, and registrations need a deadline. Native Framer forms have none of these.
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. Here is what each field does and what your form receives.
Eight more fields at a glance
| Field | What it adds | What your form receives |
|---|---|---|
| Inline Calendar | An always-open month calendar | "Date": "2026-12-10" |
| Coupon Code | A promo code field with an Apply button | "Coupon": "SAVE10", "Discount": "10%" |
| Matrix Grid | Rows of questions × columns of answers | "Rating grid – Price": "Good", one field per row |
| Form Scheduler | Opening and closing times, or opening hours | Nothing extra |
| Terms Box | Scrollable terms and an "I agree" checkbox | "Terms": "Yes", plus version and time |
| Button Choice | Segmented buttons or pills | "Budget": "$5k–10k" |
| Code Input | Segmented boxes for a code or PIN | "Code": "482913" |
| Progress Bar | A live "60% complete" bar | Nothing extra |
All of them are listed with the rest on the Form fields for Framer page.
Inline Calendar: pick a date in one tap
The browser's date picker hides the calendar behind a click and looks different on every device. Inline Calendar keeps a month calendar open inside the form, so visitors see which days are available and pick one in a tap.
Close weekdays (for example Sat and Sun), block single dates such as holidays, require notice days, and limit how far ahead visitors can book. Past days are struck out by default. Month and day names follow the visitor's language, and the week can start on Monday or Sunday.
Your form receives an ISO date such as "2026-12-10", which sorts cleanly in Google Sheets and CRMs, or the date written out if you prefer. Keyboard users move between days with the arrow keys and pick one with Enter.
Pair it with: Time Slots when visitors also need a time, or Date Range for check-in and check-out.
Coupon Code: promo codes with a live discount
List your valid codes in the panel, one per line: "SAVE10 | 10%", "WELCOME | $20", or just "VIP". Visitors type a code and click Apply, or press Enter, and see "Code applied: 10% off" or your invalid text right away. Codes match without case.
Your form receives the code and the discount, for example "Coupon": "SAVE10" and "Discount": "10%". Turn on the number fields and the discount can feed the Calculator for a live total, such as {Quantity}50(1-{Discount percent}/100).
One thing to know: the code list is part of the page, so it suits promo codes, not codes that must stay secret.
Matrix Grid: many ratings in one block
Rating five things with five separate questions makes a form long and tiring. Matrix Grid puts them in one block: statements or items in rows, answers in columns, one pick per row or several with checkboxes.
Each row is sent as its own field, such as "Rating grid – Price": "Good", so every row gets its own column in a sheet. Or send all rows in one field: "Price: Good; Delivery: Excellent". On narrow screens each row turns into a card with its answers as buttons, so it stays easy to tap.
Form Scheduler: open and close a form on time
Registrations, applications and limited offers all have a window. Form Scheduler opens your form at a date and time, closes it at another, or keeps it open only during weekly hours such as Mon–Fri 09:00–17:00, in the time zone you choose.
Outside the window visitors see your message, such as "This form opens on Fri, Nov 6, 09:00 AM", with an optional countdown. The fields and the submit button are hidden or greyed out, and the form cannot be sent, not even with Enter. It checks again every minute, so the form opens on time without a reload.
It uses the visitor's device clock, so treat it as a registration window, not as a lock for secret content.
Terms Box: a record of what was agreed
Terms Box shows your terms in a scrollable box with an "I have read and agree" checkbox below it. Bold text, paragraphs and links are supported. Turn on Read first and the checkbox unlocks only when the visitor reaches the end.
Your form receives "Terms": "Yes", the terms version you set, and the moment the box was ticked, such as "2026-11-05T10:03:24Z", so every submission carries its own record. For a simple consent line without the box, use Consent Checkbox.
Button Choice, Code Input and Progress Bar
Button Choice turns a short list into segmented buttons or pills: Yes / No / Maybe, budgets, plan sizes or services. One pick or several, with an optional maximum.
Code Input shows one box per character for a booking reference, invite code or PIN. Pasting fills every box, Backspace moves back, and phones can suggest a code from a text message. A partial code stops the form with your error text.
Progress Bar shows "60% complete" at the top of the form and fills up live as visitors answer. It counts required fields or all fields, and leaves out fields hidden by Conditional Fields.
Putting them together
- A booking form: Inline Calendar for the date, Time Slots for the time, a Number Stepper for guests, Coupon Code and the Calculator for the total.
- An event registration: Form Scheduler to open and close it on time, Button Choice for the ticket type, Terms Box for the rules.
- A customer survey: Matrix Grid for ratings, NPS Score for loyalty, the Multi-Step Form with a Progress Bar so it never feels long.
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 have a calendar?
Yes, with Inline Calendar. It shows a month calendar inside the form, with closed weekdays, blocked dates and notice days, and sends the picked date as an ISO date such as 2026-12-10.
Can I add a coupon code to a Framer form?
Yes, with Coupon Code. You list valid codes such as "SAVE10 | 10%" in the panel. The form receives the code and the discount, and the discount can feed the FramerSend Calculator for a live total. The codes are part of the page, so use it for promo codes, not secrets.
How do I close a Framer form after a deadline?
Insert Form Scheduler and set when the form opens and closes, or weekly opening hours. Outside that window visitors see your message and the form cannot be sent. It uses the visitor's device clock, so it is meant for registration windows, not as a security lock.
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.
Connect Framer to 100+ CRMs in 60 seconds
14-day free trial, no card needed. Copy your Submit URL and paste straight into Framer.
Related Articles
How to Connect Framer Forms to Any CRM in 2026 (No Code & No Zapier)
A complete step-by-step tutorial on routing native Framer form submissions directly into Klaviyo, HubSpot, Mailchimp, or Salesforce in under 60 seconds.
Framer Form Not Sending? 9 Fixes for Submissions That Never Arrive
Framer form not sending or submissions not arriving? Work through 9 fixes: publishing, Send To settings, validation, spam filters, webhooks and field names.
How to Show Personalized Quiz Results and Outcome Cards in Native Framer Forms
Turn Quiz Score totals, Calculator quotes and dropdown answers into tailored result cards with their own badge, headline and CTA — inside native Framer forms.