Advanced Shopping Cart Customization

Learn how to manage the contents of your shopping cart.

Support avatar
Written by Support
Updated over a week ago

Advanced Cart Customization

You can use advanced shopping cart controls to customize cart contents for your shoppers. The default settings show the entire cart contents – up to 100 products – shown in the order in which they were sent through with the cart data. In this article, we'll cover the most popular filter methods available: take, skip, and sort. These methods are used to customize (and limit) what is shown. This helps to ensure you don't overwhelm the shopper, and also give you control over what items they see first. To get started, navigate to the Shopping Cart and Browse Abandonment settings page by following the below steps.

  1. Navigate to Solutions > Abandonment Settings.

  2. Select a Merchant (if you have multiple domains) from the drop-down menu.

  3. Toggle on Manual Mode

  4. In the HTML/Text section, enter the opening tag [Cart.Items] at the top of your block.

  5. Then enter the closing tag [/Cart.Items].


Take

Use the "take" method to show a defined number of items in the cart. If your shoppers' typical cart contains 20 items, you may want  to show them only the first three. Many retailers choose this option for design purposes, offering a clean and easy-to-digest message layout. In the below example, we'll write controls so that the cart shows only three items. 

  1. Inside the [Cart.Items] tag, add Take:3]. Your tag should look like this: [Cart.Items,Take:3] 

  2. Check the preview window to verity that your cart now only contains three items. 


Skip

The next filter method, "skip," works in conjunction with "take." In the first scenario, we show the first three products. But, let's say you still want to show that customer items 4, 5, and 6? You can use a nurture campaign, that shows the shopper a series of two different messages showing the various cart items. In order to do this, you'll need to set up a separate shopping cart block for the second message. In this block, you can write the controls as listed below. 

  1. Start with the existing tag from the first block: [Cart.Items,Take:3].

  2. Add Skip:3 directly before Take:3. Your tag should look like this: [Cart.Items,Skip:3,Take:3]

Now, the cart will skip over items 1, 2, and 3, and show only items 3, 4, and 5.


Sort

The last filter method, "sort" allows you to show the cart items in descending or ascending order based on price. Typically, it's in your best interest to use descending order, showing the most expensive items first. We'll show you what this filter looks like by itself, but you can certainly combine it with the skip and take commands as well.

Sort by Unit Price

  1. Start with the base tag [Cart.Items].

  2. After Items add ,Sort:UnitPrice:desc. Your tag should look like this: [Cart.Items,Sort:UnitPrice:desc]

💡 If you were to combine sort with skip and take, your tag could look like this: [Cart.Items,Sort:UnitPrice:desc,Skip:3,Take:3].

Now, the items appear in descending order. Notice that some items have a higher quantity than others. You can also sort by line item price instead (calculating the unit price multiplied by the quantity) by using the below steps.

Sort by Line Item Price

  1. Start with the base tag [Cart.Items].

  2. After Items add ,Sort:LineItemPrice:desc. Your tag should look like this: [Cart.Items,Sort:LineItemPrice:desc].


Available Tags

Tags allow you to add additional dynamic information into the cart design. This information can related to specific products, cart information, and format prices of items.

On the Abandonment Settings page, click on the Tag Glossary tab to view all of the available tags that can be added to your cart designs.

Did this answer your question?