Allow users to add multiple sets of information within a single form by dynamically adding and removing input sections.

Example:
Add another email/phone
Add another team member
Add another work experience

NEW

FormlyQuiz

You can show a different final result based on the user's answers.

Use cases include quizzes, personality tests, eligibility checkers, lead qualifiers or product/service recommendations.

NEW

Weighted Logic

With weighted conditional logic, you assign a numerical value or weight to each possible answer in a multiple-choice question, and then use those weights to determine the outcome of the conditional logic rule.

NEW

Formly Webflow App

Use Formly right from the Webflow Designer. Quickly add attributes to your Webflow elements and copy and paste in UI kits or templates with one click!

NEW

Custom Error Messages

Show a custom error message when an input is not filled correctly.

NEW

Access Input Data

Get and display user input data anywhere on the current page by just using attributes.

An easy way to make your forms more personal and feel more dynamic.

NEW

Minimum character length

Specify the minimum character requirement for input fields, ensuring users provide sufficient information for accurate data entry and successful submissions.

Custom <div> attributes

data-min-character

n= min number

Multiple Success Messages

Display different success messages for users who took different logic paths.

Multiple Submit Redirects

Redirect users to different links based on the branch they selected after submitting the form.

CMS Select Input

Add CMS data into your select inputs to make them dynamic!

Form Reset

Reset the Webflow form inputs and Formly after a form is submitted, or allow users to manually reset the form.

Edit Steps

Allow users to go back to a specific step to edit their answers.

FormlyUI

Unstyled formly form components to easily create fully functional multistep forms in minutes without all the debugging work.

Pre-fill Inputs

Auto-populate form fields on a page by adding query strings to the page URL before sending it to your contacts. Fields will populate based on the query string added.

Customisable Disable States

Giving you complete control over the disabled states of the button. Just create a combo class to style your disabled state.

Add a '.disabled' combo class to your buttons and style them as you wish.

Clickable Indicators

Quickly traverse through the forms by clicking on the progress indicators.

Skip Steps

Let users skip to any part of the form or directly to the last step. Useful for Logic forms.

Enable Webflow IX

Add this attribute to the Form element.
Please note that this resets every interaction on the page. We only recommend using this if your form is on a dedicated page with no other Webflow IX other than just the scroll-into-view interaction

Custom <div> attributes

data-reinit

true

Form Memory

Automatically saves user input for forms as you type and restores it once the page is reloaded.

Add this attribute to the Form element.

Custom <div> attributes

data-memory

true

Call Code Dropdown

Add country calling code select inputs easily with no-code. Includes flag emoji, country shorthand and the ability to search for the call code directly form the input.

Country Dropdown

Add country select input easily with no-code. Includes flag emoji and ability to search through the select input.

Delete hidden inputs from form submission

You can choose if the inputs on branches the user did not select get submitted.
Please note that this can affect automation integrations like Webflow Logic, Zapier or Make, as the form could receive different fields depending on the user branch.

Add this attribute to the Form element.

Custom <div> attributes

data-remove-unfilled

true

Rejecting Email Domains

Specify which email domains you don't want users to enter. Example: gmail, hotmail or disposable domains. Just add the domain names and to combine multiple, use a comma.

Add this attribute to the Email input.

Custom <div> attributes

data-block-domain

{domains}

Example to block Gmail only,
data-block-domain=gmail

Example to block Gmail, Hotmail and Outlook:
data-block-domain= "gmail,hotmail,outlook"

Join our awesome Slack community

Seek support, vote on new features, stay updated and network with other members.

Join Slack community