Using the WYSIWYG Email Editor

Our Drag n’ Drop WYSIWYG editor will empower you to be more hands-on in message creation. A WYSIWYG (pronounced “wiz-ee-wig”) editor allows a user to see what the end result will look like while the interface or document is being created. WYSIWYG is an acronym for “what you see is what you get”. You can also use the small action bar in the top left corner to view your email as both a desktop and a mobile preview. This action bar also features undo and redo buttons. An example of a template is below.

You can read about different content blocks and settings in the editor below.

TOOLBAR ICONS

View Changer

Select the corresponding device icon to see what your email will look like on a desktop, tablet, and mobile phone.

View Components

View individual components of your email.

Full Screen

Make the email editor full screen.

Edit HTML

You’ll have the option to copy, paste, and insert HTML code here.

Undo

This button undos your last change.

Redo

This button redos what you may have just undone. 

Clear Canvas HTML

This button Toggles images. This way, you can build your newsletter to look good in the event your recipient has images blocked.

Style Manager

This button allows you to customize the section of the email you have selected, whether it be a small text box or the email body. There will be sections to adjust dimensions, typography, and decorations. Be sure to utilize this tool, as it will help give your emails a bit of extra flair!

Settings

Allows you to view the settings for the selected component.

Layer Management

When your email structure begins to grow and has a lot of components, the Layer Manager comes in handy. It allows you to manage and rearrange your elements faster, focusing on the architecture of your structure.

Access Content Blocks

This will make the Content Blocks appear.

CONTENT BLOCKS

Built-in content blocks help to build email templates faster! Drag and drop them onto your email canvas to start fleshing out your email. Here are some of the content blocks available.

There are a variety of section blocks you can drag into your email. Drag and drop these built-in blocks from the right panel and style them in a matter of seconds. What you choose is up to you!

This will allow you to add a clickable button to your email that can transport a user to a new URL. You will need to customize color and padding in the settings.

Drag and drop a divider between sections. Easily customize thickness in color by using the style manager.

Drag and drop this content clock to add text to your email. Each section stylizes the text a bit differently, so be sure to play around to see which one will look best for your email- maybe a combination!

Dragging this box onto your email draft will open up the Asset Manager. Upload and/or select the image you want to add. You’ll be able to customize its dimensions. The maximum file size is 8 MB.

This will simply allow you to insert a text link or a link block into your email. Clicking on these will transport your user to the URL provided in the link or link block.

This will allow you to easily drag and drop an editable grid into your email. You can then place images and text in the columns. 

This will allow you to easily drag and drop an editable list into your email. You can then place images and text in the rows. 

Updated on March 1, 2021

Was this article helpful?

Related Articles