FormsAI + Webflow

Drop an Embed element onto your Webflow page and the form sits right in your design.

Start free How to connect

Included on every plan, Free too

What you can do

Fits your layout
Inline embeds take the width of their container.
Your own buttons
Add data-forms-open to any Webflow button to open the form as a popup.
Matches your brand
Theme the form with your colours and fonts; Pro adds your own font file and custom CSS.
Hidden fields from the URL
UTM tags on the page fill the form's hidden fields.

Lead form on a landing page
An inline form under the hero.
Lead generation form template
Waitlist
A popup from your Join the waitlist button.
Product waitlist template
Product survey
A slider that asks visitors one question.
Quick poll template

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 Webflow, add an Embed element where the form should appear and paste the code.
5
Publish your Webflow 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.

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

FAQ

Can my own Webflow button open the form?

Yes. Give the button the attribute data-forms-open with your form's address, and keep the embed script on the page.

Is embedding a form in Webflow free?

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

Will the form match my Webflow 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.