University Web Developers

University Web Developers

Our new VP wants us to use an email template that resembles our letterhead in our daily communications.

If you do this, would you mind sharing a sample with me?

If you don't do this and have strong feelings about why not, I'd love to hear those too.

Views: 1028

Reply to This

Replies to This Discussion

Is this for internal only? Are you using some kind of email delivery service, or just Outlook?

A basic template would probably have a PNG/GIF image at the the top with the letterhead/logo, and then a table to constrain line length to match the letterhead image. 600px wide or less is standard.

Typically concepts from the print world don't usually make sense in the web/email world. If this is going to external stakeholders, then yes it should have some sort of branding on it. But if its internal, the added images just create clutter on the email server (although that's my inner IT nerd talking).

Since my post I've been given a few more details. The template would be for external communications, through Outlook. I was concerned it would be for every email and like you mentioned - would "create clutter."

I like your idea of having a table template. Unfortunately, I'm using Outlook for Mac 2011, which – according to my research – does not support templates. The best thing I can do is "Share" a Word file to Outlook as HTML, but it really doesn't work the way it should. The width does not constrain and Gmail views the header image as an attachment and not part of the email.

Though there have been advances in email standards, it's still difficult to have consistency among the various email clients.

Maybe a service is the way to go. Thanks for your insights, Erik!

I've had similar requests as well. Someone wants to send a pretty HTML email through Outlook/Entourage. Unfortunately, as you noted, it's a mess. Outlook uses Word's HTML rendering engine and trying to code an HTML email for it is like charging hell with a water pistol. I've done a lot of work on this recently, and this is the best solution I've come up with:

  1. Create your email as a web page. Use very, very, very basic HTML - like it's from the 90s. Go very light on CSS, if at all.
  2. Open the page in Internet Explorer on a PC and go to File > Send > Page by email
  3. This will open it as a new email in Outlook, and you can send it out.


I have not found an optimal solution for Outlook/Entourage on a Mac. You could use Safari's send page as email feature, but it defaults to the Mac Mail app. Perhaps there's a way to get it to work with Outlook. You could try "Select All" on the web page, and paste it into a blank Outlook message.

Here is a template I recently created that is designed to look good on desktops, tablets and phones. Everything is percentage based, and use of images is minimal. There is some use of -webkit-text-size-adjust to refine the text for iPhone and iPad.

http://www.callutheran.edu/academic_affairs/templates/

One other oddity I've found with Outlook - it strips out certain CSS that it doesn't recognize, like media queries to format it for mobile. So it has to be very basic.

However - since this is for external audiences, I would highly recommend paying for an email service. It's the one thing that should almost always be outsourced. I can recommend Campaign Monitor and MailChimp.

Aside from the HTML issues in Outlook, another thing to keep in mind is that many of your readers will be viewing the e-mail on mobile devices. Fixed width tables can be very difficult to read on a smartphone or other small screen.

I did a presentation on this at the J. Boye conference in May. You can download the slides at http://philadelphia12.jboye.com/presentation/changing-the-approach-... 

In summary, my advice is to design a single-column layout with flexible width divs and inline CSS.There are a few tricks to help your design render correctly in Outlook.

To send the e-mails, I'd suggest using Thunderbird, which would allow you to paste HTML code directly into your e-mail without having it altered as Outlook does.

Test your e-mail on different devices and mail clients to make sure it displays properly.

Of course, this approach won't work if you have to rely on non-technical users to send the e-mails. As Erik suggested, a bulk e-mail delivery service might work better for you. If the goal is simply to "pretty up" routine e-mails, a simple Outlook template that just includes a banner image of your letterhead may be the best way to go. Good luck!

 

Thanks Erik and Paul! You hit on all the issues I was concerned about. Great tips!

RSS

Elsewhere

Latest Activity

Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Increasing your college or university’s search rankings can have profound effects on enrollment. Check out these 13 tips to boost your SEO"
8 hours ago
social networking web design commented on social networking web design's album
Thumbnail

Custom Web Designers

"Who is the best SEO in Reno? Sandy Rowley continues to lead the way for local and national businesses looking to outrank their competitors in Google search. Best SEO Expert Sandy Rowley"
yesterday
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Do high school students read email? You bet. But YOUR emails better cater to them or they’ll get lost in the shuffle. "
Thursday
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast to learn how Michigan Technological University assessed new CMS products, gained approval from leadership, built buy-in and excitement on campus, migrated more than 12,000 web pages, and lived to tell the tale. "
Sep 19
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast to learn how Michigan Technological University assessed new CMS products, gained approval from leadership, built buy-in and excitement on campus, migrated more than 12,000 web pages, and lived to tell the tale. "
Sep 19
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Due to high demand, we have extended our #OUTC19 call for proposals deadline to this Friday, September 21. Submit today! "
Sep 18
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Looking for ways to boost your higher ed website traffic? Time to dig into SEO. "
Sep 18
Jessie Groll posted a discussion

Front End Web Developer Opening at Indiana University of Pennsylvania

Indiana University of Pennsylvania (IUP) invites applicants for the position of Web Developer in the Marketing and Communications Division.The front-end Web Developer works to support and enhance the IUP website and other digital properties and communications. Using CSS, HTML, scripting languages, and other tools the web developer is responsible for creating user experiences optimized for usability, download time, and accessibility while following defined standards for brand and coding. They…See More
Sep 13
Matt Senger is now a member of University Web Developers
Sep 13
Lynn Zawie commented on Lynn Zawie's group OmniUpdate
"Job Opening:  Front-end Web Developer -  OU experience a plus! https://stonybrooku.taleo.net/careersection/jobdetail.ftl?job=1802495&lang=en#.W5lQ1odqRec.email"
Sep 12
Lynn Zawie posted a discussion

Front-end Web Developer

https://stonybrooku.taleo.net/careersection/jobdetail.ftl?job=1802495&lang=en#.W5lQ1odqRec.emailRequired Qualifications (as evidenced by an attached resume):Bachelor’s degree (or foreign equivalent or higher) in computer-related field.  Three years of full-time programming experience.  Fluent in HTML5/CSS3 and able to develop valid…See More
Sep 12
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast to learn how Wharton County Junior College used a structured approach to reorganize the info/resources on the college's intranet site and efficiently manage them in a CMS."
Sep 5
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"In-house or outsource, that is the question. #FulltimeJob  "
Sep 4
Sara Clark posted a discussion

Register for HighEdWeb 2018 by Sept. 21

Mark your calendars and join us for one of our favorite events: the 2018 Annual Conference of the Higher Education Web Professionals Association (HighEdWeb) in Sacramento, CA, this October 21-24!HighEdWeb is the annual conference created by and for higher education web and digital professionals. From developers, marketers and programmers to managers, designers, writers and all team members…See More
Sep 4
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Banner ad click rates are on the rise, according to the 2018 E-Expectations data. "
Aug 24
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"When it comes to Google Analytics, it is crucial to get the essentials right. Join us for our next webcast with Joshua Dodson to learn how to master analytics for your higher ed site! "
Aug 22
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Learn what Self-Hosted and SaaS actually mean, and which CMS deployment is best for your institution:"
Aug 21
social networking web design posted photos
Aug 20
social networking web design posted a status
Aug 19
social networking web design commented on socialnetworkingsoftware's blog post Mega Star Media, Inc. Develops Social Networking Sites Guaranteed to Give
"Updated information. Award winning web designer, Sandy Rowley, launches SEO web design company in Reno Nv. Learn more about her next venture here: www.RenoWebDesigner.com"
Aug 19

UWEBD has been in existence for more than 10 years and is the very best email discussion list on the Internet, in any industry, on any topic

About

© 2018   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service