Using drag and drop editor

Customizing your abandoned cart email templates has never been so easy. With Retainful, you could easily drag and drop the desired elements onto the template body of your mails.

This article illustrates how you could customize email templates using Retainful.

Customizing email templates

  1. Navigate to Retainful dashboard → Emails → Manage emails → Edit

2. You’ll be directed to Email Templates to Abandoned Carts, click on 'Edit Email',

3. Now click ‘Customize’

Adding a new block

At the email template layout, the tools for customization are available at the far right corner of the Retainful dashboard as follows:

1. Section tab - Divide and Conquer!

In this part, you can find tools that allow you to add segments to your email template, for example, if you wish to divide the template layout into 2 or 3 columns, you could drag and drop blocks from this section.

This is how the template layout can be segmented with the use of tools in the section tab

2. Element tab - This section helps you add new text blocks, buttons, images, dividers, and so on.


  1. A clear CTA encourages users to complete the abandoned purchase. If you are looking to add call-to-action buttons on your recovery emails, you could do so by using the button block.

  2. Avoid customer frustration. Send GDPR-compliant abandoned cart emails. This can be done with the Unsubscribe button element. The other store emails would still be delivered.

  3. Some users might have abandoned their cart because they had questions and didn't know where to get them answered. Why not make use of the recovery mails to do that? Use the Text block to answer FAQs.

Using these you can customize your templates with the CTA button, images, you can add a social media like and you can also add your store logo.

Logo block - To know how to add a store logo to your emails and customize the logo, click here

3. Store Element tab

Every abandoned cart email should have certain elements like

  • Unsubscribe button

  • Address

  • A discount coupon(at the right time)

Here is how you could add these elements to your recovery emails.

  • Coupon block - To know how to add a coupon block to your recovery emails, click here

  • Address block - With this block, the billing and shipping address, billing method, and shipping method of the order would be fetched and displayed

  • Line item block -The items of the user’s cart can be displayed on your abandoned cart emails using this block.

  • Unsubscribe - All emails should have a unsubscribe button to show that you are not forcing your customer to do anything.

You could also customize and add styles to the individual sections of the email template. Let us learn more about this in the next section.

Editing individual elements of the email

If you wish to apply styles like changing the color, font-size, dimensions of a particular section, that can be done by ‘clicking’ on that particular segment.

When you click on a particular segment, a blue rectangle appears around the element or block.

And the options to customize the layout appear in the right corner.

Settings block -This part offers options corresponding to the block that has been chosen.

For example, if you click on a button block, then in the settings tab, you can specify the URL to which the user should be redirected to while clicking on the button.

  • Dimension block -In this section, you can modify the padding of the selected block.

  • Typography block - Make your emails look attractive by proper alignment.

  • .Decorations block - Keep your product in mind while designing your emails. Highlight when necessary using the ideal background color.

This section would allow you to add other CSS styles to the selected element.

This is how you can customize individual elements in your email template.

Checking responsiveness across devices

Around 61% percent of your store users are checking your emails on mobile devices. This becomes all the more reason to optimize your emails for mobile devices.

You could check if the email templates are responsive by making use of the icons at the left corner of the email template layout.


  • Avoid large images

  • Keep your emails brief