Conditional logic in Webflow forms (without plugins or custom code) | Webflow Interactions Tutorial

How do you create conditional logic in Webflow forms without using any third-party plugins or integrations?

You can use Webflow Animations to display or hide certain question fields based on a selection that a website visitor made. And in this step-by-step tutorial, I show you how.

This is a Webflow Animation Tutorial for beginners.

TIMESTAMPS:
00:00 Intro
01:17 Example Form with Conditional Logic
02:10 Set up with Form in Webflow
03:36 Setting the state when the page loads
05:05 When the second options is selected
06:45 When the third option is selected
06:32 When the first option is reselected

LINKS:

[_Nikko_-czmi]

Great tutorial! Easy to understand and straight to the point!

[kishparikh]

Sickkkk! The other option with a text field is a huge unlock! I vaguely thought this was possible but cool to see it is!

[jeremiahbanda]

This is very I was struggling with this for a while. Thanks. Very helpful.

[svmbrown]

Thanks mate! We have moved away from form builders for client websites and this helped perfectly with a little customisation!

[Shc-wi]

Thanks. Awosome. It won't support if you want fields to be "required" but only for the selected condition

[JoshGonsalves]

This is SO useful and I love how it uses no custom code :) great job once again Connor!

[Londya]

Thank you for creating this video. I knew this was possible without custom code with animations!

[jayferrick]

Do you have a video showing how to do it with div blocks like you talked about at the end of the video?

[ackyeeee]

Hi Connor, I managed to build this using interactions; but the problem is the form won't submit (the submit button won't do anything) if there are hidden elements? Please help.

[franciscot]

Great video, thanks for sharing your knowledge. I also thought it was funny, it was confusing to me the way you say "Heading" and "Hidden" – but nothing some good old context can't help with. Again, great video.

[vincentgehl]

Why dont the radio buttons get focused? They stay the same when clicked

[frazermc]

Great video mate! But why doesn’t Australia have ‘great choice’ too? 😎

[femtechnology]

Would it be possible to do this for multiple questions? Like a sort of branching logic? Select option A out of A, B, C and it gives you option A1, A2, A3, select option A1 and it gives you options A11, 12, A13 ... is that possible?

[exploresque]

Hello Conor,

As I commented on your another video that I’m making a multi-step form for survey. It has 12 questions but on the 9th question if they click yes then it will skip next options and lead to the final submission and if they select no then it will lead to next step. But it would work this way you should if they have to only select the button but the problem is it will happen when then select yes and press the next button. So what can I do for that?

[diegoamendoza]

Hi Connor, thank you so much for this video.

I was thinking a lot about doing this without 3 party tools and you just solved it for me.

Just one question, is there a way to make this required? I mean, that the user has to, at least, answer one of the inputs (questions) or is it already build that way?

[jevgenisuija]

Nice accent) is this a Scot's one?

[FoxyMemo]

How about select field, should we figure that out... LOL

[adrianoreyes]

Very nice and helpful video! Just one little and humble tip: Just make the video normal mate...no need of this "over excited" role...:-) Thanks!