Skip to main content

Create an abandoned cart email

An abandoned cart email is a triggered campaign displaying the latest contents of a customer's cart.

Gareth Burroughes avatar
Written by Gareth Burroughes
Updated over 2 weeks ago

You can automatically send abandoned cart emails using programs designed to detect if the customer has completed the purchase, and if not, the abandoned cart campaign is sent.

You can include all the details required to allow your customers to view their cart details and continue their purchase using the purpose-built abandoned cart building block.


1. Select a template

  1. In Dotdigital, go to Automation > Triggered emails.

  2. Select ADD NEW.

  3. Choose a template or start from scratch with a blank template.

  4. Enter a name and choose a location.

  5. Enter your campaign details.

  6. Select SAVE & CONTINUE.


2. Add the Abandoned cart block

  1. In EasyEditor, drag an Abandoned cart block onto the canvas.
    Find the block in the Building blocks section, under Ecommerce.

  2. Select the Abandoned cart block, then in the left side panel, under Line item fields, select the checkbox for the fields you want the block to display.

    Choose from:

    • name

    • unitprice

      • Price

      • Show special price with price
        Price is displayed with a strikethrough.

      • Show special price

    • quantity

    • totalprice

    • description

    • category

    • price (including tax)

    • total price (including tax)

  3. Expand the Cart fields section and select the checkbox for the fields you want the block to display.

    Choose from:

    • subtotal

    • discountamount

    • taxamount

    • grandtotal

  4. Optionally, expand the Analytics section and edit the tracking for the block.

    To apply your default tracking values to links in the product block, select the Reset to defaults checkbox.

    To change the values applied to your tracking parameters for links in your product block, clear the Reset to defaults checkbox, and enter the values you want to use in each text field.

  5. Expand the Button settings section and configure the styling of the button.
    Learn more in the section Style your button.

  6. Design the rest of your campaign as you want it.

  7. To preview your campaign, select PREVIEW.

  8. Select SAVE & CONTINUE.

  9. On the plain text campaign page, select SAVE & CONTINUE.
    You can't create a plain text version for abandoned cart campaigns because they contain Liquid, which is not available in plain text.


3. Test

You can send your abandoned cart campaign to your test contacts or run an Inbox and spam filter test to check that it looks exactly how you want it.

For an abandoned cart block to show its contents to a test contact, that contact must have at least one cartInsight record stored against them.

To add a cartInsight record, log into your website as the contact you want to use for testing, add some items to your cart, then log out.

To send a test abandoned cart campaign:

  1. For Send to your test contacts, select CHOOSE CONTACTS.

  2. For Test send, select The HTML version only.
    Abandoned cart campaigns only work as HTML sends.

  3. Select SELECT TEST ADDRESS, then find and select the test email address you want to send to. You can SELECT MORE if you need to add more test addresses.

  4. If you need to add a test address, select + NEW TEST ADDRESS and add the new address.

  5. Select TEST SEND.

  6. Select CONTINUE.

  7. Check the details of your campaign.


Style your button

By default, the abandoned cart button inherits the styling of your campaign, but you might want to customise it further.

In the Button settings section of the left side menu, select either BUTTON or BORDERS depending on what you want to edit.

You can then edit the following settings:

Button settings:

  • Colour
    Enter a HEX colour code, or use the colour picker, to choose a colour for your button.

  • Alignment
    Expand the alignment drop-down menu, then choose either Right, Left, Centre, or Full width.

  • Padding
    Enter padding values, in pixels, for both the horizontal and vertical padding.

  • Minimum width
    Enter a minimum width, in pixels, for your button.

Border settings:

  • Colour
    Enter a HEX colour code, or use the colour picker, to choose a colour for your border.

  • Border width
    Enter a value, in pixels, to set the thickness of your border.

  • Border radius
    Enter a value, in pixels, to set the radius of your border.
    Amending this value allows you to round or square the corners of your button.


Next steps: Create an abandoned cart program

Did this answer your question?