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.
MightyForms
Connect MightyForms' advanced form builder to your Webflow site for powerful data collection, automation, and payment processing — no coding required.
Mailchimp Forms
Connect Mailchimp Forms with Webflow to capture leads and grow your email list through native form integration.
JotForm
Connect Jotform's powerful form builder with Webflow to create advanced forms with payment processing, file uploads, and automated workflows. Collect submissions that automatically create CMS items, sync data in real-time, and extend beyond Webflow's native form limitations.
Jinglebell
Jinglebell brings you an intuitive module to fully integrate your Webflow-designed forms.
Getform
Connect Getform with Webflow to process form submissions without building backend infrastructure.
Form Sparrow
Connect Form Sparrow to Webflow for serverless form handling without backend code. Process submissions, manage email notifications, and protect against spam — all while maintaining full design control in Webflow.
FormToEmail
Connect FormToEmail with Webflow to send form submissions directly to any email address.
FormBucket
Capture, protect, store, and automate form submissions.
Formstack
Connect Formstack with Webflow to get conditional form logic, HIPAA compliance, payment processing, and automated data sync between form submissions and CMS collections.
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.
