How to use the Abandoned cart block in automation messages?

You can send Abandoned cart messages to increase your conversion.

Note: the Abandoned cart block is only available in the message editor when you create a message via Automation > Automation messages > Create automation message.

How to add an Abandoned cart element to automation message?

When in the automation message editor:

  1. Open Layout > Ecommerce tab in the toolbar on the right.
  1. Drag and drop Abandoned cart element into your message content.

How to set an Abandoned cart element properties?

Abandoned cart design

  • Layout
    Choose between showing products one under the other or side by side.
  • Orientation
    Decide where you want to show product name and price.
    Available options depend on which setting you’ve selected in the Layout.
  • Vertical spacing, Horizontal spacing
    Adjust how much space you want between elements in the abandoned cart block vertially and horizontally.

Example 1:

Example 2:

Abandoned cart style

  • Reminder text
    Decide if you want to show a reminder text line over the products.
    If you enable it, you can change the text, font type, size, color, and style, adjust alignment and paddings.
  • Image
    Choose the alignment of product images inside the block and adjust padding.
  • Name
    Choose the font type, size, color, and style, adjust alignment and paddings of the product name.
  • Price
    Decide if the shown price should include tax or not.
    You can also select the font type, size, color, and style, adjust alignment and paddings.
  • Button
    You can change the text, font type, size, color, and style of the button text. You can also adjust shape, size, and alignment of the button.
    Click on the Advanced settings to set up button background, border, border radius, customize button size, and padding.

Mobile view

You can decide to keep columns side by side in mobile view so that they will be displayed the same way as on desktop.

What will my message look like when sent?

Preview

Check the preview to review your message outside of the editor.
Note: in the preview, we will only show placeholders for the products.

To open the preview, hover over Test and preview and click on the Preview link.

You can check and compare desktop and mobile versions, as well as preview the dark mode.

Test message

To check what your email will look in the actual inbox, you can send a test message to any email address you have added as your sender email.
Click here to learn how you can add more emails as sender addresses.
Note: in the test message, we will only show placeholders for the products.

To open the preview, hover over Test and preview and click on the Send test message link.

Live message

Here is what your message will look like when sent to a visitor who has abandoned the cart.
We replace placeholders you see in the preview and test messages with actual products.