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: 1046

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

Trisha Salas joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
yesterday
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Join us April 14-18 in Anaheim for our 2019 OmniUpdate User Training Conference! #OUTC19 "
Thursday
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"A website redesign is about more than how your site looks; it should also take into consideration how your site engages visitors. #StartWithTheCMS "
Wednesday
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"If you’re ready to make the redesign move, check out these 5 posts to help get you started"
Tuesday
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with Jenny Slaughter from NewCity to learn about atomic design! "
Dec 7
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Being able to engage with prospective students however they access your website is the primary reason for going responsive, but there are several other important issues that a responsive site addresses. "
Dec 6
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"In a website redesign, if you take time to really evaluate existing content and your content plan up front, you’ll avoid mistakes that can cost you time and resources later on. "
Nov 29
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"According to the 2018 E-Expectations Trend Report, nothing turns off a potential student faster than a hard-to-navigate site or forms that take forever to fill out. "
Nov 27
Jessie Groll posted a discussion

Front End Web Developer, with Option for Flexible Work Arrangement, at Indiana University of Pennsylvania

Indiana University of Pennsylvania is looking for a talented front-end web developer to join our growing team in the Marketing and Communications Division. This position offers the possibility of a flexible work arrangement with candidates being able to telecommute up to 3 days a week.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…See More
Nov 27
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"According to the 2018 E-Expectations Trend Report, of the 67% of high school seniors and 68% of juniors who saw paid ads for colleges and universities, 41% of seniors and 45% of juniors actually CLICKED on the paid ads. "
Nov 20
Laura Peil is now a member of University Web Developers
Nov 17
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Does customer service matter when choosing a CMS? Just ask Sherri Davis, webmaster at Gulf Coast State College in Panama City, Florida. #HurricaneMichael"
Nov 16
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"There’s no need to hire a pricey consultant to tell you if your college or university website is performing. Just ask your students. "
Nov 13
Jessie Groll posted a discussion

Thoughts on "part-time work from home" for a web developer?

This isn't a posting for a job (but hopefully that will be coming soon!)We are looking to hire a new web developer, and have gotten the OK from HR to offer this with the possibility of working from home a few days of the week, and in the office the other days. We're hoping to draw in some more candidates from outside of our local area. This is only the second position at our institution that is not fully on site, so we're in uncharted territory!I'm curious to know, does anyone work part-time…See More
Nov 12
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with Stephen Fornal from Tarrant County College and learn how to simplify web layouts with CSS Grid and Flexbox! "
Nov 8
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Congrats to Robin Oliver of Western Carolina University for being named the 2018 AMA Higher Education Marketer of the Year! "
Nov 7
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"There is a simple way to advise content contributors about writing content for your school’s website: “Go with the Flow.”"
Nov 6
Jon Shaw posted a discussion

The .app domain

Have any schools jumped on board the .app domain?See More
Nov 5
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Check out these 5 steps to conducting a successful website pilot content audit"
Nov 2

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