Table of Contents
Overview
When a customer wants to purchase an item eventually, but can’t at the moment, letting them save it for later allows them to place the item aside. The item is saved to a list that’s displayed right underneath their shopping cart, so it’s always there to remind them.
Saved for Later lists are similar to wishlists, in that they allow customers to save items they wish to buy. However, unlike wishlists or shopping lists, customers can move items to and from their Saved for Later list and their shopping cart from the Shopping Cart page before going to checkout.
The Saved for Later list is the default list for saving items and is connected to the user’s account. Logged out users can still save items for later during their current shopping session, but those items will not be saved to an account.
Key Features
- Save items while shopping
- Move items between the shopping cart and Saved for Later list
- Add saved items directly to shopping carts
- Keep items saved across sessions
Configuration Steps
Enabling Save for Later
To enable Save for Later, go to Themes, click on the Edit button, then go to Checkout and Order > Shopping Cart > Basic Settings, scroll down to Shopping Cart Display Settings and check the “Show Save for Later” box.
Save for Later Widgets
You can also add a Save for Later widget, which allows customers to save items directly from other pages, such as the Product Detail or Category pages.
To enable this, from your Shopping Cart settings, click on Widgets, select Add Widget for where you’d like the widget to be placed (on the right or bottom of the screen) and search for “Save For Later List.” Then click Add, and the widget will be added where you selected.
Using Save for Later
Once the Save for Later feature is enabled, customer shopping carts will include a link under each item that allows customers to save items for later.
When users have at least one item saved this way, a new “Saved For Later” area will appear at the bottom of their Shopping Cart page. Users can move the item into their cart, remove the item, or save it to another list.
Customers can also save items for later directly from the product page. This is similar to adding it to a shopping list or wishlist, but it will send the item directly to their Saved for Later list in the Shopping Cart page.
Updating Quantities
Users can add specific quantities of items to their Saved for Later list. This can be done directly from the Saved for Later list, simply by clicking the + or – buttons under the Quantity selection and clicking Update.
Moving Items Into a Saved List
Users can move items they have saved for later into a shopping list of their choosing. When a customer hovers the mouse over the “Move to List” link, a list popover will appear with all of their named lists, as well as an option to create a new list.
This allows them to move items directly to their list of choice without needing to navigate to other pages.
Users can also move items to existing lists or create new lists directly from their Saved for Later page in their Account.
Customizing the Saved for Later Area
The Saved for Later area in the Shopping Cart page is fully customizable via HTML editing. To edit your store’s Saved for Later area, go to Themes > Edit Theme > Shopping Cart > HTML Editor.
In this page, you’ll find an ac:layoutarea called SaveForLater. This area has the repeater where products are displayed, you can use product ## merge codes, and you can use some SaveForLater specific $$ merges.
The default Save For Later layout looks like this:
<div class="SaveForLaterArea">
<ac:visibilityarea id="SaveForLaterHeaderArea">
##SET[SavedForLaterItemCount=$$SAVEDFORLATERITEMCOUNT$$]##
##IF[SavedForLaterItemCount!=0]##
<h1> Saved For Later<small> - $$SAVEDFORLATERITEMCOUNT$$ Item(s) </small></h1>
##ENDIF##
</ac:visibilityarea>
<table id="tblSaveForLaterCart" class="SaveForLaterTable table">
<ac:layoutarea id="SaveForLater">
<tr>
<td class="SaveForLater pad-r-100">
<div class="pad-b-20">
<div class="SaveForLaterChildBranch">
$$CHILDBRANCHIMAGE$$
</div>
<a href="##ITEMURL##" class="thumbnail f-left clear m-10 m-r-only">
$$THUMBNAIL$$
</a>
<div class="m-l-100">
<ac:visibilityarea id="SaveForLaterItemInfoArea">
<div class="SaveForLaterItemInfo">
<table>
<tr>
<td>
<h4>
<a href="##ITEMURL##">##ITEMNAME## ##VARIATIONS##</a>
</h4>
$$AVERAGEREVIEWRATINGSTARS$$
##SET[ItemNumber##ITEMNAME##=##ITEMNR##]##
##IF[ItemNumber##ITEMNAME##!=]##
Item # ##ITEMNR## |
##ENDIF##
##PRODUCTSTATUS##
</td>
</tr>
</table>
</div>
</ac:visibilityarea>
<ac:visibilityarea id="AddToCartArea">
<div class="SaveForLaterAddToCart">
$$REMOVEFROMCARTLINK$$ |
$$MOVETOCARTLINK$$ |
$$MOVETOWISHLISTLINK$$
</div>
</ac:visibilityarea>
</div>
</div>
</td>
<td class="v-mid v-m in-block" nowrap="">
<div class="CartItemPriceArea">
<div>##QUANTITY## x </div>
<div class="ShoppingCartPrice ShoppingCart no-pad">$$ITEMPRICEDOLLARS$$$$ITEMPRICECENTS$$ $$UNITS$$</div>
</div>
</td>
</tr>
</ac:layoutarea>
</table>
</div>