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.
Formcarry
Connect your Webflow forms to Formcarry's powerful form backend service. Handle submissions, automate workflows, and maintain GDPR compliance — whether your site is hosted on Webflow or exported elsewhere.
Formspree
Redirect your form submissions to your email. Use Formspree for testing and development with unlimited projects and forms, limited to 50 submissions/mo.
Enrollsy
Connect your enrollment management system with your Webflow site to streamline class registrations, manage programs, and process payments seamlessly.
Elfsight Contact Form
Capture leads and customer inquiries on your Webflow site with Elfsight's customizable contact form widget. Build professional forms with drag-and-drop simplicity, add custom fields, and automate email notifications — all without writing code.
Basin
Basin revolutionizes form handling for Webflow sites by providing a powerful backend that manages submissions, blocks spam, and automates workflows — all without writing server-side code. This integration transforms standard Webflow forms into sophisticated lead capture systems with advanced spam protection, automated notifications, and seamless third-party connections.
Arengu
Visually build user flows with custom actions with your API or favourite apps.
Airtable forms
Connect Airtable's powerful database capabilities with Webflow to create dynamic, data-driven websites. Sync content in real-time, automate workflows, and scale beyond traditional CMS limitations while maintaining complete design control.
123FormBuilder
Connect 123FormBuilder, a no-code form platform, with Webflow to add payment processing, conditional logic, and HIPAA compliance beyond Webflow's native forms.
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.
