Join the Webstudio community

Updated 4 months ago

what would be the best method to make a multi-part form

At a glance

The community member is looking for a way to display a multi-part form in Webstudio, where each step of the form corresponds to a category from their Airtable data. They have found a method using scripts, but are wondering if there is a no-code solution. The comments suggest that Webstudio currently does not support multi-part forms, and the community member may need to use a third-party form solution. Another community member mentions a multi-step form demo, but the preferred method is to store form data in a custom state variable rather than passing it through the URL. The community member plans to try using a script to display the steps and manage the current step variable.

Useful resources
Hi Webstudio community.
I'm looking for an post on multi-part forms but there doesn't seem to be any
(or I missed it πŸ˜΅β€πŸ’« )

In airtable, I have a list of keyword pairs. Each pair has a category field.
Using schema query, I can get an array with all my categories.
Now I want to display all my keywords pair in a webhook form group by category.
Each category is a multi-part form's step.

I've found method using script, but maybe there is a no-code way to do this !

Thanks for your help !
Attachment
Capture_decran_2024-10-22_a_01.03.42.png
J
M
O
5 comments
Hi @Jeremy I can't access the link you shared. πŸ₯²
Weird... it was a discord link that Oleg wrote a while back. In there he linked to https://x.com/getwebstudio/status/1785454220696551911 where he added a multi-step form.

If you search discord for "multi form", it should be the first result by Oleg if you want to see it.
@Jeremy multiparty forms are for uploading files, we currently don't support these, so you need to use 3rd party forms
the multi-step-form-demo is passing data thru url search. I would prefer another method. I have 7 steps and each one has 3 inputs.
I use bubble.io for other application. I set variable - named custom state on bubble - on each step and submit them at the end. But it's not possible yet with webstudio.

I gonna try with script, displaying steps with a current step variable.
Add a reply
Sign up and join the conversation on Discord