Skip to main content

Saved for Later - Overview & Enabling

Learn what Saved for Later is, how to enable it on your store, and how it differs from the Wishlist.

Written by Kris James

Saved for Later requires the Growth plan or higher.

The Mage Loyalty app embed must be enabled on your live Shopify theme before Saved for Later will work on your storefront. If you have not done this yet, see: How to Enable the Mage Loyalty App Embed.

What is Saved for Later?

Saved for Later catches shoppers in the moment they are about to walk away from a cart item. When a customer removes a product from their cart, a small prompt offers to save it for later instead of losing it altogether. Saved items live in a separate list from the Wishlist.


How to Enable Saved for Later

  1. From your Shopify admin, open the Mage Loyalty app.

  2. In the left menu, click Wishlist, then Saved for later.

  3. Click Customise to open the builder.

  4. At the top of the builder, toggle Saved for later on.

  5. In the General tab, pick a cart-removal interceptor mode (Toast or Popup). This decides what the cart-removal prompt looks like.

  6. Click Save.

Enabling Saved for Later turns on the popup at #mage-saved-for-later and unlocks the cart-removal prompt. To fine-tune the prompt's text, design, and behaviour, see Setting Up the Saved for Later Toast or Setting Up the Saved for Later Popup.

By default the prompt only fires when a customer removes an item from the cart entirely. If you also want it to fire when they reduce an item's quantity (for example dropping quantity from 3 to 2), Enable Also prompt on quantity reduction in the General tab.


Linking to Saved for Later from Your Storefront

The Saved for Later popup opens any time a customer clicks a link ending in #mage-saved-for-later.

To add a link in your navbar:

  1. Decide where you want the trigger. A small bookmark icon next to the heart and cart works well.

  2. Edit the link in your store's navigation menu (or theme code) to point to #mage-saved-for-later.

  3. Save your changes.

  4. Open your storefront and click the link to test - the Saved for Later popup should open.

If you have both Wishlist and Saved for Later enabled, you can show them in a single popup with two tabs by enabling 'Unified Navigation' in the Saved for later builder.


Customising the Saved for Later Popup

The Saved for Later builder has four tabs:

Tab

What It Controls

General

Master toggle, cart-removal interceptor mode (Toast or Popup), the option to also prompt on quantity reduction, Unified Navigation, and the bulk-add option.

Pages

Copy for each state of the popup: Logged out and Saved for later.

Design

Colours, border radius, and button styling (shared with the Wishlist popup).

Advanced

Custom CSS and the disable inline styling toggle (shared with the Wishlist popup).

Important

The Design and Advanced tabs are shared between the Wishlist and Saved for Later popups. Changes you make to the colors or CSS, apply to both. This ensures a consistent design in both Wishlist & Saved for later.


How Saved for Later Differs From the Wishlist

Aspect

Wishlist

Saved for Later

When it shows

Customer taps a heart on a product card or product page.

Customer removes an item from their cart.

Storage scope

A permanent personal list, with optional collections.

A single flat list, often used for shoppers still considering an item.

Storefront hash

#mage-wishlist

#mage-saved-for-later

An item can sit on both lists at the same time. Removing it from one does not affect the other.


Common Mistakes to Avoid

Enabling Saved for Later before the app embed is active. The popup and the cart-removal prompt will not appear on your storefront until the Mage Loyalty app embed is enabled on your live theme. Always complete the app embed step first.

Not picking a cart-removal mode. Toggling Saved for Later on does not automatically choose a prompt mode. Pick Toast or Popup from the General tab of the builder, otherwise no prompt will fire when a customer removes an item from their cart.

Not clicking Save after toggling Saved for Later on. The toggle alone does not save the change. Click Save before leaving the builder.


Troubleshooting

The cart-removal prompt is not firing on my storefront

  • Confirm the Mage Loyalty app embed is enabled on your current live theme. See: How to Enable the Mage Loyalty App Embed.

  • In the Saved for Later builder, check that the master toggle is on and that you picked either Toast or Popup as the interceptor mode.

  • Ensure your button is correctly appending and linking to #mage-saved-for-later (Try manually appending #mage-saved-for-later to your URL to see if the popup appears).

  • Make sure your theme supports AJAX cart updates (drawer or pop-up cart). Themes that fully reload the page on every cart change are not currently supported. Please contact support for assistance to see if we can support your theme.

  • Open your storefront in an incognito browser window to rule out caching.

Clicking my link does not open the popup

  • Confirm the link ends in #mage-saved-for-later and is spelled correctly.

  • Check that the Saved for Later toggle is on inside the Mage app.

Did this answer your question?