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. 1.
    Navigate to Retainful dashboard → Emails → Manage emails → Edit
Abandoned Cart Recovery Email Campaign
2. You’ll be directed to Email Templates to Abandoned Carts, click on 'Edit Email',
Editing Abandoned Cart Recovery Email Template
3. Now click ‘Customize’
Customization - Email Template
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:
Blocks to Choose
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.
Sections
This is how the template layout can be segmented with the use of tools in the section tab
Adding Content Blocks in Email Template
2. Element tab - This section helps you add new text blocks, buttons, images, dividers, and so on.
Pro-tip
  1. 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. 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. 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.
Elements
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.
Store Elements
  • 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
Address Block
  • Line item block -The items of the user’s cart can be displayed on your abandoned cart emails using this block.
Cart Items 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.
Customizing Email Elements
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.
Customizing Dimension of Blocks
  • Typography block - Make your emails look attractive by proper alignment.
Typography
  • .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.
Backgorund Customizations
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.
Device based preview
Note:
  • Avoid large images
  • Keep your emails brief
Last modified 7mo ago
Copy link