# How to Create a Multi-Step Form in WeWeb Using AI and Workflows? **URL:** \ **Category:** Ask us anything\ **Created:** [March 18, 2025, 10:12am UTC](https://community.weweb.io/t/how-to-create-a-multi-step-form-in-weweb-using-ai-and-workflows/17266 "2025-03-18T10:12:20Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Teod](https://avatars.discourse-cdn.com/v4/letter/t/9dc877/32.png) [@Teod](https://community.weweb.io/u/Teod)\ **Post date:** [March 18, 2025, 10:12am UTC](https://community.weweb.io/t/how-to-create-a-multi-step-form-in-weweb-using-ai-and-workflows/17266/1 "2025-03-18T10:12:20Z")
Hello WeWeb Community! 👋 I’m currently building a multi-step form in WeWeb and want to utilize WeWeb AI as much as possible to streamline the process. However, I’m facing challenges in structuring the form properly and setting up the necessary workflows. Here’s what I need help with: ### **🔹 What I’m Trying to Achieve:** - A **multi-step form** where users fill in business-related details step by step. - **Navigation buttons (“Next” and “Previous”)** that allow smooth transitions between steps. - **Conditional logic** (e.g., if a user selects “Other” in a dropdown, an extra text field appears). - **Saving progress** so users don’t lose data if they refresh the page. ### **🔹 Current Challenges:** 1️⃣ **How do I instruct WeWeb AI to generate a multi-step form?** - I tried prompting the AI with step-by-step instructions, but it sometimes gets stuck or doesn’t structure the form correctly. - Should I generate each step separately and then manually connect them? 2️⃣ **How should I structure the form’s containers and sections?** - Should each step be a separate container inside one main form container? - Or should I create separate pages and navigate between them? 3️⃣ **How do I properly set up workflows for Next/Previous buttons?** - Should I use **Component Variables** or **Global Variables** to track progress? - What’s the best way to **show/hide form sections dynamically**? 4️⃣ **Any best practices for handling form submission and validation?** - Should I store form responses in WeWeb’s local state first and send everything to the backend at the end? - Or is it better to update the database (Supabase) after each step? ### **🔹 Additional Context:** - I’m using **WeWeb + Supabase** for authentication and data storage. - This form will be part of a user onboarding process where they configure an **AI-powered phone assistant** for their business. - I want the form to be **user-friendly and responsive** on all devices. If anyone has experience setting up **multi-step forms** in WeWeb (especially using AI and workflows), I’d really appreciate your guidance! Any best practices, tutorial links, or step-by-step instructions would be a huge help. 🙏 Thanks in advance! 🚀 ---
**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\ **Post date:** [March 18, 2025, 8:52pm UTC](https://community.weweb.io/t/how-to-create-a-multi-step-form-in-weweb-using-ai-and-workflows/17266/2 "2025-03-18T20:52:16Z")
Was this written by AI? ---
**Author:** ![Teod](https://avatars.discourse-cdn.com/v4/letter/t/9dc877/32.png) [@Teod](https://community.weweb.io/u/Teod)\ **Post date:** [March 18, 2025, 9:27pm UTC](https://community.weweb.io/t/how-to-create-a-multi-step-form-in-weweb-using-ai-and-workflows/17266/3 "2025-03-18T21:27:54Z")
Yes! 😅 ---
**Author:** ![bongoumedia](https://avatars.discourse-cdn.com/v4/letter/b/8e7dd6/32.png) [@bongoumedia](https://community.weweb.io/u/bongoumedia)\ **Post date:** [March 19, 2025, 9:17am UTC](https://community.weweb.io/t/how-to-create-a-multi-step-form-in-weweb-using-ai-and-workflows/17266/4 "2025-03-19T09:17:56Z")
More success on text prompt than UI prompts 😂 Following your lead (and found it pretty useful): Ask chatgpt to create the detailed requirements for the prompt that you copy paste to weweb ai (had success doing exactly a wizard) ---
**Author:** ![Teod](https://avatars.discourse-cdn.com/v4/letter/t/9dc877/32.png) [@Teod](https://community.weweb.io/u/Teod)\ **Post date:** [March 19, 2025, 5:20pm UTC](https://community.weweb.io/t/how-to-create-a-multi-step-form-in-weweb-using-ai-and-workflows/17266/5 "2025-03-19T17:20:51Z")
I contacted the WeWeb team, and they informed me that their AI is not capable of creating forms. They recommended using a coded component with the prompt ‘Create me a form with a coded component,’ but the resulting form was still very poor. So i want to create the logic of the form and the data and to make the design with the help of the AI ( he can make good designs ) ---
**Author:** ![Fishfrom96](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fishfrom96/32/12169_2.png) [@Fishfrom96](https://community.weweb.io/u/Fishfrom96)\ **Post date:** [March 19, 2025, 6:49pm UTC](https://community.weweb.io/t/how-to-create-a-multi-step-form-in-weweb-using-ai-and-workflows/17266/6 "2025-03-19T18:49:55Z")
Rather than creating a custom component with AI you could build it yourself with the tab element. You can probably still use AI in each step (tab) to do the styling. ---
**Author:** ![Profound5753](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/profound5753/32/6870_2.png) [@Profound5753](https://community.weweb.io/u/Profound5753)\ **Post date:** [March 22, 2025, 5:46am UTC](https://community.weweb.io/t/how-to-create-a-multi-step-form-in-weweb-using-ai-and-workflows/17266/7 "2025-03-22T05:46:41Z")
And if all else fails you can buy from me a form building component. I went from tons of time to 1-min (of build time) for forms (multiple pages, multiple conditionals, over 20 questions)