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.