Discover the best conditionallogic websites created by professional designers. Get inspired and start planning your perfect conditionallogic web design today!

SketchzLab

This is a demo of advanced form with multi steps and conditional logic built using Advanced Form Builder by Alex Iglesias. Kudos for this awesome tool. ✌😁

Check out this out tool from the link below:
https://advanced-forms.webflow.io/

====================

💖☕ Support us by buying us a coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

Advanced Form with Multi Steps and Conditional Logic

Caroline Ren

Note: In order to use this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic 

Creator: Aditi Desai, twitter.com/proteen_me

This is a cloneable project for marketing sites that allow customers to submit testimonials. In this case, if the testimonials are 4 stars or higher, they will be published on the site. If the review is lower than 4 stars and feedback is included, a team member is notified with the details.

This project was built to demonstrate a common use case for Webflow Logic (currently in beta) --user generated content. One example of what you can automate with Logic is: User submits a form > Creates CMS item > Conditions based on the data inputs > Send email notification to the team. In fact, this logic flow is already built out in this site for your reference!

Logic brings the power of automation natively in Webflow. Learn more: https://webflow.com/logic 

Webflow Logic: Marketing Site with Client Testimonials

ViDesigns

🚀Become a FormlyPro member and gain access to FormlyLogic: https://www.tryformly.com/logic

31/5/23 - Free to clone now!

⚡️FormlyLogic - The Office Game

Memberstack

Happy Wednesday!

In this project I created a way to toggled an input field as required or not required depending on its visibility. 

This is super handy if you only want a field to be required if the user needs it. I.e. Maybe you have a form with some conditional fields. Let's say you only want to collect someone's phone number IF they give you permission to contact them. You want the phone number to be required, but only if they give you permission to contact them. 

This allows the form to submit when the required phone number field is hidden, but prevents the submission if it's visible. Super handy!

if you have any questions please leave a comment on the loom video here. https://www.memberstack.com/scripts/32-set-input-to-required-if-visible

Set Field to Required when Visible

An agency contact form with conditional logic! Show a different pricing range based on how many pages user has selected.

🚀Made using FormlyLogic - https://www.tryformly.com/logic

⚡️Formly - Form with Logic

Become a FormlyPro member and gain access to FormlyLogic: https://www.tryformly.com/logic

⚡️FormlyLogic - Coffee Quiz

Mike Pecha

Multi-step form, product configurator for a cleaning service company to accept custom requests.

Key features:
- Branching & Conditional logic
- Input validation & custom error messages
- Calculations, variables & formulas
- Custom success message
- Beautiful radio buttons
- Range slider & Input counter

This product configurator was built with the Webflow App "Inputflow":

Learn more at inputflow.com

Cleaning Service Configurator

Redirect your members after signup/login to the gated page they were attempting to access before being redirected with a few simple snippets!

Redirect After Signup/Login To Previous Gated Page

Working on some form logic?

Want to make Shaq appear if someone checks a checkbox?

Or, just doing literally anything that requires conditional visibility based on a checkbox?

Well then boy, do I have the resource for you.

Simply copy the script and attributes applied to the checkbox and image, and you're good to go.

Display Element If Checkbox Is Checked

Reduce churn, get valuable insights, and keep customers happy with this membership cancellation flow freebie.

When the member clicks the button to cancel their subscription, they will first have to give some information about why.

Depending on the option they choose, they will be prompted to give more information.

If they choose too expensive, they have an option to get a free month (or any coupon you set up in Stripe).

Enjoy!

Membership Cancellation Flow

An advanced multi-step form to get a quote and generate leads. Includes conditional styles & visibility, input validation, custom error messages, and result messages.

This form was built with Inputflow:
https://inputflow.io

Project Quote Builder Form

Multi-step form, product configurator for tiny house / tiny homes.

Key features:
- Conditional logic
- Input validation & custom error messages
- Calculations, variables & formulas
- Custom success message
- Custom radio buttons
- Range slider
- Conditional visibility

This product configurator was built with the Webflow App "Inputflow":

Learn more at inputflow.com

Tiny House Configurator

Once your member signs up, show them something (such as a coupon code, welcome screen, waiting screen, or anything you want) for a set duration after they have signed up. 

This is saved in JSON, so it cannot be overridden.

Show Element For X Duration After Signup | MemberScript #27 & #28

This is one possible method of updating your pricing table to display a member's current plan.

Current Plan UI

Howdy! 

Looking to show your users something different based on the current time of day? Well, this is for you!

Simply enter in the attributes like how they are on these "modal" elements and then paste in the code in the page body, and you're ready to rock!

Show Different Element Depending On Time

Want to let users know that they can't use spaces, special characters, numbers, or anything else in an input using a custom error message?

Here's a resource for you! Simply add the code, customize the attribute, and you're good to go!

Disallow Characters In Inputs

BMG.studio

Which character from the “Marvel” universe are you? Take the quiz now! 🤔

—

Want to create your own multi-step quizzes like this one? 🚀

Become a StudioForm Pro member and get access to Pro components and tutorials like this one at: https://studioform.pro/

Marvel Character Quiz | StudioForm

Delta Clan

Our Webflow Conf 24 Cloneable replicates the entire registration experience—packed with enhanced reactivity, advanced validation, conditional visibility, and auto-complete for addresses and phone formats with country detection. 

All the smooth functionality, none of the Conf blues. Dive in! 🌐 

Superform: https://superformjs.webflow.io/

Engineered by Delta Clan.

Webflow Conf 24 Registration - Superform [Cloneable]

1070795817

1316201488

1316201489

1567550242

1592612642

1726628865

173927913

1863160016

1905118106

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4o-mini

2546957535

2631983062

2789269995

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3023147062

3106924665

3112069432

3120801339

3258716925

3289310561

3313039722

3315729993

3410056804

3410497685

3557227276

3590523401

3591394191

3801251705

3913199261

3934148661

4092855684

4103643638

4206156914

451433404

504462606

622649767

622649768

657188092

665836192

737109165

772001133

882147072

938734410

1004117952

1049811722

105340574

1120744071

1131151533

1157563538

1171384976

1197475705

1229056119

1234765101

1236803103

1250328847

1290849437

1292405251

130043074

1306352991

1312703771

1322655470

1336067073

1350250754

1380813821

1380896143

1386092744

1406455659

1418395020

1433303746

143629253

1437392009

1455163268

1455742168

1457420719

1458975701

1475952185

1499868407

1501922903

1509255256

1545754914

1557989767

1568482678

1571190444

1575119218

1662541974

1665126082

1680201874

1680586027

1694411451

1701648875

173185438

1753134293

183596474

1856326096

1857805694

187681422

1925696804

1928608458

1931880952

1944913766

1968719184

2031799369

2084850560

2085494476

2091902242

21336891

214950889

2161096664

216777687

2182233325

2184630439

2187198051

2193997669

2198334698

2224902271

224017973

2276264697

23146391

2332153945

2340184165

2354820654

2361218180

2378130748

2403993584

2458909760

2465149363

2487845889

2494249199

2519229707

2524380347

2526987152

2529408901

2550320370

2571858959

2605123638

2608516337

2636510003

2663519398

2685146257

2709133931

2714120603

2715927287

2718510159

274817750

Best Conditionallogic Websites | Free Examples & Designs

Discover Conditionallogic websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Conditionallogic websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Conditionallogic websites
built by the Webflow community