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.

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:

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

Legacy rendering for emails

Working with email content components and layouts in the Design Editor

Customizing Design Editor emails and landing pages with CSS

Writing right to left

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

Exporting email HTML

Learn more

Asset Type Column

Emails

Tips to keep your email responsive

Previewing emails

Sending test emails