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.
How to integrate Inputflow with Webflow
Webflow's native forms support single-step submissions with standard validation. For lead qualification quizzes, product configurators with real-time pricing, or multi-step onboarding flows, Inputflow fills this gap as a native Webflow app.
Use the Inputflow app
Install Webflow from the Webflow Apps Marketplace. The app adds a visual configuration panel to your Designer workspace.
Setup:
- Install the app and create an Inputflow account
- Add the Inputflow script to your page's
<head>:<script src="https://script.inputflow.io/i.js" type="module" defer></script>(the app may auto-inject this in some cases) - Build form structure using standard Webflow Div Blocks — each block becomes one step
- Use the Elements Manager to configure navigation buttons and connect steps
- Publish to staging, then load elements into Inputflow's Form Editor to configure logic
Key capabilities:
- Multi-step forms with visual step configuration
- Conditional branching based on user responses
- Real-time calculations for pricing, scoring, or custom values
- Custom validation and error messages per field
- Progress indicators and active state styling in Webflow Designer
Pricing: Forms work on .webflow.io staging domains with the free plan. Production domains with custom URLs require a paid Inputflow subscription (check current pricing on the marketplace listing).
Common issue: Missing the script tag is the most common cause of form failures on published sites. Verify it appears in your published page source.
Connect with Zapier, Make, or n8n
Inputflow supports webhook-based automation. Send form submission data to external systems for CRM synchronization, email sequences, or backend processing.
Zapier
Create a Zap using "Webhooks by Zapier" with Catch Hook trigger. Copy the webhook URL into your Inputflow form settings. Then use the official Webflow Zapier app for actions like creating CMS items.
Make
Create a scenario with a Webhook module as trigger, configure in Inputflow's webhook settings, then use Make's Webflow modules for CMS operations.
n8n
Use the generic Webhook node to receive Inputflow data.
Build with Webflow APIs
Inputflow operates as a frontend enhancement and does not expose its own API. Inputflow-enhanced forms trigger Webflow's native submission system, making data accessible through Webflow's Form Submissions API.
Retrieve submissions:
GET /forms/{form_id}/submissions— paginated submission listsGET /form_submissions/{form_submission_id}— specific submission by ID
Store in CMS:
- Configure a Webflow webhook with
form_submissiontrigger type - POST to
/collections/{collection_id}/itemsto create CMS items from form data - Webhooks created via API include
x-webflow-signatureheaders for HMAC validation; dashboard-created webhooks do not
Authentication requires OAuth 2.0 with forms:read and cms:write scopes. Rate limits: 60 requests/minute on Starter/Basic plans, 120 on CMS/Business plans.
What you can build
Integrate Inputflow with Webflow for interactive multi-step form experiences.
- Product configurators: Build custom product builders where users select options and see calculated totals update instantly — like pricing configurators with package selections and conditional visibility.
- Lead qualification quizzes: Create multi-step questionnaires that route prospects through different paths based on answers, scoring responses and displaying personalized results.
- Client onboarding flows: Design step-by-step intake forms that collect business information progressively, showing relevant fields based on company type or service needs.
- Service pricing calculators: Let visitors input project requirements and receive instant cost estimates based on configurable formulas.
Frequently asked questions
Install from the Webflow Apps Marketplace, then add the Inputflow script to your page's
<head>tag using Webflow's custom code settings. Follow Inputflow's Quick Start guide for the complete setup process.The most common cause is a missing or incorrectly placed script tag. Verify the script appears inside the
<head>section of your published page source. Also confirm you have an active Inputflow subscription if using a custom domain — forms only work on.webflow.iostaging domains without a paid plan.Yes. Inputflow forms submit through Webflow's native form system, making data accessible via Webflow's Form Submissions API. Connect Inputflow to Zapier or Make using webhooks, then use their Webflow modules to create or update CMS items based on form responses.
Inputflow-enhanced forms count against Webflow's plan-based submission quotas (100 to 2,000 submissions/month depending on plan). Inputflow cannot bypass these limits since submissions flow through Webflow's native infrastructure. High-volume implementations may need to route submissions directly to external systems via webhooks.
Description
Inputflow extends Webflow's native forms with multi-step functionality, conditional branching, and dynamic calculations. Design form elements in Webflow while Inputflow handles the logic layer. Forms adapt based on user responses and display real-time pricing or scoring with no JavaScript required.
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.
