Formly
Connect Formly with Webflow to build multi-step forms and custom workflows without coding.
How to integrate Formly with Webflow
Webflow's native forms lack multi-step flows and conditional logic. Formly fills this gap through a JavaScript embed and custom attributes for building lead qualification funnels, booking systems, and assessment quizzes.
Integrate using a custom code embed or the third-party Formly & Flowplay marketplace app. Both require a one-time script installation and work with existing Webflow form elements.
Custom code embed
Add a script tag to your custom code section, then apply custom attributes (like data-formly-step="1") to form elements. Create and publish your form in Formly's dashboard, copy the embed code, and paste it into a custom code embed element (excluding <html>, <body>, or <head> tags).
The capabilities include:
- Multi-step navigation: data-formly-step attributes create step-by-step flows
- Progress indicators: Automatic progress bars showing completion status
- Conditional logic (Pro plan only): Show/hide fields based on responses
- Custom validation: Required fields and validation rules via Formly's interface
- Form data capture: Automatic storage and export options
URL customization: Default format is https://getformly.app/[unique-slug]. Gold/Enterprise plans support custom subdomains; full custom domains require CNAME DNS records.
Third-party Formly & Flowplay marketplace app
The Formly & Flowplay app (ViDesigns) provides a visual interface for applying Formly attributes without manual HTML editing. It uses the same integration method as the custom code embed, but simplifies attribute management.
The features include:
- One-click attribute addition through panel interface
- Visual attribute management without code view
- Same functionality as custom code embed method
Requires script installation in Project Settings → Custom Code → Head Code. Cloneable templates (Formly Chat Style Form, Formly Form with End Summary Card) demonstrate implementation patterns.
What you can build
Integrating Formly with Webflow lets you add conditional logic forms, calculators, and booking tools to your site.
- Lead qualification funnels: Multi-step forms that segment prospects based on responses
- Assessment and quiz tools: Branching questionnaires for evaluations
- Service booking systems: Appointment scheduling with conditional pricing
- Calculator and quote generators: Dynamic pricing tools with show/hide logic
Frequently asked questions
Copy embed code from Formly dashboard, add a custom code embed element to your page, paste the code, and publish. Custom code embed elements update automatically when published but remain hidden during design mode.
Formly doesn't provide webhooks or APIs. Use Webflow's native form system with the Webflow form_submission webhook, or connect through Zapier/Make to create CMS collection items via the Webflow API.
No. Formly sits on top of Webflow’s existing form elements, so submissions still go through Webflow’s native form handler and remain compatible with tools that already work with Webflow forms.
Description
Formly is a form builder that adds multi-step forms and custom workflows to Webflow sites.
This integration page is provided for informational and convenience purposes only.
Inputflow
Connect Inputflow, a multi-step form builder, with Webflow to create forms with conditional logic, real-time calculations, and custom validation — all designed in Webflow Designer.
Flowstar Form Connectors
Connect Flowstar Form Connectors with Webflow to sync form submissions to email marketing platforms.
Growform
Connect Growform with Webflow to handle complex lead qualification with multi-step flows and conditional logic.
Flowstar Polls
Connect Flowstar Polls to Webflow site to add polling and survey capabilities.
Formester
Connect Formester, a form builder platform, with Webflow to capture form submissions and route data to CMS collections.
Documentero
Connect Documentero, a cloud-based document generation platform, with Webflow to create Word, Excel, and PDF documents from form submissions and CMS data.
Gravity Forms
Gravity Forms with Webflow to add conditional logic, payment processing, multi-page forms, and approval workflows.
Google Forms
Integrate Google Forms with your Webflow site to collect responses while maintaining your site's design and user experience.
Form Sparrow
Connect Form Sparrow with Webflow to collect form submissions and route data without building backend infrastructure.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
