Using the HTML Editor in your Lyris ListManager™

Creating simple newsletters is easy using the HTML Editor in your Lyris ListManager.™ Below are some screen shots showing you what the icons do and how they work.

Change Font Colors:

To change the font colors, type your text and then highlight it and click on the icon below with a multiple colored boxes. You will get a menu allowing you to select your color.

editor screenshot

Select Background Color:

If you would like to have a background color in your email newsletter click on the small red table with white boxes icon.  Below I have selected a “Teal” color. (Note: the color will not show until you create a table.)

editor background color

Insert a Table:

Click on the “box” icon. This is for inserting a table into your newsletter.

insert a table button on editor

Once you click on the icon for inserting a table, you get a new window that will allow you to set the table properties The width of the table should not be longer than 600 pixels so it can be viewed in most email clients. You can then set it for as many rows and columns as you would like and how you would like it to align.

table properties

Adjusting Table Cell Properties:

If for some reason there is no color in your table after selecting a color for your table you can adjust the “Cell Properties”. The cell is the inside of the table.

how the table appears on email

Click inside the table cell and then right click your mouse button. You will get a menu. Click on “Cell” and go to “Cell Properties”.

cell properties

You will get a new window. On the bottom right you can add your html color code into the “Background Color” field or click on the “choose” button for a color table

cell properties settings

When the color box comes up choose the color you would like for your background and click OK.

cell background color

You will be taken back to the “Cell Properties” box. Click OK again. You may also set a “Width & Height” for your table cell.

cell width and height

Your table cell will now have a background color(s).

sample table view

Insert Image:

To insert an image into your newsletter content click on the “insert image” icon. This will open a new window.

add image button on editor

Click on the “Browse Server” button.

browse server

Your image library will open. Find the image you would like to use and click on the image.

image library

You will be taken back to your image properties box. Now click OK.

click ok

Source Code:

If you are familiar with HTML you can view and edit your HTML source code by clicking on this icon

source code

Maximize Your Editor:

Clicking on this icon will maximize your HTML editor into a larger work space.

maximize

Formatting:

To format any text content like a page “Heading” click on the “Format” box in the HTML editor.

Format

You can also set your font style by clicking on the “Font” box.

font