Skip to main content
All CollectionsWishlist ProDeveloper Guide
How to add "Save for Later" to shopping cart?
How to add "Save for Later" to shopping cart?

Move items from cart to a wishlist

Updated over a week ago

Enhance your customers' shopping experience by allowing them to move items from their cart to a wishlist for future purchase using the Pasilobus Wishlist App. Follow these steps to integrate the "Save for Later" feature seamlessly.

Step 1: Add the "Save for Later" Button

Place a "Save for Later" button next to each product in the cart (or cart drawer, if supported by your Shopify theme).

Example Button Code:

<button class="wishlist-btn" data-product-id="{{item.product.id}}" data-customer-id="{{ customer.id }}" data-variant-id="{{item.variant.id}}" data-success-text="Saved for later"> Save for Later </button>

👉 Ensure that the button has the "wishlist-btn" class for the Pasilobus Wishlist App to recognize it.

Step 2: Enable "Save for Later" Functionality

No additional JavaScript is needed! Once the button is correctly placed and the Pasilobus Wishlist App is active, the app will:

✔️ Automatically move the product to the wishlist.
✔️ Remove it from the cart instantly.

Step 3: Test the Feature

1️⃣ Add a product to the cart.
2️⃣ Click "Save for Later" and confirm the item moves to the wishlist.
3️⃣ Verify the cart updates correctly.

Tip: Some Shopify themes may require minor adjustments. If needed, seek assistance to ensure smooth integration without affecting your store’s performance.

By adding the "Save for Later" feature, you enhance customer convenience, engagement, and future sales potential. Test thoroughly before going live to ensure a seamless experience! 🚀

Did this answer your question?