FormsAI + Framer

Add an Embed component in Framer, set it to HTML and paste the code.

Start free How to connect

Included on every plan, Free too

What you can do

Designed sites, designed forms
Twelve themes, your fonts and colours, and motion that respects reduced motion.
Popups from your buttons
data-forms-open on any element opens the form.
Your domain
On Pro the form can also live at forms.yourbrand.com.
Waitlists and launches
Collect sign-ups and send them to your CRM or a sheet.

1
Publish the form, then open Share → Embed in a web page.
2
Pick an embed mode (inline, popup, slider, side tab or iFrame) and set the height or the button text.
3
Select Copy embed code.
4
In Framer, add an Embed component set to HTML where the form should appear and paste the code.
5
Publish your Framer page. Changes you publish to the form show up there by themselves.

Free to start

Every plan includes this, Free too. 3 active forms and 100 responses a month, no card needed.

Framer is a trademark of its owner. FormsAI isn't affiliated with or endorsed by Framer. framer.com

FAQ

Does the popup work in Framer's preview?

Scripts can behave differently in an editor's preview. Publish the Framer site and test it there, or use the iFrame mode.

Is embedding a form in Framer free?

Yes. Every embed mode works on every plan, Free included.

Will the form match my Framer site?

Pick a theme or set your own colours, fonts, corners and background in the Design tab. On Pro you can also upload your own font and add custom CSS.

Can people pay or upload files inside the embed?

Yes. Payments, file uploads, and camera and microphone answers all work inside embeds; the frame is allowed to ask for them.

It's on every plan. Make your first form in minutes, no card needed.