Learn how to use the abandoned cart block to include products your contacts have previously shown an interest in.
Overview
You can add abandoned cart blocks to your campaigns to encourage your contacts to complete an order they previously started but never finished.
Using the abandoned cart block to build an abandoned cart campaign can have many benefits:
- Increase conversions
Remind your customers of any items they left in their cart and provide them with a link to complete their order. - Personalisation
Personalise your abandoned cart campaign to make it more relevant to your contact. Using personalisation to talk directly with your contact might increase the chances of the customer completing their purchase. - Better ROI
Increase your return on investment by targeting contacts with products they have already shown an interest in.
Before you start
Things you need to know:
- You must have the abandoned carts set up on your account.
To learn how, check out the article Setting up abandoned carts.
- The abandoned cart block is powered by our abandoned carts module.
- If you're a Dotdigital for Magento user, check out the Dotdigital for Magento abandoned cart functionality.
Add an abandoned cart block
To add an abandoned cart block:
- In EasyEditor, drag the Abandoned cart block into your campaign.
- The block appears in your campaign, and uses the styles of wherever you've placed it in your template.
- A contact with an abandoned cart sees their items listed with the product's image, name and quantity, and the total price for that particular item. An overall cart amount is given at the foot of the block, and a button that takes the customer back to complete their order.
Add data to the Abandoned cart block
You can add two types of product data to the Abandoned cart block: Line item fields and Cart fields.
Line item fields
To add a Line item field to your abandoned cart block:
- Select the Abandoned cart block to open the Settings in the left-side panel.
- If it's not already visible, expand the Line item fields section.
- Select the checkbox for any data item you want to add to the Abandoned cart block.
- To reorder the fields, select the left side of the field block and drag it into position.
You can choose from the following Line item fields:
Line item field | Description |
Name | Product name |
Quantity | Quantity left in cart |
Total price | Total price |
Description | Product description |
Category | Category of your store that the product is in |
Unit price | Price for one item |
Price (including tax) | Price of the product including tax. Only available if you have the correct AccountInsight data added. Learn more. |
Total price (including tax) | Total price of the product line including tax. Only available if you have the correct AccountInsight data added. Learn more. |
Cart fields
To add a Cart field to your abandoned cart block:
- Select the Abandoned cart block to open the Settings in the left-side panel.
- If it's not already visible, expand the Cart fields section.
- Select the checkbox for any data item you want to add to the Abandoned cart block.
- To reorder the fields, select the left side of the field block and drag it into position.
You can choose from the following Cart fields:
Line item field | Description |
Subtotal | Total of the cart excluding tax. |
Discount amount | Amount of discount reduced from the total amount. |
Tax amount | Total amount of tax for the whole cart. |
Grand total | The total of the whole cart, including tax. |
Analytics
You can add tracking information to your Last browsed block. This allows you easily tell if users have visited your site from a product in your campaign.
Tracking information is added using three UTM parameters:
Parameter name | Description |
Source | The source parameter is added to the end of your URL to define your traffic source. For example, if your source is Dotdigital, you add "?utm_source=Dotdigital" to the end of the URL. |
Medium | The medium parameter is added to the end of your URL to define your traffic medium – the channel used to drive traffic to your website, such as email, social media, or paid advertising. For example, if your medium was email, you add "&utm_medium=email" to the end of the URL. |
Campaign |
The campaign parameter is added to the end of your URL to track the specific campaign driving traffic to your website. For example, if your Campaign was NewYearSale, you add "&utm_campaign=NewYearSale" to the end of the URL. |
To add tracking information:
- Select the block, then expand the Analytics left-side menu.
- For Source, enter the source parameter you want to use for the product block.
- For Medium, enter the medium parameter you want to use for the product block.
- For Campaign, enter the campaign parameter you want to use for the product block.
Button and border settings
The Button settings let you add a button to the products on your product block; you can style these to match your template.
To display and edit the button:
- Expand the Button settings left-side menu.
- To display a button for each product, select the Display button checkbox.
- To style the button, select BUTTON.
- Edit the styling of your button exactly as you want it. There are four main button styling fields:
Style attribute Description Colour Choose a background colour for your button. Either enter a Hex color code or select the paint can icon to choose a colour within the campaign, a custom colour, or use the color picker. Alignment Expand the drop-down menu and choose to align your button to the left, centre, right, or make it full-width. Padding Allows you to enter the amount of space you want around the button. Use the Horizontal and Vertical input fields to enter the number of pixels of padding you want for your button. Minimum width Define the smallest width of the button without breaking the layout. Minimum width is helpful to ensure that your button always has a certain width, regardless of the content inside.
Enter the minimum width in pixels to determine the minimum width of your button.
- To style the border of your button, select BORDERS.
- Edit the styling of your border exactly as you want it. There are four main border styling fields:
Style attribute Description Colour This is the colour of the border around your button. Either enter a Hex color code or select the paint can icon to choose a colour within the campaign, a custom colour, or use the color picker. Border width Border width refers to the thickness of the border around the button. In the Border width box, enter the number of pixels you want for your button border width. Border radius Border radius refers to the curvature of the corners of the button. In the Border radius box, enter the number of pixels of border-radius you want. - If you need to customise your button further, select MANAGE BUTTON STYLES. In this side panel, you can choose a custom style or make more detailed customisations for the text.
Text style
You can style the text for the data you show in your product block. Select the text in your product block to style it. You can use the text toolbar to change the style, font, size, and colour.
HTML access and editing
You're able to access and edit the HTML of your abandoned cart block from either the HTML button when focused on the block, or via Utilities > Edit source from the main toolbar.
See also
Follow along with our step-by-step guide while we build an abandoned cart email.