Monday, February 5, 2007

Tips for HTML Emails

Tip 1: This month, wev'e changed the way we do the Web Studio newseltter. We've had lots of input from customers that our monthly newsletter, and therefore some of your emails and newsletters, can't be read correctly in their email programs.

The cause of this is that those email programs and some on-line email systems, like GMail, can't read HTML files that use DIV's. Web Studio's standard way of creating web pages is to use DIVs. Most other commercial web design programs also offer the use of DIVs. They simplify laying out pages and don't have the limitations TABLEs have.

Its not enough to say "email programs can't read right". We have to have a way to provide them what they actually can read. That's what this tip is all about.

First, you have to use TABLEs when you create your Emails. To do this, go to the Website menu and choose Website Properties, then click the Advanced Tab. Click on the button labeled "Use HTML Tables", then click OK.

Next you need to know of one great big limitation of tables...they don't really like it when objects overlap each other. So, with that in mind, you'll want an easy way to determine if you have overlapping objects.

Just go to the View menu, and choose "Highlight Objects", "That Overlap". Once you turn this on, overlapping objects will have a red rectangle around them. If you see overlapping objects, just select one and use the Arrow keys on the keyboard to "nudge" them up, down, left, or right, so that they don't overlap anymore. Once they don't the red outline will go away.

Once you have completed the page for your Email, and nothing overlaps, you're ready to send it. Just choose Save As HTML Email from the Page menu.

Tip 2: We've had some customers report that their email doesn't display any of their graphics. This is caused by one of three things:
You didn't let Web Studio upload the it to your website;
You didn't enter your home page's address (URL) correctly;
You didn't use the HTML file you saved, you used one from the Preview folder.

To solve problem 1, always let Web Studio upload the page when it prompts you to do so. It will upload the correct HTML file, and will upload all of the graphics and other files to your site.

To solve problem 2, make sure you enter the entire URL to the home page. Those people who experienced trouble only entered part of the URL, for example: www.webstudio.com instead of http://www.webstudio.com . Use the later, not for former.

To solve problem 3, make sure you use the HTML file that is saved during the creation of the HTML Email file. This HTML file has extra "stuff" in it that is necessary for an HTML Email, those in the Preview folder don't.


http://www.webstudio.com/site/article.asp?article%5Fid=1009&Page%5FId=420