Implement Cart Functionality | Bubble.io Tutorial | NoCodeTalks

Подписаться 2,7 тыс.

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

50% 1

Hi Everyone,
In this video, I have talked about how you can implement the cart functionality into Bubble.io E-Commerce website. How you can implement the add to cart, checkout cart and create order for the product.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Buy Bubble io Plugin Course
store.nocodeta...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
My Social Media-
Twitter- / nocodetalks
Email- nocodetalks@gmail.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Want to purchase Bubble.io theme-
Saas Landing Page- bubble.io/temp...
E-Commerce Templates- bubble.io/temp...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Want to support me:
Buy Me Coffee- www.buymeacoff...
Superpage- superpage.to/N...
Sign up on Xano.com using the [xano.co/8A44iCCN] (Affiliate link) - If you signed up using this link, you will get 10 % off on your monthly billing and I also get the 10 % of your billing - No Extra cost to you.
Create the podcast now- www.getwelder.com?via=nocodet... (Affiliate Link- No Extra cost to you)
Signup on Jotform using the www.jotform.co.... (Affiliate link)- No extra cost to you.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Please subscribe to this channel if you are a maker and want to learn how to make great products with no-code tools.
Click here to subscribe - / nocodetalks. .
Join My discord server- / discord

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

7 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@nocodetalks 11 месяцев назад

Buy Bubble Plugin development course - store.nocodetalks.co/l/bubble-plugin

@cheyennelegerton5383 Год назад

Thank you for this video. It was so clear and easy to follow. All the other cart videos were so confusing for no reason. Thanks again!

@nocodetalks Год назад

Glad it was helpful!

@jephthah2347 3 года назад

Amazing video! Very simple and elegant workflow for the use cases. The only thing I could possibly say was missing was the logic to remove an item from the user's cart list. But I guess that is fairly intuitive.

@nocodetalks Год назад

Yeah. just use "delete the things"

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

You went a bit too quick on the logic for creating the "Cart" Field in user type. So here is my question: from placing an order, I want to send an email to the various suppliers the user has decided to buy. Say user has decided to buy Item 1 from Supplier A and Item 2 from Supplier B. To achieve this, I did the following: Added a supplier email to Product for each item (note the field is "text") In workflow Create New Item Cart I have added: Supplier Email = Current cell's Product's Supplier Email In workflow When Button Make Payment is Clicked: Send email to "Current User's Cart's Supplier email" Clearly the Cart is not picking up the email address from Product. Would you have any idea? (great video by the way! I managed to create a cart and make it work thanks to you! Just trying to get this email thing working now!)

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

Edit: I made it work. I think the problem I had was that the email sending workflow was set after the "clear cart" action.

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

Thank you so much! everything works!

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

An excellent tutorial. I learned a lot from it. Thanks!!!

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

Great video, thanks for sharing

@epilef2010spfc 11 месяцев назад

OHHHHH THANKS MAN!!!!

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

How does one delete itemcart items from database if user leaves the page? Otherwise these products remain in itemcart data for no propose. So when comparing orders against itemcart products, there are additional products in the itemcart that are not in orders. (Very helpful video, thank you)

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

You can run the daily scheduler that delete the itemcart items.

@davidpodesta8162 Год назад

It needs some conditional workflow to update the quantity if the product has already been entered. Currently just keeps adding the same product, if someone clicks add to cart again

@nocodetalks Год назад

Yes, i forgot to add that condition

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

pls what is the conditional workflow? @@nocodetalks

@user-cg9zl7ii7c 2 года назад

you should improve your speech , it's very hard to get what are you talking about

@MM-tu6sm 2 года назад

11:09 where I need to put " current user's cart contains finalcost..... after "current user's cart contains....doesn't apear "finalcost" ,there is only "current user,do a search for...get an option.." what can I do ?please...

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

11.09 explain final cost not showing

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

It just the sum of the cart items. Check if cart item's finalcost is calculating or not.

@josiahkk5464 Год назад

how do i display the orders that were created from this process?

@nocodetalks Год назад

List the order from the "order" table using "do search for"

@marvinreginaldo5434 Год назад

Thank you for your video, it's amazing. I just like to know how the seller can able to delete the order of the user and able to notify the user that the item was deleted from his cart?

@nocodetalks Год назад

put a database trigger and mail the user when that trigger happens

@cristianbadillatv Год назад

Thanks for the video! Is this workflow working for users not logged in? I am trying to recreate it but I can not use the cartItem to the user's cart. Thanks.

@nocodetalks Год назад

It should. Current user still there when user is not logged in.

@cristianbadillatv Год назад

Thank you! Yes it does. I wasn't sure since you can not see the cart data in the database but it is created in the temporary user data created by Bubble. Works superb. Many thanks for your wonderful tutorials and sharing. @@nocodetalks

@MM-tu6sm 2 года назад

Hello, tell me please why it's wrong? at 14:10 at orderValue ,i dont have "finalCost ",I have only " each items finalCost" .... in the list and at 11:09 also... (in database i have finalCost.....) I dont understand...

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

yes that you need to calculate the sum of "each item finalCost"

@FashionnLuxe Год назад

Hey, how can i make this bubble cart functionality using / updating data from airtable

@nocodetalks Год назад

You can use either the Airtable plugin or API to update data from airtable.

@andreasv9472 3 года назад

If it is a user that doesn't sign up, they add a few things to the cart, and/or maybe start a checkout session but don't complete it. Would the abandoned carts/checkouts need to be deleted by some script then?

@nocodetalks 3 года назад

Yes otherwise it will show to each users depend upon cart implementation

@MM-tu6sm 2 года назад

I dont have "cart" in the menu below, i had only "itemcart" , i put itemcart? what's wrong.....?tell me please and at the final cost also dont have "cart"

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

You have to create one object into user table with name "cart"

@MM-tu6sm 2 года назад

@@nocodetalks thank you very much!

@TheoDumont-zh7jc Год назад

HI, thanks for your very nice video ! I see you don't store the product quantity when you create the cart. How would you do it please ? The problem is your list of items is store in a single data cell, how would you keep the correct quantity with the correct product ? Thanks

@nocodetalks Год назад

in the "item cart" table I am storing the quantity along with the product

@TheoDumont-zh7jc Год назад

@@nocodetalks thks for your answer, yes i remembered after and saw it 😅😅. I tried to display the orders in the user account, but i can't figure out how to do it, i probably must refere to unique ids of all 3 data types

@TheoDumont-zh7jc Год назад

@@nocodetalks i made it, i was dumb 🤣 it was simple. Great tutorial btw. It helped me a lot. 🙏

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

How would you the description of each product item to the "all order" summary tab? I would like to see the actual description rather than the digital values in Itemcart. (I am actually struggling to understand what they refer to) Or even better: how could I create a full itemised description? for each line item we would see the order, quantity and total price. So potentially creating different line items for the same order. (see examplebelow) Would potentially look like this: Order N. 1 - Description A - Qty - 3 - P/U - £4 - Total £12 Order N. 1 - Description B - Qty - 1 - p/U - £5 - Total £5

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

Yes. You can do that.