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

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
"OU Mashup v2 is chock-full of features designed especially for higher ed. See what’s new! "
5 hours ago
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Feeling overwhelmed about the idea of redesigning your college or university website? We’ve got you covered in our latest white paper! "
Wednesday
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Our OU Campus CMS allows you to prevent your content contributors from publishing a page unless it meets your preset accessibility requirements. "
Jul 13
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Another win for our customer support and training teams! "
Jul 12
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"What’s going on behind the scenes with your website? That’s what the Workflow Gadget in our OU Campus CMS is designed to track. "
Jul 6
Rob Peterson is now a member of University Web Developers
Jul 5
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Aligning your website with visitor intent is key. Join Matt from Ruffalo Noel Levitz in our next webcast about how to structure IA to connect with prospects."
Jul 2
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Considering a website redesign? Sooner rather than later you will need to assess your existing content. Caroline Roberts from iFactory recommends this 2-step approach"
Jul 2
Jonathan Chowdhury is now a member of University Web Developers
Jul 2
Stephanie Enoch posted a discussion

Web Developer at Trinity University

Full Job Description: https://inside.trinity.edu/human-resources/employment-opportunities/professional/16811Summary: Trinity University is hiring a Web Developer to join its strategic communications and marketing team - a group of developers, project managers, and designers who oversee web, mobile, and marketing initiatives for the University. The Web Developer is…See More
Jun 28
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Save the date: #OUTC19 will be held April 14-18 in Anaheim, CA. See you in 2019!"
Jun 28
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Here’s 5 ways that our focus on higher education makes your job easier. #StartWithTheCMS"
Jun 28
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Learn the steps for meeting a short website redesign deadline. It CAN be done! "
Jun 26
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Our OU Campus CMS automatically saves a version of a page every time you publish and there’s no limit to the number of versions a page can have. "
Jun 22
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"#SEO is an ever-changing field, so it’s good to brush up on trends every few months. Here’s a roundup of the latest tips: "
Jun 21
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Want to turn your site into a marketing tool? Join Muzel from Stamats to discover how to A/B test your site to optimize and improve conversions. Register today! "
Jun 21
Sara Clark posted a discussion

HighEdWeb 2018: Oct. 21-24 in Sacramento

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 in-between, HighEdWeb…See More
Jun 21
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Does search engine optimization really boost rankings? Yes! Learn how"
Jun 14
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"These tools can help you master the basics of SEO, understand the reasoning behind it, and learn how to maximize it using your content. "
Jun 12
Rachel Mele commented on Lynn Zawie's group OmniUpdate
"Here's some advice from the OmniUpdate team and your peers that you, too, can use when pitching a CMS to upper management in higher ed: "
Jun 8

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