Skip to content
HTML Email Newsletter Planning-Sending-Logging
Share
Explore
Inner Workings

icon picker
Email Elements

(Two columns in this table have the "Top" and "Bottom" HTML code used in the Build Table. If you'd like to edit the email structure, this is where it should be done.)
Email Elements
0
Name
Description
Top
Bottom
1
Image
A third party hosted image that will display centered
<tr style="border-collapse:collapse;"><td align="center" style="Margin:0;padding-top:20px;padding-bottom:20px;padding-left:0px;padding-right:0px;"><img src="
" alt="" style="display:block;border:0;border-radius:6px;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;" width="560"></td></tr>
2
Title
A content Title
<tr style="border-collapse:collapse;"><td align="left" style="padding:0;Margin:0;padding-bottom:10px;padding-top:20px;"><h2 style="Margin:0;line-height:120%;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:24px;font-style:normal;font-weight:normal;color:#333333;">
</h2></td></tr>
3
Content
Any text content and basic HTML
<tr style="border-collapse:collapse;"><td align="left" style="padding:0;Margin:0;padding-bottom:15px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:150%;color:#333333;">
</p></td></tr>
4
Button
A "Click Here!" button with a hyperlink centered
<tr style="border-collapse:collapse;"> <td align="center" style="Margin:0;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px;"><span class="es-button-border" style="border-style:solid;border-color:#333333;background:#000000;border-width:1px;display:inline-block;border-radius:6px;width:auto;"><a href="
" class="es-button" target="_blank" style="mso-style-priority:100 !important;text-decoration:none !important;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;color:#FFFFFF;border-style:solid;border-color:#000000;border-width:10px 20px;display:inline-block;background:#000000;border-radius:6px;font-weight:normal;font-style:normal;line-height:22px;width:auto;text-align:center;">Click Here!</a></span></td></tr>
There are no rows in this table

How to Add a New Element

In the table, display the Top and Bottom columns.
Add a new row.
For Name, use "Avatar".
For "Top" code use:
For "Bottom" code use:
In or , add a new row and for Element, choose Avatar.
Add the URL of your image to the Content column.
Mine is:
8. Drag the row to the position you want it displayed.

You're all set!


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.