Visual form builder built exclusively for Webflow

Build smart Webflow forms
natively on your canvas.

Create multi-step wizards, conditional logic routers, digital signature pads, and direct database integrations. No slow iframes, no layout shift, and completely styled with your Webflow custom classes.

Trusted by world-class design agencies and developers

ACME CORPVERTEXOcularPULSEGLOW STUDIO
Extension Dashboard

Unified Visual Flow Canvas

Organize form routes, setup advanced steps, and configure Klaviyo or webhook integrations inside a drag-and-drop visual builder.

app.webflowforms.com/canvas-editor
Unified Visual Canvas Builder
Why Native Matters

Native Elements vs. Iframe Embeds

Stop embedding slow, unstyled third-party widgets that degrade your Lighthouse scores and damage user experiences.

RECOMMENDED

Native Webflow Forms

  • 0ms Layout Shift (CLS): Non-jarring transitions that preserve Google Core Web Vitals.
  • Automatic Style Inheritance: Inherits your Webflow project's global typography, colors, and button classes instantly.
  • 100% SEO Indexable: Search engine bots read and index all input fields, labels, and helper texts.
  • High Performance: Pure vanilla JS runtime executing natively without loading nested frames.
  • Complete Canvas Customization: Custom-style active and inactive states directly in the designer panels.

Iframe Embeds (Typeform, Jotform)

  • Severe Layout Shifts: Jarring viewport jumps that trigger Google Lighthouse warnings.
  • Mismatched Brand Design: Rigid buttons, borders, and styles that feel disconnected from your layout.
  • Zero SEO Visibility: Input text and contents within inside iframe windows cannot be crawled by search engines.
  • Heavily Bloated Bundles: Downloads megabytes of unoptimized tracking and design scripts, slow to load.
  • Complex Mobile UX: Rigid iframe containers trigger scrollbars and layout cutoffs on mobile screens.
Advanced Input Fields

20+ Advanced Components & Fields

Inject rich elements directly into your native forms. Fully styleable using standard Webflow layout and styling panels.

Digital Signatures

Capture legally binding hand-drawn signatures with desktop mouse or mobile touch inputs.

File Uploader

Support drag-and-drop file uploads up to 50MB directly linked to form submissions.

Date & Time Picker

Elegant calendars allowing date range selection, time slots, and weekend blocklists.

Input & Phone Masks

Format phone numbers, zip codes, and credit cards in real-time as users type.

Dynamic Calculations

Perform calculations on price, tax, or scores using values from other form inputs.

Regex Validation

Configure strict validation rules for email domains, custom patterns, and prevent spam.

Country & Geo Selector

Interactive dropdowns with geo-location detection and state/city autocomplete.

Star & Emoji Ratings

Design native review scores, emoji feedback, and NPS meters with custom styles.

Simple Steps

How it works

Build, style, and integrate in three straightforward steps.

01

Install the Webflow App

Install our app from the Webflow Marketplace and drop the Form Wrapper element onto your canvas in one click.

02

Style Natively on Canvas

Drag and drop native Webflow input fields or our advanced components inside the wrapper. Custom style them using native Webflow controls.

03

Integrate & Hit Publish

Branch form paths visually and connect outputs directly to Klaviyo lists or webhooks. Hit publish and scripts are injected instantly using Registered Scripts.

Core Enhancements

Supercharge Native Webflow Forms

Everything you need to build high-converting, smart, and fully integrated forms directly inside the Webflow Designer.

Unified Visual Flow Canvas

Build and organize your forms in a drag-and-drop canvas workspace. Pan, zoom, and manage your form structure visually in real-time.

Multi-Step Form Wizard

Break complex forms into beautiful multi-step wizards natively inside Webflow Designer. Customize page transitions and progress indicators easily.

Conditional Logic Router

Route users based on their inputs using advanced IF/THEN branching logic. Configure logical expressions without writing code.

Interactive Signature & Fields

Inject high-fidelity digital Signature Pads, phone masks, and custom fields directly into your canvas with instant visual feedback.

Klaviyo, Mailchimp, HubSpot & Webhooks Sync

Connect your forms directly to Klaviyo lists, Mailchimp audiences, HubSpot CRM, or external webhooks via visual canvas nodes. Seamless data flow without third-party middleware.

Zero-Code Free Plan Bypass

Automatically injects runtime scripts using Webflow's Registered Scripts API. Full advanced form features even on Webflow Free plans.

Simple Pricing

Simple, Transparent Pricing

Double the submissions of Inputflow, at a fraction of the cost.

Starter

Perfect for small sites and portfolio projects.

$9
/mo
  • 2,000 form submissions / month
  • Unlimited Webflow sites & forms
  • Multi-step forms
  • Conditional logic branching
  • Direct Klaviyo Integration
Subscribe Now
POPULAR

Growth

For growing businesses and client projects.

$39
/mo
  • 5,000 form submissions / month
  • Unlimited Webflow sites & forms
  • Everything in Starter
  • Advanced Input Validation (Regex)
  • Custom variables & Calculations
  • File Uploads & Storage integration
  • Direct Webhooks, Mailchimp & HubSpot Sync
Subscribe Now

Business

For agencies and high-traffic ecommerce sites.

$79
/mo
  • 20,000 form submissions / month
  • Unlimited Webflow sites & forms
  • Everything in Growth
  • Priority Email & Loom Support
  • High-performance API processing
Subscribe Now
FAQ

Frequently Asked Questions

Have questions? We have answers.

Do I need a paid Webflow site plan to use Webflow Forms?
No! This app uses Webflow's Registered Scripts API to inject custom JavaScript runtime config securely onto published sites. You can build advanced multi-step forms with conditional logic even on Webflow's Free plan tier.
How are monthly form submissions calculated?
Submissions are aggregated across all active forms and sites under your subscription. If you cross your tier limit, our fail-open safety redirects form collection directly back to Webflow natively so you never lose customer data.
Can I connect form outputs to multiple services simultaneously?
Yes. Our visual flow builder canvas enables you to connect elements to multiple integration nodes (e.g. sending a lead simultaneously to a custom Webhook URL and a Klaviyo marketing list).
Do you charge transactional or form processing fees?
Never. We charge a transparent, fixed monthly fee based on your subscription tier. You only pay for what you use, without hidden transaction charges.

Start building native forms in Webflow today.

Install the designer app, connect your stack, and style everything natively on your canvas.