The Enudge email editor tool is packed with features which will allow you to create beautiful and functional emails. You can add content such as images and links, format text, create tables to layout content side by side or centred in the email window, and more. If you are comfortable with HTML and CSS, you can access and edit the Source Code.

This article is a long read, but is really useful for helping your control the look and feel of your email campaign. We suggest you bookmark this article to make it easy to find when you have a question about your email message layout.

Familiarising yourself with the tool bar and all the functions available within the email editor is an important step in creating email templates efficiently and with ease.

Your Enudge account gives you access to a large collection of email templates, featuring different styles, colours, themes and banner images. We recommend you start a new email design by picking a template most similar to the design you are trying to achieve. Once you have selected a template, you can edit it to meet your branding needs, such as insert your own logo and photos, change size and colour of text, choose a different font and more.

Click on Insert > Template > Choose a template from the drop-down menu.

You can also re-use templates from any existing email campaign within your account, by using the following option, which is located just above the editor.

You can use your own HTML email template following these steps:

Note: be mindful when using templates built in MailChimp or other email marketing platforms. They are often coded specifically for use in their respective platforms and include features that refer to the URL of the tool you are copying from, for embedded emails and other functionality. Such elements will not work correctly within an Enudge email. That is one of the reasons why we recommend always starting with a pre-existing Enudge email template.

The other reason is that pre-existing Enudge email templates come pre-loaded with a bunch of code to make mobile responsiveness work very well, saving you a lot of time.

When you copy text from a Word document, web page, or other app's document and paste it into the Enudge email editor, you risk bringing over HTML formatting from the copied content which isn't compatible with email programs. To avoid this, click on Edit > Paste as text. Once this option is active all content will be pasted as plain-text.

Pre-requisites

Once you have your image ready based on the above pre-requisites, identify the row/cell within the email body, where you need to insert the image, and click to place your cursor in that location.

Right-click on your mouse/trackpad > choose the Insert/edit image option from the drop-down list.

In the General tab, click on the search folder icon highlighted in the image below.

Click on the Upload option to select and upload images from your Local Machine.

Note: make sure that the My Images folder is selected prior to uploading any files - that should be selected by default.

Once the upload is complete, select the image and click on Insert. Next, you will be brought back to the Insert/edit image pop-up window. Now click on the Advanced tab and fill in the Style field with the code snippet illustrated in the image below (assuming your image is to be 600px wide). Adding this piece of code will ensure that the width of the image and the width of the email body are the same. It will also remove any gap between the image and any block of content that follows.

Here is also a snippet of the code for you to copy:

Important note: while the above code will force your image to be 600px wide, you should not rely on this code. You should ensure that your image is actually saved at the right width because when your email is forwarded using the email program's forward feature, some email clients will expand any images to their full original width, regardless of the code.

You can resize, crop, flip or even add filters to you images within Enudge.

To do so, first make sure that the image has been uploaded to My Images folder > next, select the relevant image.

Click on Manage > Edit.

Choose from the list of Alter and Filter options > click on Apply to save changes.

Note: you may have to refresh the page in order to see the changes you have just made.

To add a link from your email content to a web page, highlight the text or image you wish to hyperlink. Right-click and select the Insert/edit link from the drop-down menu.

Fill out the URL field with the full path and click Ok.

Tip: You can upload a pdf file into your Enudge My Images folder i.e. the file will now be hosted in your Enudge account. You can next use the file URL to create a hyperlink in the email body.

A horizontal line is useful for breaking up blocks of content. Place your cursor at the appropriate place in the email body (preferably at the end of a section). Choose Insert > Horizontal line from the toolbar.

You can create a clickable Table of Contents which points to the anchors you specify throughout the email. Add anchors by clicking at the appropriate place in your email, click Insert > Anchor.

Before you begin formatting any text, it's good to know how to Clear formatting in case your formatting changes seem to be ignored.

If you have formatted your content, for example, you have changed the text colour, make sure to Clear formatting before making any further changes to that same piece of content. Making consecutive updates without clearing the formatting will likely confuse the email client with regard to how you want the text formatted.

Here is a demonstration of the Clear formatting function in action.

To format any text, select the text snippet > click on the Format option from the toolbar > select the required option from the drop-down list.

For bold, italics and underline, you can also use keyboard shortcuts to set these: Ctrl+B, Ctrl+I, or Ctrl+U respectively.

Note: not all computers have the same fonts and email clients do not support all fonts. For this reason it is important to use web safe fonts i.e. fonts that are supported by most computers and browsers. Most of the fonts listed under the Font Family option are web safe, with the exception of Terminal, Webdings and Wingdings.

You can present content in a tabular form by inserting a table into the email body.

In the example below we are creating a table for presenting events in the month of December.

Tip: we strongly recommend keeping the number of columns to a minimum. This is particularly important for mobile responsiveness.

To add rows to the table, place your cursor within a row, right click and choose either Insert row before / Insert row after.

To delete any unwanted rows from the table, place your cursor within the row you wish to delete, right click and choose Row > Delete row.

If you wish to add a column to the main body of the email, for example, a separate column for text and another for images, we recommend using the Table option described above. This is more robust than using the Add a Column option, as it will help retain the original width of the email body.

Place your cursor within the column you wish to delete, right click and choose Column > Delete column.

Place your cursor inside the appropriate table cell, right-click then choose Cell > Cell properties > Advanced tab, and select a colour using the customise colour option.

You can copy the contents of a row and paste it in a different part of your email body. In the example below, we demonstrate copying a row which contains a button. To do so, place your cursor inside the row, right click and choose Row > Copy row. Next, place your cursor inside another row, one that is close to where you wish the new button to be, right click and choose Row > Paste row after.

You can personalise your email messages, so that each email will automatically contain information that is relevant to each contact/email address, such as their first name, surname, unique reference number etc.

To personalise the contents of your email:

If you have knowledge of HTML and are familiar with HTML email development, you can make changes to the email template via the source code. To do so, click Tools > <> Source code.

This section is relevant for Dedicated Server users with custom template and code snippet implementations.

Your custom code snippets will be available within the Template section.

4. Make sure to SAVE CHANGES.

You can access the styling of a row of content and make changes manually. This is useful when you have very specific design requirements. You can access and update elements such as:

In order to access the styling, place your cursor within the relevant row > right click > Cell > Cell properties > Advanced > Style.

You can style your hyperlinks to be a specific color, instead of the default blue. In order to enforce this in Outlook (both desktop and mobile), you have to add some inline styling within the <a> tag by accessing the Source Code.

Note: this is a robust method, which will be equally effective across other email clients and devices.

Here is the step by step process, based on the example below. The goal is to style the hyperlink so it is bright purple in colour (#BF40BF).

3. Next, copy and paste the following into the <a> tag:

The piece of code which we started with in step 2, should now look like this:

4. Exit the Source Code and SAVE CHANGES.

Additional styling tips and code: