With the Designer email editor there is no need to rely on an external agency or to know HTML, CSS or JavaScript. This editor enables you to create emails with great design flexibility and little effort, manage your media files, re-use saved content, add comments for review and much more...
With very intuitive and easy drag-n-drop features, the editor allows you to:
- Define the global settings of your template, such as the default font or the background color.
- Add rows, aka. elements of structure that you can save and reuse in another template.
- Add and configure content: title, text, images, buttons, social media links, etc.
- Manage your images in folders.
- Add comments for review by colleagues.
- Preview the result on desktop or mobile.
- And much more...
On the left you can see the general layout of a brand new email template.
In the central zone, you will be able to see the following:
This button will enable you to see how the message would be displayed in a computer or in a smartphone. The option selected will have the- blue background.
This two links (View in browser and Unsubscribe) will always be added automatically to your emails. To be compliant with the GDPR, you must keep the Unsubscribe link available and visible in all the marketing emails you'll send.
Once you start editing your email template, these buttons will appear on the bottom left of the email template creation zone. With them you'll be able to go back and forth between modifications.- On the right, all the options within the tabs Content, Rows and Settings will enable you to build your email.
On the Settings tab you'll be able to manage the general settings of the email template:
- The width: Fixed for smartphones, but modifiable within the desktop view.
- The content area alignment: Left or center.
- The general background and the content area background colors: As you can see, you can even introduce a very precise HTML color code.
- A default font: There are many options, but if you could not find the right one for your institution, it is possible to add a font to the options though a service request.
- A default link color.
On the Rows tab, you will be able to build the layout of your email by dragging and dropping rows with differently sized columns where you'll be able to allocate content afterwards.
However, at any moment you'll be able to readjust the size of the columns, and even add new ones just by selecting the row:
In the image above, you can see that when you select a row of a template, you'll be able to access the "Row properties", add comments
, delete it
, duplicate it
and save it
.
You can also click on this symbol to move the block around.
Within the "Row properties" you'll be able to set up many other options (see picture on the left). Here are a few interesting ones:
- Do not stack on mobile: the column division of the row will not be altered. If you choose to stack them they'll be displayed one on top of the other on the mobile visualization.
- Reverse stack on mobile: the columns of a row will be stacked from right to left instead of from left to right.
Display condition - Add condition button: Not available yet.- You could hide the row when displayed on a desktop
or on a mobile
. - You can customize the columns width, as seen above too.
- You can customize the style of each column: background color, padding (distance between the border of the column and the text), borders and their style.
You can also select the "Saved rows" and search them by key word: Saving a row is particularly useful to save footers, logos and links to social media or partners, as well as signatures.
