How to collect and display checkbox selections as a list in TryFormly multistep forms for Webflow CMS integration?
Hello, I could use some help. I'm developing an onboarding form for pro users of my website. This is a multistep form using TryFormly. The issue I'm having at present is that I have one question that takes up a page (step) of my form that asks the pro user what kind of pro they are. The form choices are part of CMS database list called Main Topics. [Later, I plan to have the data sent to the CMS and saved for that pro. The pro type or main topics will need to be stored in a multi-reference field.] This part of the form or this step is set up with checkboxes as toggles to choose what kind of pro the user is. In my Loom you'll see all the choices, switches, etc. What I need help with is collecting the users choices then displaying those as a list or array in the answer field for that 'Pro Type'. How should I configure the Webflow elements and how can i get the response list desired? Are there any templates, etc that can show me how to do this? 🫰🙏
Loom
Share Link
Staging Link
Comments
2 comments
Hey Joseph Bates, have you tried linking this form with Make / Zapier and seeing how the responses are submitted?
Since you want to add and link the submission via multi-reference field I am assuming you want to use a tool like Make / Zapier for further steps after the submission. To troubleshoot this issue, you can directly send the submission to a webhook and check what data and how is the data being stored to understand which part is working and which is not. Let me know if you have tried this already.
Also, had a look at the custom code you have inside the head tag, if you want this code to work, I believe instead of the tag in the first and last line, you could replace it with tag accordingly.
One way to approach this is by leaning on Script #197 – Multi-step Form Submission Handling. Since it’s built to manage progress tracking and validation across steps, you can adapt it so that when the user selects multiple checkboxes (your “Pro Type” options from the CMS list), those values are collected into an array and saved as part of that step before moving forward. That way, you’ll have the choices stored in Memberstack and can later push them into your CMS multi-reference field. The script gives you the flexibility to capture the data at each stage rather than only at the final submit, which is key for onboarding flows like yours. Script #197 is best when you want multi-step validation and reliable saving at each stage.
Please sign in to leave a comment.