Level 4 on the Techy Skill Meter

This will require all the knowledge covered in my former blog post, How To Update Your Web Site.

Creating a fancy HTML email is very similar to creating a web page, but there are a few details that are different to make it work as an email.

Step 1

Make your email as a web page using your HTML Editing Software. Go crazy! Make it look totally sweet!

Step 2

Make sure all image links are absolute and not relative. This means they point to the full address of your image, and not the short relative version.

Example:

relative = "/images/picname.jpg"
This is not what you want.

absolute = "http://www.yourwebsite.com/images/picname.jpg"
This is what you want.

If you're Mr./Ms. Talented, and you use CSS to format your web page, it all needs to be inline. You can't have it in the head or as an external file. I recommend using minimal CSS formatting for an email because some web email clients will ignore it.

Step 3

Upload it all to your web site using your FTP program, and view it live on the web in your web browser.

Step 4 

There are two ways to send it that most people are capable of. One is you can open the page on the web in Internet Explorer under the Page menu click "Send Page By Email". Another is to open the web page file you have on your computer using Word, copy all the content, and paste it into an email in Outlook. There is special software out there for sending bulk email but these two methods are usually suitable for the average Joe.

Note: There are so many ways of checking email, and so many outdated computers or computer illiterate users, there will be some people that are not able read this email. If you are sending vital information you need everyone on your email list to be able to read, do not send a fancy HTML email, send a plain text email. 

Tip: Send a test run to an email on your Outlook, and to a web email like hotmail or gmail.  To see how it will look on most people's computers.

ALL DONE! Now you look a big time professional company sending fancy bulk emails to its clients! 

 
Posted by Robert Krames on 12/20/2007 10:18 AM   Comments (8)   email, marketing, internet, internet marketing, web marketing, computer, bulk email  
Short URL: http://actvra.in/6C4

8 Comments on How To Create A Fancy Email Using HTML

DEC
20
2007
208,554 Points Outside Blog
I'm going to look through your post later today once all is quiet
10:31am • #1
719,999 Points 69 Featured Posts Localism Sponsor Outside Blog Called Shot Master
Robert, I'll have to go to your previous post first because I don't know what HTML editing software is or the FTP program, but I know I should.  HTML is the language of websites and blogs, to not understand it is like not learning Spanish while living in Barcelona.  I'll be back.  Thank you. 
10:40am • #2
If you look at the post I referenced, the HTML editing software I recommended lets you create web pages without writing it in pure HTML. I know how to write pure HTML, but I rarely ever do it, because it's very tedious. It's much quicker to use some HTML editing software like Dreamweaver to make your web pages.
11:43am • #3
MAR
01
2008
196,963 Points 7 Featured Posts Outside Blog

You might also want to remember that more and more people are setting their email programs (which now have that capability due to popular demand) to only accept plain text emails, stripping the HTML.  These aren't people with outdated equipment or programs, either  and they have to be computer literate enough to know how to change the default settings on their computers. Just to reinforce the advice to send information that it's important they receive in plain text. 

 

 

 
3:36pm • #4
MAR
03
2008

When you say "more and more", what percentage is that? If "more and more" is 5 to 15%, I would say keep doing HTML emails. People just don't respond as well to plain text as they do colorful but professional looking graphics.

Case in point, on a local newspaper web site, we were running static, non-animated banner ads. I redesigned them in flash, and made them more aesthetically appealing, clicks went up by, I think it was 600% or something ridiculous like that. Just because it looked nicer, we didn't really change the message.
7:34am • #5
By the way, I always send out my confirmation of subscription emails in plain text. And recommend in that email that the user add me to their address book so it's less likely my HTML emails will get filtered.
7:36am • #6
196,963 Points 7 Featured Posts Outside Blog

Don't have percentages, but I work a great deal with "the public" (you know, people who buy and sell homes) in non-work-related ways via email discussion lists.  As part of that, I deal with their problems vis a vis email, and this comes up a lot.  

There's even a website that I've run across (most list moderators that deal with this use it, in fact, to deal with the problem), that is very useful in helping people set their email to send plain text, and it details the problems that HTML causes in email.  If you'd like it, rather than link to it here, I can send it to you privately so you can see what you're up against.

The capability to strip incoming HTML is relatively new, as I said, because people demanded it.   The thing about HTML in email is that it's pretty black and white, no one seems to be neutral to it, they either love it or hate it.

I'm not telling you (or anyone) not to use it, just pointing out one of the potential downsides and confirming that HTML has the potential for not reaching the intended recipient and that critical information should be sent in plain text for that reason, as you said.  

 
7:48am • #7
Please do, I will take a look at it.
8:02am • #8


Captcha

Drag the clip to the circle on the side.

Image?id=f002535d6eb6cb662631cd9c862b414d9afb0162 Image?id=28d3c119b027da093f7fea9da102f3a509d4076b Image?id=fb4a20cbb7c0502ac24f3b06522c53acebbe4411 Image?id=288ad1e3a56ec0e3c4a6660982b773dddb13e1a8 Image?id=5decbee4bde50df4db2d323d9d4b98cb2a3cd470

Accessibility option: listen to a question and answer it!

Type below the answer to what you hear. Numbers or words, lowercase:
Leave a response…

(optional)
Captcha

Drag the folder to the circle on the side.

Image?id=79516e7f99ea31e6696b5998a6cf0c79ae661483 Image?id=3e2992a2728c5d4a252bec0a9b03cbbe272738d8 Image?id=80946cb5d84da4c5f4f77d35e8b01c8bfaeb7c19 Image?id=36547cd3e837fc1c280a52afb440e7c3867ea293 Image?id=5d880b53ea5fec704289153e9f7074e9be7d946a

Accessibility option: listen to a question and answer it!

Type below the answer to what you hear. Numbers or words, lowercase:
 
Robert Krames (Smart Media Creative Solutions)

Robert Krames

Gainesville, FL

More about me…

Smart Media Creative Solutions

Address: 5522 NW 43rd Street, Suite A, Gainesville, FL, 32653

Office Phone: (352) 240-9109 x 355

Email Me

Gainesville Florida Real Estate news, information, and internet trends web log.


Links

Archives

RSS 2.0 Feed for this blog