FormlyPro solutions

FormlyUI

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

NEW

URL query params

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.

NEW

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.

NEW

Clickable progress indicators

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

NEW

Skipping steps

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

NEW

FormlyLogic

Using formlylogic, you can now ask only the right questions and skip the rest, create quizzes and fun games all using Webflow and no-code! Just 2 attributes and a bit of grit, you can turn any normal form into a logic form.

POPULAR

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.

NEW
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"
NEW

Enable Webflow interactions

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

Country Dropdown

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

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.

FormlyPro solutions

Try FormlyBeta

FormlyBeta

Try FormlyBeta

Quiz validation

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.

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.

Testing

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.

Roadmap

Multiple success messages

Show different success messages for users who took a different Logic path.

Roadmap

Redirected to different links based on branch & submit the form

Roadmap

Logic breadcrumbs

Display which path the user has taken on a form with logic by taking the selected radio field value.

Example:
Web design > 6-10 pages > $5000

Roadmap

Text & number input logic

Use text inputs and number inputs to determine the logic flow of the form.

Roadmap

Customisable disable button text

Show a different disabled button text to that when a button is in an active state.

Roadmap

Custom error message

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

Roadmap

Join our awesome Slack community

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

Join Slack community