Code Input for Framer forms
Segmented boxes for codes and PINsAdd segmented boxes for a short code to your native Framer form: a booking reference, invite code or PIN.
Pasting fills every box, Backspace moves back, and phones suggest one-time codes. Choose digits only or letters and digits.
Available right now inside FramerSend Fields (our all-in-one Marketplace plugin). Free for 14 days, no card, then from $5/month.
What your form receives
The whole code under the field name you choose.
It is part of the native Framer form submission, so it goes wherever your form sends: email, Google Sheets, webhooks, or FramerSend connectors.
{
"Name": "Amelia Hart",
"Email": "amelia@studio.co",
"Code": "482913"
}How it works
No code, right inside Framer
Select your form
Select your Form on the Framer canvas.
Insert the field
Open Code Input and click Insert code input. It is added above the submit button at full width.
Set it up
In the right panel, set the length and digits or letters.
Options
- Length from 4 to 8
- Digits only or letters and digits, uppercase
- Masked mode
- Required and exact length, with your own error texts
- Box size, gap, colors and fonts
Written into your project as a code component. No external scripts, no network requests on your site.
Frequently asked questions
Does it send or check codes?
No. It only collects the code the visitor types and sends it with the form. A partial code always stops the form with your error text.
Does paste work?
Yes. Pasting a code fills every box at once, and phones can suggest a code from a text message.
Does it slow down my site?
The field is a code component written into your project. It loads no external scripts and makes no network requests on your site.
How much does Code Input cost?
Code Input 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.
Add Code Input to your Framer form
Included in every FramerSend plan with all 73 field plugins and every connector. Free for 14 days, then from $5/month.