Adding graphics to your Opening Messages

Adding graphics to your Opening Messages (Some HTML knowledge is necessary)

Your Opening Messages can contain Graphics that will enhance your message and make for a more appealing looking newsletter.

The easiest way to add graphics, as well as spice up your messages is to use an HTML editor such as Frontpage or Dreamweaver. These give you WYSIWYG capabilities making it real easy to write and format at the same time. MS Word, although you can convert the page to HTML, puts a whole lot of garbage code in making your newsletter much larger than necessary.

Here are some rules to follow when creating your message if you use graphics.

1. Your Graphic must reside on the internet somewhere, preferably on your website.
2. Your graphic must be sized exactly as it needs to appear. Although you can resize a graphic in the HTML code some email clients, such as Lotus, do not recognize this causing the graphic to revert to the "Real" size.
3. Create a table for your message. Within the table create a cell for your graphic and a cell for your Text. The table should be set at 100%.
4. Copy the HTML code directly into the Message Body. Use the code from <table> to </table> Do not include the <HTML> and <Body> tags. This distorts spacing.

Tip:

If your message will be used in Message area 1, temporarily set your table to 450 px. This will give you a good idea of what the final message will look like. Change your table size to 100% prior to loading to MarketPro
If your message will be used in Message area 2 or 3 temporarily set your table to 650 px. This will give you a good idea of what the final message will look like. Change your table size to 100% prior to loading to MarketPro

Example- I have made the border of the table visible in this example for you to see. For the real thing you should set table border ="0"

Northwind Electric would like to extend a warm Season's Greeting and Happy Holidays to all our customers.

Stop by our Newport Beach location any time during the day on Dec 19th for a Holiday Open House. Good eats and Good Friends.

The HTML code is what gets pasted into the opening message body. The HTML code for the above example would be as follows: My comments are in blue.

Open and create a table at 100% width. Creating the table at 100% width allows the table to resize to the table automatically created in MarketPro
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>

The following code creates the code for the Cell and displays the graphic
<td>
<img border="0" src="http://www.salesmgmtplus.com/ContentOnDemand/MfgContentPieces/Images2/Holiday/Santa.gif" width="156" height="158"></td> You must have the entire URL for the graphic.

The following code creates the code for the Cell and displays the Text<td>
<font face="Arial" size="2">Northwind Electric would like to
extend a warm <b><font color="Red">Season's Greeting and Happy Holidays</font></b>
to all our customers. <br>
<br>
Stop by our Newport Beach location any time during the day on Dec 19th
for a Holiday Open House. Good eats and Good Friends. </font></td>
</tr>

Closes the Table
</table>

The final message will look like this: