How to Connect Framer Forms to Form2Lead
Step-by-step developer instructions for Framer applications.
How do you send Framer form submissions to Form2Lead?
Connect a Framer form to Form2Lead by pasting your endpoint URL into the Framer form’s action field (or Custom Code), bypassing Framer’s native limits.
Why use Form2Lead with Framer?
Framer sites are beautiful but their native forms have strict submission limits and no lead database. Form2Lead gives Framer sites a proper backend: set the form action to a Form2Lead URL in the Form element’s Custom Code or use the Custom Code section to add a fetch-based submit handler. Submissions are emailed, stored in a searchable dashboard, spam-filtered with a honeypot, and exportable to CSV.
Prerequisites
- ✔A Framer site
- ✔A Form2Lead endpoint URL
Step-by-Step Integration Guide
01. Add the Form Action in Framer
Insert a Form element, open its Custom Code panel, and set the action to your Form2Lead URL with method POST.
<form action="https://form2lead.com/api/v1/f/YOUR_FORM_ID" method="POST"> <input type="text" name="name" placeholder="Name" required /> <input type="email" name="email" placeholder="Email" required /> <textarea name="message" placeholder="Message" required></textarea> <input type="text" name="_gotcha" style="display:none !important" tabindex="-1" autocomplete="off" /> <button type="submit">Send</button> </form>
02. Allow Your Framer Domain
Add your `*.framer.app` or custom domain to the form’s Allowed Domains list in Form2Lead.
03. Redirect to a Success Page
Point the Form2Lead redirect setting at your Framer thank-you page, or handle submissions silently with an Accept: application/json header via Custom Code.
Framer Integration FAQ
Does Form2Lead replace Framer’s native form limits?
Yes. Because submissions go straight to Form2Lead, your Framer plan’s form submission limits no longer apply — choose a Form2Lead tier that fits your lead volume.