University of Minnesota
University Relations
Our Brand: How to Convey It
http://www.umn.edu/brand

Our Brand: How to Convey It.

 


Mass Email Templates


Example of the responsive mass email template rendered on a mobile device

Click to see larger image

Email template download

This email template is coded to be responsive, text and images in the email template will resize in order to render well on a range of screen sizes from mobile to desktop. The download includes templates for HTML and plain text email messages, as well as graphic headers for each campus.

See guidelines for using the mass email template for information about use.

A web developer or staff member familiar with the nuances of HTML email should customize the templates for your unit.

Download email template.

 


Guidelines for using the email template

For information on email marketing, coding, or sending, visit the Mass Email Community website at umn.edu/mass-email.

The responsive email template has been tested on all major email clients, including mobile email clients, and provides consistent rendering as is. The downloadable version contains code for:

  • Preheader text (for more information about preheader text, see A practical guide for preheaders from Campaign Monitor)
  • A standard University of Minnesota graphic header that meets brand requirements (the template download includes a graphic header for each campus)
  • A section for a unit, project, or other pertinent name/heading (insert custom text by replacing the “UNIT NAME” in the code)
  • A paragraph
  • A primary text heading
  • A secondary text heading
  • A link
  • Footer text (see Mass Email Requirements & Guidelines for information on required elements that can be placed in the footer)

The template also contains comments (denoted by <!-- comment text --> and /*comment text*/) that will explain the purpose and use of the different sections. Note: These comments should be removed before sending the email.

A note about tables in this template: All of the tables in this template are single column, nested inside one another. It is difficult to use multiple columns in a responsive email, and we advise against that at this time (summer 2013).

 


Code to use with the email template

This template can be added to and subtracted from in order to create the email content that is needed. Below is a list of elements for the email with appropriate code and explanations about how to use that code.

Important: We highly recommend that you test your email before sending. While this template works responsively as is, there are a number of things that can interfere with that function as new elements are added.

Paragraphs
Paragraph tags are used to surround any paragraph of text. You can change the font, size, color, or other style elements by altering the in-line styles in this tag. Use the code below for paragraphs. Replace the text “ADD PARAGRAPH TEXT HERE” with the text you would like to appear inside the paragraph tag. There is one paragraph inside the downloadable email template. (Note: All caps text is used to indicate the placement of text in the code, not as a suggestion for text formatting in final email messages. All caps should not be used for final email text.)

Paragraph code:

<p style="color:#000000; font-size:13px; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;">
ADD PARAGRAPH TEXT HERE
</p>

Primary Text Heading
The primary text heading (denoted by an <h1> tag) should be used only once in each email. If you need to use multiple headings, you may use one primary and multiple secondary headings, or only use multiple secondary headings. You can change the font, size, color, or other style elements by altering the in-line styles in this tag. Use the code below for primary headings. Replace the text “ADD PRIMARY HEADING TEXT HERE” with the text you would like to appear as the primary heading. There is one primary heading inside the downloadable email template.

Primary text heading code:

<h1 style="color:#7a0019; font-size: 16px; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:6px;">
ADD PRIMARY HEADING TEXT HERE
</h1>

Secondary Text Heading
The secondary text heading (denoted by an <h2> tag) can be used multiple times in each email. You can change the font, size, color, or other style elements by altering the in-line styles in this tag. Use the code below for secondary headings. Replace the text “ADD SECONDARY HEADING TEXT HERE” with the text you would like to appear as the secondary heading. There is one secondary heading inside the downloadable email template.

Secondary text heading code:

<h2 style="color:#7a0019; font-size:13px; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:6px;">
ADD SECONDARY HEADING TEXT HERE
</h2>

Links
Links can be placed inside paragraphs. You can change the font, size, color, or other style elements by altering the in-line styles in this tag. Use the code below for links. Inside the code, replace the text that says “LINK” with the FULL URL (beginning with http:// or https://) that you are linking to, and replace the text “ADD LINK TEXT HERE” with the text that you would like to appear as the link. There is one link inside the downloadable email template.Note: Images can also be linked. To do this, you would omit the text of the link and place the image code in that section instead.

Link code:

<a href="LINK" style="color:#7a0019; font-size:13px; line-height: 20px; font-family:Verdana, Arial, Helvetica, sans-serif;">
ADD LINK TEXT HERE
</a>

 


Step-by-step guide for building an email with this template

  1. Read through the email template guidelines (above)
  2. Download the email template (above)
  3. Customize, using the code provided in the email template and email template guidelines
    • Replace or remove the preheader text (for more information about preheader text, see A practical guide for preheaders from Campaign Monitor)
    • Replace graphic header if needed
    • Insert unit, project or pertinent name/heading by replacing the “UNIT NAME” in the code
    • Add the following elements as applicable: primary text heading, secondary text headings, paragraphs or links (see email template guidelines for instructions)
  4. Remove all of the comments from the template
  5. Test the email

I Want to...

Sending a mass email can be complicated. Check out the instructions in the I Want to... section.

Download directory

Links to the many downloads provided for use with Web, email, print, audio, video, and presentation software.

Go to the directory.