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

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

Profile IconTracey Vellidis and Mikey Greenland joined University Web Developers
Jan 14
Sara Kisseberth posted a discussion

Archived magazine stories

Greetings,What are you all doing online with "old" magazine stories? Do you delete issues after so  many years? 5 years? 10? I'm torn between keeping all on for historical purposes or keeping just a few years online to simplify the site (ala Gerry McGovern.) Curious as to what you see best practices being.ThanksSara KisseberthBluffton Universitywww.bluffton.eduSee More
Jun 10, 2020
Erin Jorgensen posted a discussion

HighEdWeb 2020 Accessibility Summit

The HighEdWeb 2020 Accessibility Summit is a one-day, online conference about digital accessibility in higher education happening June 25, 2020, from 10 a.m. to 5 p.m. CDT.Join in to learn best practices, share stories and connect with your higher ed peers on topics including social media accessibility, web development, user experience and more. Sessions are designed to boost knowledge at every level, from accessibility beginners to technical experts. Conference registration is $25, with…See More
May 29, 2020
Erin Jorgensen is now a member of University Web Developers
May 29, 2020
Christine Boehler posted a discussion

HighEdWeb 2020 Annual Conference - ONLINE

October 19-20, 2020https://2020.highedweb.org/#HEWeb20     Join us ONLINE for HighEdWeb 2020, the conference created by and for higher education professionals across all departments and divisions. Together we explore and find solutions for the unique issues facing digital teams at colleges and universities. In 2020, the Conference will be held completely online, offering multiple tracks of streamed presentations, live…See More
May 3, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Throughout April, we're hosting webcasts exploring how colleges and universities across North America are responding to the COVID-19 pandemic. Register for the series today! https://bit.ly/2xsXhK9"
Apr 13, 2020
Christelle Lachapelle is now a member of University Web Developers
Apr 6, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Download our latest white paper to learn how the demographics of today’s higher ed learners are shifting, and how schools can adapt to meet the needs of these new learners. https://bit.ly/2wTKdgB"
Mar 31, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Join our next webcast with Amrit Ahluwalia from The EvoLLLution to learn about the new "modern learner" in higher education. https://bit.ly/2UuDh2I"
Mar 30, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"As we ride out the latest developments and impact of the coronavirus, there's no better time than now to learn the three Bs of crisis planning. http://bit.ly/2ITVkc2"
Mar 16, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Is your college or university prepared to meet the challenges that come with disasters and emergencies like the coronavirus? Learn how your CMS can help. http://bit.ly/2TUZUM8"
Mar 12, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Can’t afford the time and money to launch a comprehensive guided pathways model? Register for our FREE webcast to learn tricks for simulating a digital guided pathways experience."
Feb 21, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"With college enrollment decreasing for the 8th year in a row, boosting your college or university marketing efforts is more important than ever. Here's how to get started. http://bit.ly/2vTQAzz"
Feb 20, 2020
Christine Boehler posted a discussion

HighEdWeb 2020 Annual Conference

October 18-21, 2020 in Little Rock, Arkansas, USAhttps://2020.highedweb.org/#HEWeb20     Join us for HighEdWeb 2020, the conference created by and for higher education professionals across all departments and divisions. Together we explore and find solutions for the unique issues facing digital teams at colleges and universities. With 100+ diverse sessions, an outstanding keynote presentation, intensive workshops, and engaging networking events,…See More
Feb 19, 2020
Christine Boehler posted a discussion

HighEdWeb 2020 Call for Proposals is Open!

The 2020 Annual Conference of the Higher Education Web Professionals Association (HighEdWeb) will travel to Little Rock, Arkansas, this October 18-21 — and the call for proposals is now open! As a digital professional in higher education, we know you have great ideas and experiences to share. From developers, marketers and programmers to managers, designers, writers and all team members in-between, HighEdWeb provides valuable professional development for all who want to explore the unique…See More
Feb 14, 2020
Christine Boehler shared Sara Clark's discussion on Facebook
Feb 14, 2020
Christine Boehler is now a member of University Web Developers
Feb 14, 2020
Brian Bell joined Kevin Daum's group
Feb 14, 2020
Brian Bell joined Mark Greenfield's group
Feb 14, 2020
Kenneth George is now a member of University Web Developers
Feb 13, 2020

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

© 2021   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service