Add abandoned cart details to your campaign

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:

Add an abandoned cart block

To add an abandoned cart block:

  1. In EasyEditor, drag the Abandoned cart block into your campaign.
    mceclip0.png
  2. The block appears in your campaign, and uses the styles of wherever you've placed it in your template.
    mceclip1.png
  3. 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.
    mceclip2.png

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:

  1. Select the Abandoned cart block to open the Settings in the left-side panel.
  2. If it's not already visible, expand the Line item fields section.
  3. Select the checkbox for any data item you want to add to the Abandoned cart block.
  4. To reorder the fields, select the left side of the field block and drag it into position.
    mceclip3.png


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:

  1. Select the Abandoned cart block to open the Settings in the left-side panel.
  2. If it's not already visible, expand the Cart fields section.
  3. Select the checkbox for any data item you want to add to the Abandoned cart block.
  4. To reorder the fields, select the left side of the field block and drag it into position.mceclip5.png

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:

  1. Select the block, then expand the Analytics left-side menu.
  2. For Source, enter the source parameter you want to use for the product block.
  3. For Medium, enter the medium parameter you want to use for the product block.
  4. For Campaign, enter the campaign parameter you want to use for the product block.

mceclip6.png

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:

  1. Expand the Button settings left-side menu.
  2. To display a button for each product, select the Display button checkbox.
  3. To style the button, select BUTTON.
    mceclip7.png
  4. 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.

  5. To style the border of your button, select BORDERS.
    mceclip8.png
  6. 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.
  7. 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.

mceclip9.png

 

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.

Did you find this article helpful?

Can we help?

Thanks for using Dotdigital. If you need more help or support, then contact our support team.