Multi Step Form That Shows Results Live

Design help General
1

Hi,

Is there a way to create a multi step form that uses Webflow interactions (or perhaps animated GIFs) to show the “results” of what is selected live? Here is what I mean:

For example, say a form asks you your age, gender, activity level etc. and then shows the right amount of vitamins and minerals as an animated bar chart. Is something like that possible in Webflow or with a plugin?

I saw this but that’s lacking the animated bar chart part.
https://discourse.webflow.com/t/multi-step-form-survey-using-webflow-only/20831

Thanks

2

I don’t think you can trigger an interaction from form inputs, so I say it is definitely possible, but would have to be done using custom code.

3

@samliew That makes sense. Does Webflow offer the ability to show a next “step” in a form? this way each anmated GIF could simply be included as an image for each step/slide of the form. Wouldn’t that be possible?

4

Would also need custom code. You can put a tab component in a form, and have a button switch to next tab using JS

1 Like
5

I have a tutorial in the Tips & Tricks category that shows you how to have next/previous buttons for the Tab component.

1 Like
6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.