How to Embed Your LeadCapture Form in Framer

If you're using Framer to build your website and want to embed your LeadCapture form, follow this simple step-by-step guide. This will ensure your form loads correctly and submits leads to your connected apps (e.g., Zapier).

Important: Avoid placing the script in the page settings header — this can cause issues with inconsistent form loading. Instead, follow the embed block method below.

Steps to Embed the Form

1. Open Your Framer Page

Go to the page where you want the form to appear.

2. Add an Embed Block

Click the “+” (Add) button
Scroll to Utility
Select Embed
Drag and drop it into your desired section

3. Configure the Embed Block

Click into the Embed block
On the right-hand panel, set the Embed Type to HTML

4. Paste the Required Code

Inside the HTML editor:

Paste the Pixel Script (provided by LeadCapture)
Paste your LeadCapture Form Embed Code directly below the pixel

5. Publish the Page

Click Publish in Framer to make the form live.

What to Expect

Once done, your form should:

Load consistently on first visit
Capture leads correctly and forward them to your connected integrations

If you're still having issues after embedding it this way, double-check that:

The full script was copied
The pixel and form tokens are correct
There are no extra conflicting scripts on the page

Still Need Help?

If the form still isn't working as expected, feel free to contact support@leadcapture.io