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!
Create user friendly forms by asking relevant questions to the right users and give it a personal touch.
Contact, Support, Ecommerce checkout, Quote requests, Demo requests, Event signups, Digital product downloads, Appointment scheduling and Job applications
With just a flowchart, a few radio buttons and a 2 attributes, you can create amazing quizzes on Webflow.
Perfect for product recommendation for e-commerce sites, pricing recommendation for SaaS companies/agencies or just plan fun Buzzfeed-like quiz games.
Create stunningly interactive microsites that use logic to allow users to navigate a site.
Perfect for creating mini-games like online escape rooms and interactive storytelling sites.
To create logic flows, you will need to remember 2 things:
1. Formlylogic moves forwards. This means that at every decision question, the form will go to the next step and to the relevant element.
2. You need to connect every step to the next step with attributes. Even if that step has no logic, you will need to treat it as a step with 1 logic flow.
We know this is confusing, so here's a Loom video explaining how you need to setup logic.
Think of this like a branch reaching out to the next step.
Think of this like a block in a flowchart that a branch connects to.
Let's play a game!
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.
Multiple Success Messages
Display different success messages for users who took different logic paths.
Redirect users to different links based on the branch they selected after submitting the form.
Reset the Webflow form inputs and Formly after a form is submitted, or allow users to manually reset the form.
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.
Unstyled formly form components to easily create fully functional multistep forms in minutes without all the debugging work.
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.
Quickly traverse through the forms by clicking on the progress indicators.
Let users skip to any part of the form or directly to the last step. Useful for Logic forms.
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.
Enable Webflow IX
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
Add this attribute to the Form element.
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.
Add country select input easily with no-code. Includes flag emoji and ability to search through the select input.