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.
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.
