40

Choosing the Right Email Editor

We offer several editors for email creation. Check out our newest editor, Design Studio. If that doesn’t suit your needs, check out our older editors below.

Choose your editor

While editing a campaign, broadcast, or transactional message, you can create and edit your emails. When you first click into an email block, you’ll choose to either start from scratch or start from an existing email.

Our newest editor: Design Studio

In Design Studio, you can:

• Build emails with our visual, block-based editor. You can also modify the HTML/CSS as you see fit by switching to the code editor!
• Build emails using reusable blocks. We offer out-of-the-box blocks called standard componentsA pre-built block that helps you build beautiful, engaging messages as quickly as possible in Design Studio.. You can also create your own reusable blocks called custom componentsA custom block of code with content and properties you can reuse across messages made in Design Studio..
• Assign global styles that span your emails and override them for individual messages.
• Collaborate with teammates by sending test messages, requesting feedback, and more.

Our older editors

Drag-and-drop

Our drag-and-drop editor allows you to quickly build responsive emails without coding. It looks like this:

You can quickly add blocks of content, columns, and easily drop in items like images, buttons, social links, and set global styles. When clicking your email to edit it, you can see that it was built using the drag-and-drop editor:

To learn more about the drag-and-drop editor, check out these resources:

• Getting started with drag-and-drop: the basics of how to use columns, images, customize your headers and navigation, and so on.
• Drag-and-drop editor FAQ: some of the most common questions we’ve received about this editor and upcoming features.
• Troubleshooting your drag-and-drop emails

Rich text

This editor is great if you need a little more control over the code compared to the drag-and-drop editor, but don’t need a highly-stylized message. You land on the WYSIWYG editor, but you can click HTML to edit code. You can use layouts to structure your emails and create a re-usable header and footer.

You can switch to our code-only editor, but once you confirm this action and save the email, you cannot revert the message back to the rich text editor.

You can identify emails using the rich text editor in the workflow by this icon:

To learn more about the rich text editor, check out these resources:

• Email layouts overview
• Customizing your layouts

Code

The code editor is a great option if you want complete, granular control over your email. Like the rich text editor, you can use layouts to create a global, reusable header and footer.

We’ve partnered with Parcel to help you code better emails. Our code editor comes complete with syntax autocomplete, responsive previews, and an Inspect Element mode that helps you find code when you click elements in your preview.

You can switch between tabs for writing HTML exclusively and AMP.

You can identify emails created using the code editor in the workflow with the icon.

To learn more about the code editor, check out these resources:

• Our email code editor, powered by Parcel
• How our Layouts work with this editor
• Customizing your Layouts
• Disabling CSS pre-processing

Starting from a previous email

As mentioned above, you can choose previously made emails as a starting point. Search by its name or select from the options below the search bar.

Don’t worry about your old design being overwritten; this will be saved as its own unique email!