Personalize your emails even further by inserting the information in your Data extension. This can be used for displaying preferred location information or the customer's assigned customer rep. This can create a more one-to-one experience - the type that converts.
Tutorial
Please note: To try out the feature, click the full screen icon
in the tutorial.
Step 1: The first step is to go to the Compose section and click the Templates tab and with your mouse, hover over Create new template
Step 2: Click Drag & Drop
Step 3: Click Template name
Step 4: Type **** in Template name
Step 5: Click Edit content
Step 6: The Drag & drop editor has 3 sections to take note of
The first section is the toolbar which contains options to save and Finish using the editor and to Undo changes you have made
Step 7: This section is the template edit and preview pane
This is where you will be able to view your template as you drag new content in or edit existing content
Step 8: Finally, the right pane provides different options to either drag in new Content, add additional Rows,change global Body settings or change additional options for content you select in your template
Step 9: To build our template, first we will add in the Rows we need
Click Row
Step 10: With your mouse, click and drag the different types of Rows you will need, then drop them into the Template
Step 11: Next, we will drag in the Content blocks we wish to add to each of the rows
Click Content
Step 12: With your mouse, click and drag the Content blocks you want. To start we will use a Text block. Drag and then drop it into the section of the Row you want
Step 13: Click the Text block
Step 14: The inline editor will provide multiple options for editing your text content
Lets start by entering some Text
Step 15: Type **** in Text block
Step 16: To add more blocks, click Content
Step 17: Next, we will add another Text block to demonstrate adding links
Step 18: Click Text block
Step 19: Type **** in Text
Step 20: Click Align right
Step 21: Highlight text and click Insert/edit link
Step 22: Type **** in Url
Step 23: Click Target
Step 24: Click New window
Step 25: Click Ok
Step 26: Now we will style our link. Highlight the text and apply the settings you want like changing the color
Click Text Color dropdown
Step 27: Click Royal blue
Step 28: Now let's try an Image content block
Click Content
Step 29: With your mouse, click and drag Image, then drop it in the Template
Step 30: Click Image block
Step 31: Click Image Uploader to select your file
You may also drag and drop a file to the editor if that is easier
Please note: Maximum file size is 1 MB
Step 32: Now we will build an article in our template. This will consist of a header and body copy. To do this, we will want to drag in two Text blocks
Click Content
Step 33: With your mouse, click and drag Text, then drop it in the Template. Do this twice
Step 34: For the header, we will use multiple text styling options
Click Text block
Step 35: Type **** in Text
Step 36: Click Font Sizes
Step 37: Click 30px
Step 38: Click Font color
Step 39: Click Royal blue
Step 40: Click Bold
Step 41: We will leave the other text block as a placeholder for later.
Step 42: Let's add in one more row for our footer.
Click Row
Step 43: With your mouse, click and drag Row, then drop it in the Template
Step 44: Now lets add a Divider block and another Text block
Click Content
Step 45: With your mouse, click and drag Divider, then drop it in the Template
Step 46: With your mouse, click and drag Text, then drop it on highlight
Step 47: Click and enter Content
Step 48: Now that we have the content laid out, we will want to adjust positioning and background colors of our template.
To get started, click the first Row
Step 49: To change the background color of the content sections, we want to change the Columns Background setting.
Click the Color
Step 50: Change to White
Step 51: Next lets remove the Padding around the content.
Click Minus until it's zero
Step 52: Now do the same thing for each Row.
Step 53: Finally, we will add some padding around the content to space things out.
Click Content
Step 54: Click the Plus symbol under Container Padding
Step 55: Repeat for each content block
Step 56: You can also specifically adjust padding on one or more sides of your Content block.
Click Content block
Step 57: Click More Options
Step 58: Adjust the padding for the side you want
Step 59: Then repeat for the other side.
Step 60: Continue to add and edit as much content you need until you are happy with the result.
Step 61: Once you are done, click Finish
Step 62: Click Save
Step 63: That's it. You're done.