Skip to content
Gallery
HTML Email Newsletter Planning-Sending-Logging
About
Send an Email
Subscriber List
Next Email
Planning
Sent Emails
Inner Workings
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
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
Email Elements
⁠
table, display the Top and Bottom columns.
Add a new row.
For Name, use "Avatar".
For "Top" code use:
For "Bottom" code use:
In
Planning
⁠
or
Next Email
⁠
, 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.