In this article, we will guide you on how to build your emails with Drag and Drop Editor on Automation campaigns.
To start with, go to your automation campaign, open the workflow then select an email to edit.
1. Items
1.1 Text
Drag and drop the Text box into the position you want and you can then edit content in Settings
1.2 Image
Drag and drop the Image block to the position you want then add and edit photos in Settings
To add photos
Step 1: First, click on the photo in the email and then click Change image button in Settings to upload the image
Step 2: There are two ways to upload an image: upload an image from your computer or enter the URL of the image you want to add
- Method 1: From Upload click Upload your image button then select a photo from your computer and click Open
- Method 2: From Image URL enter the URL of the image you want to add then click Save
Step 3: After adding photos successfully, you can edit photo displaying and add link for photos
- Style: Customize the display style of the image Fit or Fill
- Alignment: Choose a display position for the image
- Alt: Enter the Alt text you want to add to the image
- Link to: Enter the link for the image. When customers click to the image on your email, they will be directed to that link.
1.3 Space
Drag and drop space item to where you want to add space. Then customize the Space height in Settings
1.4 Button
Drag and drop the button to your wanted position and edit the button in Settings
- Font family: Select font for button
- Label: Enter content for the button
- Background color: Select a background color for the button
- Text color: Select a color for the button text
- Font size: Customize the font size for the button
- Border radius: Customize border for the button
- Alignment: Customize button display position on email
- Link to: Enter the URL for the button
1.5 Divider
Drag and drop to add divider for email
Edit the Space height and the Overlay color in Settings
1.6 Link
Drag and drop to the place you want to add the link. Add URL in Settings
1.7 Videos
Drag and drop to the position you want to display video on email and edit in Settings
– Provider: Choose the video channel (Youtube for example)
– Video URL: Enter the URL for the video
1.8 Store logo
Drag and drop to the position where you want to display the logo on the email. Add and edit logo display in Settings
1.9 Store contact
Drag and drop to the location where you want to display store contacts on email. Including store name and store website
1.10 Single product
Drag and drop to the position you want to display at the email. Add and edit product content in Settings. Click Load product in Settings to add product
1.11 Image content
Drag and drop to the position you want to display at the email. Double click to add an image. Add and edit content in Settings
1.12 Two images
– Drag and drop to the place you want to display on the email
– Double click to add image
1.13 Coupon
Drag and drop the coupon to the position you want to display at the email
- Border color: Select a color for the border of the coupon code
- Border width: Customize the width of border
Click Open settings button to add coupon code. There are 2 types: Static coupon and Dynamic coupon
1.14 Social
Drag and drop the social button to the place you want to add the social link to the email. Edit social button in Settings
– Step 1: Select a display style for social in Styles
– Step 2: Add and edit social icons
+ Click Add icon button to add icon
+ Click the Edit button to edit the corresponding icon
- Type: choose the social type
- Link to: Enter url for social media
2. Row
Drag and drop to add to email. There are many pre-divided row patterns for you to choose from
3. Variables
Drag and drop to add the variables to the position you want to display on the email. Edit the variables in the respective settings
