How to make the cart's data persist throughout a user's session

[erica1]

Hello,

I need some help with a launch-blocking issue on my Bubble application.

I’m building a platform to sell three types of interior design packages. However, we’ve hit a major problem with the shopping cart: when a user adds a package to the cart, navigates to another page, and then returns to the cart, the item is gone.

My development team has suggested this might be a Bubble limitation. It’s crucial for items to remain in the cart so customers can continue shopping.

Could you please advise on how to make the cart’s data persist throughout a user’s session?

Any help would be greatly appreciated. Thank you!

[senecadatabase]

Not at all a Bubble limitation.

Can’t see your setup, but I would guess you’re storing the cart stuff in a custom state.

You need to use the database.

[mike52]

Just as @senecadatabase said, my guess is that you are storing the data as a custom state, where you need to create the cart as a data type, then have that update. This will then stay with the user even if they log off and return 6 months later.

[hanskiprop15]

@erica1

Hello,

I need some help with a launch-blocking issue on my Bubble application.

I’m building a platform to sell three types of interior design packages. However, we’ve hit a major problem with the shopping cart: when a user adds a package to the cart, navigates to another page, and then returns to the cart, the item is gone.

My development team has suggested this might be a Bubble limitation. It’s crucial for items to remain in the cart so customers can continue shopping.

Could you please advise on how to make the cart’s data persist throughout a user’s session?

Any help would be greatly appreciated. Thank you!

To make the cart persist across the user’s session, you can try one of these approaches:

1. Save Cart Data in the Database
2. Use Local Storage (with a plugin or JavaScript)

[boston85719]

@mike52

where you need to create the cart as a data type, then have that update. This will then stay with the user even if they log off and return 6 months later.

@erica1 keep in mind with the suggestion above the user MUST be logged in under a registered account when making the cart or they need to be logged out and then create a new account and create the cart for this to be true of their ability to return 6 months later. Bubble has built in cookies, where a logged out unregistered user can create data and for up to 72 hours if they return and create an account, then Bubble automatically maps their account to that created data as the built in field of ‘creator’. This cookie feature does not work for a logged out user who then logs into their pre-existing registered account.

@hanskiprop15

To make the cart persist across the user’s session, you can try one of these approaches:

1. Save Cart Data in the Database
2. Use Local Storage (with a plugin or JavaScript)

Best choice would be Local Storage as you do not need the user to be logged in, nor do you need to create anything in database, and can just rely on the user returning to the site using the same device and browser. Local storage only persists across the same browser and device.