Email Templates (Visual Template Designer)
It's easy to create rich, responsive email templates using the new Visual Template Designer. The UI lets you focus on building personalized, visually appealing content without wrestling with frameworks or HTML code. Using the Visual Template Designer, you can create the refined and marketable email templates that are the building blocks to a successful campaign.
Build fully responsive emails
Without touching any HTML code, your emails will render in many different email clients and across many screen sizes.
Drag-and-drop editing
Easily create great emails using the simple drag-and-drop interface. Place components on the email canvas and know that your layout will adapt across many screen sizes.
Build compelling email design with ease
Features of the Visual Template Designer make it easier to achieve your desired design.
- New layout templates to help you start building your email
- Create hero images by adding background images to your email layout
- New standard components allow you easily add buttons, dividers, and spacers
- Easily change the default styles of your email so that you can work faster
Visual Template Designer email support
Many combinations of devices and operating systems may have differing results. The following email clients and browsers have been identified as the most commonly used clients and have been tested for responsive or mobile friendly elements.
Desktop | Mobile | Web mail |
---|---|---|
Thunderbird 52+ | Gmail app on Android 5.1+ | Gmail |
Apple Mail 9+ | Gmail app for iOS | Outlook.com |
Outlook 2007+ | Mail app on iOS 8+ | Microsoft Office 365 |
iOS 11 | Windows 10 Mail | |
AOL | ||
Yahoo! |
Note: Versions of Outlook from Outlook 2007 to present use Microsoft Word to render HTML email. This can cause problems with email rendering. Try to determine the version of Outlook most used by your email subscribers and design and test for that version.
Note: Not all fonts will render in a mobile client. The more common web-safe fonts are at the top of the font drop-down list.
Get started
Working with Email Template Contents and Layouts
Changing Email Template Default Font, Color, Padding, and Border Settings
Changing the Background Color of Email Templates
Adding Text to Email Templates
Adding Images to Email Templates
Adding Buttons to Email Templates
Adding Dividers and Spacers to Email Templates
Adding Custom Code to Email Templates
Editing Email Templates in a Mobile View
Writing Right to Left Using the Visual Template Designer
Adding Links to Email Templates
Managing Templates Created in the Visual Template Designer