I am new at Bubble and trying to create my first app.
It’s a multiple-step order form and I need some help…
I HAVE included the link to the test builder.
The form will have a hide/show group flow
First step shows a START button
When the user clicks the button
–> create a new “order”
–> go to next 2nd step …
2nd step shows a repeating group
Clicking on an image of choice in that repeating group :
–> image is shown above the repeating group (this already found how it works…)
–> next Button appears
Clicking this button : –> the DATA of fields “image, name AND price” for type Product1 should be ADDED to newly created "order" How can I do this? Can you please help me out…
in the third step the user can then choose the 2nd product, etc…
thanks so much in advance for your help !!
Ps.: love your website and all the youtube tutorials !!
Hope you’re enjoying the app building process on Bubble! Ok, first, looks like your app is set to private - if you go to Settings > General > Application Rights, you can change it to “Everyone Can Edit” so that I can check it out (you can change it back when I’m done).
But in general, I think I know what you’re missing.
First, the repeating group in step 2 should be in a group element so that you can set its content type to “Order” (no data source).
When the user clicks to create a new Order, add the action “Display Data”. Element: the step 2 group; Data to display: Result of previous step (Create New Order). Now , your group will act as a data source for the Order.
In your Order data type, you should have a field called “Products” that is a list of Product1 (your other data type).
When the user clicks the image to select product, add action "Make a change to Group’s Order: Products add current cell’s Product1
Hopefully this helps you get started. If you want to open access to your app, I can set up what I described above and you should be able to build from there.
Thank you so much for your reply…
I’ve changed the settings to “everyone can edit”
I tried to set up the 1st and 2nd step. Thank you for having a look if it’s set up correctly…
–> The 3rd step is the same as the 2nd step. I would then just repeat the same workflow as the 2nd step, right?
–> In the 4th step, the user has to write a message (multiline input) and upload 2 pictures (picture uploader) AND then click the next button. By clicking next, these things have to be added to the “NEW ORDER”
How do I set up this workflow?
checked the bubble app testbuilder this morning and the workflow for the start button and 1st step is no longer there, which @lester helped me install…
I’ve changed the settings to everyone can edit… Did I do something wrong?
Ok, I made a few updates. First, I think you were missing an action to scroll the user down the page to Step 1 after they clicked Start. You had the right action to create a new Order. Added that in for you.
Next, I created a new list field in your Order data type so that the user can add multiple Designs to their order. Notice that when the user clicks an image, that Design gets added to this list.
At the moment, I have your “Next” button just scrolling the user back to Step 1, but you can change however you’d like. If you click on multiple images, they will all get added.
I also added a condition on the image itself so that if its already in the order, it gets highlighted in green (to help the user).
This is just a base, but hopefully it helps you move forward.
First of all thank you for having a look and setting it up!
I have included below my bubble app with ALL the steps.
I have set the app to “everyone can edit”
Can you please help me out with the following questions:
1/ In the 1st step the user can only choose 1 design (when Image B is clicked it is shown in the white box above the repeating group)
when the user then clicks NEXT button Price + Name of that design should be added to the “new order” How can I do this?
2/ The 2nd step is the same as the 1st step. I would then just repeat the same workflow as the 2nd step, right?
3/ In the 4th step, the user has to write a message (multiline input) and upload 2 pictures (picture uploader) AND then click the “review order” button. By clicking, the message and pictures have to be added to the “NEW ORDER”
(I also need to be able to download these pictures and the message, to be able to print them) How do I set up this workflow?
4/ in the final step I would give the user THE TOTAL PRICE OF HIS ORDER (price of product1 + price product2) How do I do this?
And they also have to fill out their delivery address and by clicking “add to bag” button their address is saved to the order and the order is saved to their shopping cart How do I do this?
I’m sorry I am asking so much help…
Thank you Gaby for helping me move forward with my app !!
Hey @freddc83, So sorry it took a while for me to come back to this. Just want to check and see if you still needed help. I saw another thread where someone was helping you out. Let me know!
)