How to create a Multi-Step Form in Bubble.io (Part1)

Подписаться 834

Просмотров 40 тыс.

50% 1

Hey everyone, this video is about how to create a Multi-Step Form in Bubble.io.
Part 2
• How to create a Multi-...
🚀 Book your FREE Consultation with Me to Kickstart Your Startup Idea 🚀
superpeer.com/thilak
🔋⚡ Supercharge Your Startup With No-code Tools
1. Webflow → (webflow.partnerlinks.io/thilaks)
2. Glide → (join.glideapps.com/n6ombgwgz4oz)
3. Bubble → (www.bubble.io)
Template that I used: bubble.io/template/multi-step...
Example: multi-step-form-004084.bubble...
_____________________________________
💌 Contact Me
Email: thilak7c@gmail.com
_____________________________________
💖 Show support!
PayPal: paypal.me/thilak7c
_____________________________________
0:00 Intro
2:14 Developing UI
9:14 Buttons
10:15 Steps
23:01 Progress Bar

Опубликовано:

27 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@thilaks 2 года назад

Watch part 2 here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ji8l3nEgn9U.html

@nordicast 4 месяца назад

I'm happy you are showing how to do the active navigation. So many tutorials about Bubble sneakily go around the active states, jumping to workflows...

@thilaks 4 месяца назад

Appreciate it!

@abraryahya9096 2 года назад

You are a Fucking genius... I've watched loads of these videos now and I am crying with laughter each time. Keep doing what you're doing I haven't laughed this much since I was in high school. Just totally hilarious keep them coming

@keithakola 5 месяцев назад

It works! I followed along and built it! First Bubble that works! Thanks Thilak. Looking forward to the next Bubble video. Enjoy the coffee!

@thilaks 5 месяцев назад

Thanks for your support Keith, I really appreciate it. Let me know if you need to any other help in bubble, thanks.

@user-hf5hd9by5d Год назад

really good demo.. worked well... no messing about!!

@michanowaczewski9561 10 месяцев назад

You are a life saver! thank you

@alyssonrosemberg8345 9 месяцев назад

Thank you very much my friend, you helped me a lot, success and peace!

@pexe3435 2 года назад

thanks man, this helped me a lot!

@thilaks 2 года назад

Glad it helped!

@CarlosArana80 Год назад

Wonderful video, Thanks!

@thilaks Год назад

Glad you liked it! Let me know if you have anything else to ask regarding Bubble, I am more than willing to help you out.

@vestamichel2549 2 года назад

Thanks a bunch for this tutorial. I am new with bubble and you have the best explanation I have seen in 3 days of digging into that platform!

@thilaks 2 года назад

Thanks for your sharing your feedback. Let me know how else can I be helpful. Thanks 😊

@vestamichel2549 2 года назад

@@thilaks a video of how you bring this form into a complete and functional app would be great! Like when you have several pages, how you embed it all on a website :)

@thilaks 2 года назад

@@vestamichel2549 hi vesta, can you be more specific, I couldn't understand where exactly to start with, or should I explain to you in person? 😊

@vestamichel2549 2 года назад

@@thilaks I mean how to run a live application for the end user. All I managed to do is to deploy it via development tab in bubble. But with that you can not really use it as a final product. I wonder how to embed a front end (without the backend) on my own site. I, for example, run mine on a wordpress and am trying to implement a form similar to yours for my customers. So they can login, submit the form and receive a confirmation email. That should be easy but I still have issues figuring out how to do that. Not sure if my problem is too specific or not but I have a feeling that many people might need more explanation on how to make the app final. Anyway thank you for your time :)

@thilaks 2 года назад

@@vestamichel2549 so basically you'd need to deploy your app, you can follow from here 👇 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1FkN8jxRyNg.html

@Abel_Conde_Bubble_io 2 года назад

Thanks for your tutorial.

@thilaks 2 года назад

No problem 😊

@evgeniavoron1848 Год назад

thank you very very very much for your lesson. I managed to do everything!

@BorisMinor Год назад

Really great content, thank you.

@thilaks Год назад

Glad you enjoyed it!

@__ratahhhh5327 2 года назад

Thank you, it means a lot:)

@thilaks 2 года назад

No problem 😊

@romulo12silva Год назад

You helped me so much, thanks

@thilaks Год назад

Glad I could help!

@valkyrie3493 Год назад

Thank you!!!

@thilaks Год назад

You're welcome!

@gustavoandres223 Год назад

ITS REALLY WORKED LOL THANK YOU DUDE

@thilaks Год назад

Glad you liked it! Let me know if you have anything else to ask regarding Bubble, I am more than willing to help you out.

@smbdreams786 Год назад

Hi, it's a good explained... thank you

@thilaks Год назад

Glad you liked it

@marcocastro6868 2 года назад

👍 Could you do a video on how to create a client portal, and how permissions would work on the database of bubble?

@thilaks 2 года назад

Great suggestion! Would like to know more about this in person!

@azlifestyle5316 Год назад

can you use the responsive engine please.

@kaapsejol Год назад

I used your tutorial which was great but just have a question if you mind helping... If i want next to skip a specific step based on a input given by the user. for eg. we on step 0 there's a yes/no dropdown and the user selects no i want it to skip step 1 and go directly to step 2 and if its yes it should just continue as normal. how would i go about doing that? thanks again for this amazing tutorial

@thilaks Год назад

You can use states, by having a certain state, you can make a condition whether to skip the step or not

@DavidSKalashnik 6 месяцев назад

How do you select multi and move together like you did on form one? at 6:29

@thilaks 6 месяцев назад

Select both the elements CTRL + click, and then move them

@chal9230 2 года назад

This was a very nice tutorial. Well done. I am interested in learning how to edit an item in a repeating group. Open the item in a form, edit and then save it back? Thanks.

@thilaks 2 года назад

Great suggestion! All you need to do is create Modal/Popup which opens up when we click on edit button, then make the changes and save it. Let me know if you've any doubts, thanks.

@declang7191 2 года назад

Many thanks for this excellent and well described video. I managed to create quite a complex form using the method you describe. I am now however struggling to understand what happens if a user cannot complete the long and complex form in one sitting? It is an application form and unfortunately cannot be shortened. Any suggestions? How would the user log out and log back into complete the form at more than one session. Thanks.

@thilaks 2 года назад

Hi Declan, glad it helped you. You'd need to have another button that says 'Save and Exit' which will save the inputs that have filled so far. Let me know you're able to understand this suggestion, thanks 😊

@declang7191 2 года назад

@@thilaks Thank you for your reply. What would be the workflow behind Save and Exit button? I guess it involves Making changes to the thing (my form's data Table). The user can log back in and then I think needs a repeating group way to choose from a list of forms which they have submitted / saved half way? Any pointers would be very valuable. Thank you so much for your time.

@thilaks 2 года назад

@Declan G yup exactly, it'll 'Make change to a thing'