Email authoring
It's easy to create rich, responsive emails using the Design Editor. The redesigned user interface lets you focus on building personalized, visually appealing content without wrestling with frameworks or HTML code. Using the Design Editor you can create the refined and marketable emails that are the building blocks to a successful campaign.
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.
Learn more by watching our videos!
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
New features of the Design Editor 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
- Add preview text to your email to help boost your open rates
- 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
Include shared components
Create highly personalized emails for audiences using field merges, shared content, and dynamic content. It's also easy to identify shared components that could prevent your email from adapting to screen sizes. Learn some tips to keeping your shared components responsive.
Preview and test
You can send with confidence when you make use of the preview and test features:
- Quickly view your email in the mobile view and make adjustments for mobile devices
- Preview your email on different screen sizes and by using different contacts
- Send test emails to email recipients so you can verify across your target email clients
Design Editor email support
Email rendering can vary across clients and platforms. The following environments are tested to validate compatibility.
Desktop clients
- Outlook Office 365 (Windows 10)
- Outlook 2021 (Windows 10)
- Outlook for Windows 11
- Outlook for Mac (macOS 15)
- Apple Mail 16 (macOS 13)
- Thunderbird (Windows 10)
Mobile clients
- Microsoft Outlook (Android 11)
- Microsoft Outlook (iOS 18)
- Gmail App (Android 13)
- Gmail App (iOS 18)
- Apple Mail (iOS 15–18)
- iPhone (iOS 15–17)
- iPad (iOS 18)
Web-based clients
- Outlook.com (Edge, Chrome, Firefox)
- Office 365 (Outlook Web) (Edge, Chrome, Firefox)
- Gmail (Edge, Chrome)
- Yahoo! Mail (Edge, Chrome)
- AOL Mail (Edge, Chrome)
Note: Testing includes both standard and dark mode variations of the supported email clients and platforms.
Get started
Creating emails in the Design Editor
Working with email content components and layouts in the Design Editor
Customizing Design Editor emails and landing pages with CSS
Adding buttons to emails in the Design Editor
Hiding cells in the mobile or desktop view
Sending an email as plain-text only in the Design Editor
Adding images to emails in the Design Editor
Adding text to emails in the Design Editor