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.
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.
Formly
Connect Formly for Webflow with your site using the native app from the Marketplace, the script and attribute method, or build with the Formly and Webflow APIs.
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.
