Email Drag and Drop Editor
Learn how to use the drag and drop email editor in Retainful
Last updated
Learn how to use the drag and drop email editor in Retainful
Last updated
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.
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.
Navigate to Retainful dashboard → Automations → Edit Flow → Find the Email block and click on the 'Edit Email Content' button on the right side.
You’ll be redirected to the 'Drag and drop' editor, where you can customize the email template.
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.
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.
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.
In the email template editor, the customization tools are located in the far-left corner as follows
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.
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.
This section helps you add new text blocks, buttons, images, dividers, and so on.
Pro-tip
A clear CTA prompts users to complete an abandoned or repeat purchase. To add call-to-action buttons to your cart recovery or post-purchase emails, simply use the button block.
Some customers may abandon their cart due to unanswered questions. Use abandoned cart recovery emails to address this by adding a Text block to answer FAQs.
Using these you can add text blocks, CTA buttons, images, and social media icons to the email templates.
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.
This allows you to adjust position and style settings to suit their preferences, enhancing the visual appeal of the email template.
Global Styles allow you to maintain a consistent look and feel across all your pop-ups.
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.
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.
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.
To check if your email templates are responsive, use the icons located in the left corner of the email template editor.
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.
NOTE
Test emails provide a preview of how the email template will appear when sent to customers. These emails use sample data, and the links or buttons included will not be functional.
