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.
Enrollsy
Connect Enrollsy with Webflow to add class registration, payment processing, and enrollment management to your site.
Wufoo
Connect Wufoo's powerful form building capabilities with your Webflow site to create advanced forms with payment processing, file uploads, and complex conditional logic. This integration enables you to collect data through Wufoo while maintaining your Webflow site's design and functionality.
User Detective
User detective makes it easy to run on-site user feedback and research questions.
Typeform
Connect Typeform's conversational forms with Webflow to create engaging surveys, quizzes, and lead capture experiences. Build everything from simple contact forms to complex application workflows while maintaining your brand's design consistency.
SurveyMonkey
Connect SurveyMonkey's powerful survey tools with Webflow to collect feedback, qualify leads, and gather insights directly on your website. Embed surveys seamlessly, automate data workflows, and enhance user engagement without leaving your site.
POWr
Embed POWr forms, popups, countdown timers, and much more. No coding necessary!
POWR
Transform your Webflow site with powerful no-code widgets. Add forms, popups, galleries, and 60+ interactive apps to boost engagement, capture leads, and increase conversions — all without writing a single line of code.
Poptin
Connect Poptin's powerful popup and form builder to your Webflow site to capture leads, reduce cart abandonment, and boost conversions with targeted engagement tools.
Paperform
Connect Paperform's dynamic form builder with Webflow to create advanced forms, automate workflows, and enhance data collection. Build everything from simple contact forms to complex e-commerce experiences with conditional logic, payment processing, and seamless design integration.
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.
