Intro to ContactMonkey HTML Template Builder

Follow

About the editor

Our drag-n-drop email editor makes it easy to create beautiful messages that can be used to send all sorts of email campaigns: a company newsletter, announce a new product, promote a sale, etc. 

It combines great ease of use with many features that give you full control on the design of your emails. Its drag-and-drop interface enables you to design a nice-looking message without any knowledge of HTML, and produces code that adapts automatically to small screens, such as that of a smartphone.

rows.PNG

 

Structure vs. content

For maximum design flexibility, the structure of the message is separated from its content. This means, for example, that you can have rows of content that use different designs for different sections of the message (e.g. full-width background colors, a different number of columns, etc.) without negatively impacting the responsiveness of the message on mobile devices.

 content_overall.PNG

Message editing stage & properties panel

The editor is divided into two main areas: the main message editing stage on the left, and the properties panel on the right. In general, you will be dragging and dropping content elements onto the stage and then editing their properties. This is true for entire structures (e.g. a single-column row) and individual content blocks (e.g. a text content block).

When it comes to images, you can drag & drop image files directly from your desktop onto an image content block. You can also upload them using the File Manager or use the URL of remotely hosted images.

The properties panel is divided into three sections:

  • Content
    This is where you will choose and edit the specific content elements that make up your message: buttons, images, text blocks, etc.
  • Rows
    Here you can select different structural elements (e.g. a single-column vs. three-column row) to organize your content.
  • Settings
    Here is where you will define some overall settings that affect the entire message. For example, a default font family.

content_rows_settings.PNG

Have more questions? Submit a request

Comments

Powered by Zendesk