Visual editor

It's easy to create rich, responsive messages using the visual editor. The visual editor lets you focus on building personalized, visually appealing content without wrestling with frameworks or HTML code. You can create refined and marketable messages that are the building blocks to a successful campaign.

The visual editor provides pre-built WYSIWGY components and layouts that you can add to your message by using the drag-and-drop method. Messages built in this editor are fully responsive and ready to be displayed on any device. If you need to refine the HTML code, you can simply move the message over to the source editor.

Screenshot of the visual editor page, with an image content component being dragged to the live view of the message.

Build fully responsive messages

Without touching any HTML code, your messages will render in many different email clients and across many screen sizes.

Drag-and-drop editing

Easily create great messages using the simple drag-and-drop interface. Place components on the message canvas and know that your layout will adapt across many screen sizes.

Build compelling designs with ease

Features of the visual editor make it easier to achieve your desired design:

  • Layout templates to help you start building your message

  • Create hero images by adding background images to your layout

  • New standard components allow you easily add buttons, dividers, and spacers

  • Easily change the default styles so that you can work faster

Next steps

Creating messages in the visual editor

Working with content components and layouts in the visual editor

Changing default styles in the visual editor

Changing the background colors of components and layouts

Learn more

Messages

visual editor, email messages, messages, message designer