Regular Email Campaigns: Creating Email Content In HTML Editor

Last Updated: May 17 2020 01:54 pm UTC

Depending on your needs, you can edit the contents of your email template using one of our two editors: WYSIWYG and Drag and Drop. This Quick Start topic introduces you to some of the basic WYSIWYG capabilities. 

Creating an email newsletter is one of five general campaign creation steps:

Your First Email Campaign

  • Setting up an email marketing campaign

  • Selecting email campaign recipients

  • Choosing an email campaign design

  • Creating email content

  • Scheduling an email campaign

Creation of an email newsletter

In the Create Email screen, there are several tools you can use to change the looks of your campaign.

The first tools in the list are regular text editing options:

  • Bold/Italic/Underline/Strikethrough

  • Alignment (Left, Center, Right, Full)

  • Format

  • Font

  • Font size

On the right side you will see these options available:

  • Toogle full screen mode

  • Insert a horizontal line

  • Formating remover

  • Insert special character

  • Direction left to right

  • Direction right to left

  • Edit CSS style

  • Insert merge tag

  • Insert link to a survey

  • Insert RSS content

  • Insert Dynamic content

 

The lower line on the left side has these options available:

  • Cut

  • Copy

  • Paste as plain text

  • Paste from Word

  • Print

  • Get PDF

  • Insert/Remove Bulleted list

  • Insert/Remove Numbered list

  • Decrease Indent

  • Increase Indent

  • Block Quote

  • Insert/Edit Link

  • Unlink

  • Insert/Edit Anchor

  • Insert/Edit Image

  • Open Image Management window

  • Edit HTML Source

  • Preview

The lower line on the right side has these options available:

  • Select Text Color

  • Select Background Color

  • Show/Hide Guidelines/Invisible Elements

  • Insert/Edit Table

  • Table Row Properties

  • Table Cell Properties

  • Insert Row Before

  • Insert Row After

  • Delete Row

  • Insert Column Before

  • Insert Column After

  • Delete Column

  • Split Merged Table Cells

  • Merge Table Cells

  • Social Media Links

  • Social Profile Links

For each campaign, it is mandatory to provide a plain-text email in addition to your HTML email message. If you have not created your own plain-text message, Our platform will ask you if you would like it to create one for you, based on your HTML email. 

In the Plain Text tab you will have these options available:

  • Import from HTML

  • Wrap long lines

  • Insert merge tags

  • Insert a link to survey

  • Choose if you want or don't want the plain text to be overwritten

Click Next step at the bottom right side of the screen.

Adding an image in the HTML editor

  • Place the cursor in your content where you wish to put the image

  • There are two ways of adding images: from the Image Manager or from a URL

To add an image from the Image Manager,

  • Click on the mgimage.dialog_title Icon. This will open the Image Manager Window. 

To add an image from a URL,

  • Click on the Insert/Edit Image Icon. This will open the Insert/Edit Image Window. This window is divided into two tabs:

    • General

    • Appearance

General

  • Image URL — click the Image Icon at the end of the text field to select the image from the Image Manager. For more information about the Image Manager, see the support topic Image Manager.

  • Image Description — enter a description for the image

  • Title — enter a title for the image

Appearance

  • Alignment — use the drop-down to select the alignment of the image.

  • Dimensions — change the dimensions for the image. These will be automatically populated with the image dimensions when you selected the image from the Image Manager.

  • Constrain proportions — we recommend keeping this box checked. Unchecking it will allow you to set heights and widths in the Dimensions fields that can make the image look distorted.

  • Vertical space — enter a value (in pixels) for vertical space between the image and the surrounding text.

  • Horizontal space — enter a value (in pixels) for horizontal space between the image and surrounding text.

  • Border — enter a value (in pixels) for a border around the image.

  • Style — enter additional CSS values.


Was this article helpful?
What can we do to improve articles like this?

Copyrights © Mailigen. 2020 All rights reserved.