How To Use WYSIWYG (Or HTML) Editor

WYSIWYG (or HTML) editor for your email templates offers you the ability to style your email notifications to suit your preferences or to match your corporate identity.

Go to Settings > Notifications > Email Settings.

The WYSIWYG HTML editor allows you to:

  1. Change your font to Arial, Helvetica, Verdana, etc.
  2. Change your font sizes of the text from 8 point to 36 point, etc.
  3. Change the alignment of your text, left, right alignment etc.
  4. Style your text with bold, italic, underline, etc.
  5. Insert hyperlinks to your website or your email
  6. Insert images such as your corporate logo
CHANGE YOUR FONT TO ARIAL, HELVETICA, VERDANA, ETC.

To change your font to another font type,

  1. Highlight the words to be changed.
  1. Click on the drop-down Font Family button and select the font type you prefer.
CHANGE YOUR FONT SIZES FROM 8 POINT TO 36 POINT, ETC.

To change your font size,

  1. Highlight the words to be changed in font size.
  1. Click on the drop-down Font Sizes button and select the size you prefer.
CHANGE THE ALIGNMENT OF YOUR TEXT, LEFT, RIGHT ALIGNMENT ETC.

To change the text alignment,

  1. Highlight the words to be aligned.
  1. Click on the drop-down Alignment button
  • Align Left icon to align text to the left
  • Align Right icon to align text to the right
  • Align Centre icon to align text in the centre
  • Align Justify icon to align text in justify
STYLE YOUR TEXT WITH BOLD, ITALIC, UNDERLINE, ETC.

To change the style of your text,

  1. Highlight the words to be styled.
  1. Click the relevant style button.
INSERT HYPERLINKS TO YOUR WEBSITE OR YOUR EMAIL

To insert hyperlinks to your website or your email,

  1. Click on the Insert/edit link icon.
  1. Type in the hyperlink address in the To what URL should this link go? field.
  1. Fill in Text to Display. This text will be shown instead of the hyperlink address.
  1. If required, Check the Open in new window option to in a new window.
INSERT IMAGES SUCH AS YOUR CORPORATE LOGO

To insert images such as your company logo, you will first need to obtain your logo image url. It can be taken from your own company website by following the steps below:

  1. Go to your company website, find your company logo.
  2. Right click on your company logo and select Copy Image URL.

In the WYSIWYG (or HTML) editor, click on the Insert/edit image icon and the Insert/edit image Form will appear.

To insert the company logo,

  1. Paste the logo image url that you have just copied into the Source field.
  2. Click Insert Image and the logo will be inserted into the WYSIWYG (or HTML) editor

Once you have completed customizing your email notification, click Save to save your email template.