Setup Guide
Embed Flowvi Forms in Webflow
Add Flowvi forms to your Webflow site with the Embed element
Get Your Embed CodeStep-by-Step Guide
1
Get your form embed code
In Flowvi, open your form and click "Share". Copy the iframe embed code.
<iframe
src="https://flowvi.dev/submit/your-form-id"
width="100%"
height="600"
frameborder="0"
style="border: none; border-radius: 12px;"
></iframe>2
Add an Embed element in Webflow
In the Webflow Designer, drag an "Embed" element from the Add panel to where you want the form to appear.
3
Paste the embed code
Click the Embed element, open settings, and paste the iframe code. Click "Save & Close".
4
Adjust sizing
Set the Embed element's width to 100% and adjust the min-height in the Style panel to fit your form.
5
Publish and test
Publish your Webflow site and test the embedded form. Verify submissions arrive in your Flowvi dashboard.
Frequently Asked Questions
Do I need a paid Webflow plan?
The Embed element is available on all Webflow plans, including the free Starter plan.
Can I style the form to match my Webflow design?
Flowvi forms have their own styling (customizable in the form builder). The iframe container can be styled in Webflow with CSS.
Will the form work on Webflow CMS pages?
Yes. You can embed Flowvi forms in CMS template pages using the Embed element or a Rich Text field with custom HTML.
All Embed Guides
Ready to embed?
Create your form and get the embed code in minutes. Free plan available.
Get Started Free