Email Drag and Drop Editor

Customizing your email templates has never been easier. With Retainful, you can effortlessly drag and drop the desired elements into the body of your email templates.

Email Block In Automation Workflow

You can click on the ‘Email’ block to configure the email subject line, preview texts, and email content.

Subject Line: The subject line should be interesting enough to get the customer to open the email.

Preview text: You can set up a captivating preview text to motivate the customers to open the email.

Edit Email Content: Click on the "Edit Email Content" button to edit the contents of the email. This will bring up the visual drag-and-drop email editor.

Customizing email templates

1. Navigate to Retainful dashboard → Automations → Edit Flow → Find the Email block and click on the 'Edit Email Content' button on the right side.

2. You’ll be redirected to the 'Drag and drop' editor, where you can customize the email template.

• Adding Your Store Logo to Email Templates

Easily customize your email templates by adding your store logo. Simply drag and drop the header block, upload your logo from the Retainful Image Library or your computer, and enhance your email branding.

1. Click on the Logo Block Simply click on the logo block within the email template. You can upload your logo either from the Retainful Image Library or directly from your computer.

   
2. No Logo Block in Your Template? If your email template doesn’t have a logo block, you can add it manually from the 'Blocks' section.

   

Check out this guide to learn more about adding your store logo to the email templates.

If the email template doesn't have a logo block, you can add the logo block manually from the 'Blocks' section.

• Adding a new block

In the email template editor, the customization tools are located in the far-left corner as follows

• Section

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.

• Layout

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

• Text

This is how you can able to add the text block and edit the content, you can also choose any of the options from the text block to style your template.

• Content

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

Using these you can add text blocks, CTA buttons, images, and social media icons to the email templates.

• Store Content

In the store elements section, you can find blocks that are related to the store.

Order Summary: This can be used to display the items that are in the customer's cart.

Coupon: When you use this block in your email, you can able to send a coupon to your customers.

• Style Manager

This allows you to adjust position and style settings to suit their preferences, enhancing the visual appeal of the email template.

• Global Styles

Global Styles allow you to maintain a consistent look and feel across all your pop-ups.

1. Text Setting:

You can set global font styles that apply to all text elements. This includes font family, size, weight, line height, letter spacing, and color.

1. Button Setting:

You can define a global style for all buttons. This includes the button color, hover color, text color, border radius, and padding. You can also set a global hover effect for your buttons.

1. Divider Setting:

The divider setting allows you to set a global style for all divider lines. This includes the line type (solid, dashed, dotted), thickness, color, and alignment.

Checking Email Template Responsiveness

To check if your email templates are responsive, use the icons located in the left corner of the email template editor.

Testing email design

Once you have completed editing the email template, you can test the email.

With an email customized, return to the top of the email editor and click the ‘Send Test Email’ button to make sure all of the content displays as expected in your inbox.