Choosing the Right Email Editor

Updated

We have several different editors available to you when you go to build your emails. Which editor is best for you depends on your use case and experience! This document provides an overview of our editors to help you pick the one that works best for you.

The editor choice menu

Whenever you start composing a new email, you’ll see a menu that looks like this:

image.png
image.png

From here, you can choose exactly which one of our editors you want to use to compose that particular message. If you’ve already composed or created some emails before, they’ll be available for selection in the tabbed Start from existing email menu below.

The options at the top allow you to start an email from scratch in that editor, while the tabs allow you to select a previous email built in each editor as a starting point.

Our three editor types

Drag-and-drop

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

image.png
image.png

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:

image.png
image.png

Drag-and-drop editor documentation

If you need specific help with our editor, we have two pieces of documentation to get you started:

Rich text

image.png
image.png

This editor is great if you need a little more control than what drag-and-drop offers, but don’t want to dig into exact email code. This uses our existing Layouts to wrap around the emails, so if a “global header and footer” is a must, use the rich text editor!

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

image.png
image.png

Code

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.

Parcel's code editor helps you craft better emails
Parcel's code editor helps you craft better emails

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

In the center of the page is the code editor for an email. There are two tabs at the top of the editor: HTML and AMP. AMP is selected and the editor shows an AMP template with the preview displaying on the right hand panel.
In the center of the page is the code editor for an email. There are two tabs at the top of the editor: HTML and AMP. AMP is selected and the editor shows an AMP template with the preview displaying on the right hand panel.

The code editor is a great option for you if you want complete granular control over every aspect of your email. The HTML editor also combines with Layouts.

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

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.

image.png
image.png

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

Copied to clipboard!
  Contents
Is this page helpful?