Webflow Integration
How It Works
Copy the embed code
In WittyForm, go to your form Share settings and copy the embed snippet.
Add to Webflow
In the Webflow Designer, add an Embed element to your page and paste the WittyForm snippet.
Publish and go live
Publish your Webflow site. The form renders inline and submissions flow to WittyForm.
Key Features
Design harmony
Forms adapt to your Webflow site design with customizable styles and smooth animations.
Fully responsive
Forms work perfectly across all breakpoints defined in your Webflow project.
No-code friendly
Embed with a simple copy-paste. No Webflow custom code plan required for basic embeds.
Fast loading
Asynchronous loading ensures the form does not block your Webflow page rendering.
CMS pages
Embed forms in Webflow CMS collection pages using custom code fields.
Popup and slide-in
Use popup or slide-in form modes in addition to inline embeds on your Webflow pages.
Use Cases
Landing page forms
Add lead capture forms to marketing landing pages built in Webflow.
Client onboarding
Embed detailed onboarding questionnaires on your Webflow client site.
Feedback collection
Add feedback or NPS forms to product pages to collect user insights.
Multi-step applications
Create sophisticated multi-step forms for applications, quotes, or configurators.
Setup Guide
In WittyForm, open your form and go to Share. Copy the embed code snippet.
In the Webflow Designer, navigate to the page where you want the form.
Add an Embed element (under Components) and paste the WittyForm embed code.
Publish your Webflow site. The form is live and responses sync to WittyForm.
Related