Sending a web page as an email
First off, let me preface this by saying that I don’t recommend sending just any web page by email. In general, email clients are much picker than web browsers and can vary quite a bit in how HTML is displayed. If simply sending a link will suffice, I’d recommend it. Otherwise you’ll want to use a page that was specifically designed and tested for emailing.
If you’re sending out bulk email, it’s also preferable to use an application designed for this sort of thing (like Mailings for OS X). When you send a page via the methods below, some of your HTML may get a bit garbled, so you’ll definitely want to test it first by sending a copy to yourself.
Those caveats aside, if you need to send HTML email on a limited basis, this is a quick and easy way to do it. It’s particularly great if you’re a designer working on an HTML mailer and need a way to test it quickly in various email clients.
Before you do any of the steps below, you should upload the page to a web server. Any links or images in the page should use absolute paths.
Mail for Mac:
Mail does the best job of this by far. The HTML is inserted directly in the message, and images are linked to instead of embedded.
- Open the web page in Safari
- Choose File » Mail Contents of This Page
Thunderbird for Windows or Mac:
Since this inserts the web page as an attachment, it’s a little less than perfect. Thunderbird itself shows a large divider above the message, and an icon for the attached file. Other email apps may display the message in a similar way.
- Click the Write button
- Choose File » Attach » Web Page…
- Enter the complete URL of the web page
Outlook or Outlook Express for Windows:
Note that this method will actually embed all the images in the message. This generally isn’t ideal, so I’d recommend using Mail or Thunderbird when possible.
- Open Tools » Options, click the Mail Format tab (Send in Outlook Express), and make sure the mail message format is set to HTML
- Open the web page in Internet Explorer
- Choose Page » Send Page by E-mail (or in Internet Explorer 6, choose File » Send » Page by Email)
What I’m Hearing
Kissing Things
by The 6ths
What I’m Watching
What I’m Reading
- How Pixar Created the ‘Wall-E’ Visual Style
- Bizarre organics
- Anti-terrorist drill reveals Segway attack plan, legions of embarrassed patrolmen
- New Apple touch patents show body part sensing, fingernail input
- TripLog/1040
- Singing sock puppets
- 10.5: Quick Look files in Open and Save dialogs
- Google must divulge YouTube log
View more
Design
Tense Code 3.0: a new look and iPhone support This entry is part of a series showing off the new features in Tense Code 3.0. Tense Code…
Tense Log 2.1 beta 2 now available! (Updated) Above: the Tense Log crop tool, a new feature in version 2.1 This is a pretty big…
A List Apart Web Design Survey A List Apart is starting an annual web design survey this year, to learn more about web…


Comments
This entry has one comment. If you like, you can add a comment or subscribe to this entry and all comments on it using RSS.
nicolasyu
cool,εΎζζζ