Templates Available

UI 1 row x 1 col + 2 rows x 2 cols - Version 2

UI Branded Template - 1 row with 1 column plus another 2 rows with 2 columns

UI-branded template with one row with one column and two more rows with two columns. This template features:

  • Optional banner image. Image should be 1600px X 350px for best results on high-dpi devices.
  • Top row has a large content block with a heading and optional button.
  • Second and third rows contain two columns. Each column has an image, heading and content area. The image is optional and should be no more than 800px wide.
  • Optional social buttons in the footer.
  • Optional footer statement.

Template last updated: May 26, 2020

Sample

bannerImageDescription

ALT tag for banner image

Type: TEXT

Required: Optional

bannerImageLinkURL

URL for link on banner image

Type: TEXT

Required: Optional

bannerImageUrl

The URL of the banner image to use. Minimum width is 800px. Example banner is at https://dispatch-cdn.its.uiowa.edu/images/ui/sample-campus-aerial-evening_1600x350.jpg.

Type: TEXT

Required: Optional

brandBarColor

null

Type: OPTIONS

Required: Optional

footer_statement

Optional statement in the below. Useful to convey statements about policies related to message.

Type: RICHTEXT

Required: Optional

row1_bottom_content

Content that appears below the call to action button.

Type: RICHTEXT

Required: Optional

row1_button_text

Text for call to action button blow the main content area

Type: TEXT

Required: Optional

row1_button_url

URL for call to action button below main content area

Type: TEXT

Required: Optional

row1_content

The main content block.

Type: RICHTEXT

Required: Optional

row1_heading

Row1 heading

Type: TEXT

Required: Optional

row2_heading

Row 2 Heading

Type: TEXT

Required: Optional

row2left_content

Row 2 Left - Content

Type: RICHTEXT

Required: Optional

row2left_heading

Row 2 Left - Title

Type: TEXT

Required: Optional

row2left_headinglinkurl

Row 2 Left - Title link URL

Type: TEXT

Required: Optional

row2left_imagedescription

Row 2 Left - image description

Type: TEXT

Required: Optional

row2left_imageurl

Row 2 Left - image URL

Type: TEXT

Required: Optional

row2right_content

Row 2 Right - Content

Type: RICHTEXT

Required: Optional

row2right_heading

Row 2 Right - Title

Type: TEXT

Required: Optional

row2right_headinglinkurl

Row 2 Right - Title link URL

Type: TEXT

Required: Optional

row2right_imagedescription

Row 2 Right - image description

Type: TEXT

Required: Optional

row2right_imageurl

Row 2 Right - image URL

Type: TEXT

Required: Optional

row3_heading

Row 3 Heading

Type: TEXT

Required: Optional

row3left_content

Row 3 Left - Content

Type: RICHTEXT

Required: Optional

row3left_heading

Row 3 Left - Title

Type: TEXT

Required: Optional

row3left_headinglinkurl

Row 3 Left - Title link URL

Type: TEXT

Required: Optional

row3left_imagedescription

Row 3 Left - image description

Type: TEXT

Required: Optional

row3left_imageurl

Row 3 Left - image URL

Type: TEXT

Required: Optional

row3right_content

Row 3 Right - Content

Type: RICHTEXT

Required: Optional

row3right_heading

Row 3 Right - Title

Type: TEXT

Required: Optional

row3right_headinglinkurl

Row 3 Right - Title link URL

Type: TEXT

Required: Optional

row3right_imagedescription

Row 3 Right - image description

Type: TEXT

Required: Optional

row3right_imageurl

Row 3 Right - image URL

Type: TEXT

Required: Optional

social_facebook

Link to Facebook page

Type: TEXT

Required: Optional

social_instagram

Link to Instagram page

Type: TEXT

Required: Optional

social_linkedin

Link to LinkedIn page

Type: TEXT

Required: Optional

social_snapchat

Link to Snapchat page

Type: TEXT

Required: Optional

social_twitter

Link to Twitter page

Type: TEXT

Required: Optional

social_youtube

Link to YouTube page

Type: TEXT

Required: Optional

title

null

Type: TEXT

Required: true

unitAddress

Street address of college, unit, or department

Type: TEXT

Required: Optional

unitName

Name of college, unit, or department

Type: TEXT

Required: Optional

unitNameAlignment

null

Type: OPTIONS

Required: Optional

unitUrl

Website address of college, unit, or department. If empty will default to UIowa homepage in the footer.

Type: TEXT

Required: Optional

This template is generated using MJML which provides a framework for writing responsive HTML emails. An interpreter compiles the MJML into HTML with all the quirks necessary for the message to display properly in a wide variety of email clients.

Source files

Below are screenshots of test results from curated email clients. Test results should have been updated the last time the template was updated on May 26, 2020.

Nexus 5x
Android 6
Pixel Gmail
Android 7
Pixel Gmail
Android 8
Apple Mail 11
OX10.10
Gmail Chrome
Windows 7
Gmail Firefox
Windows 7
iPhone 11
iOS 13
iPhone 11 Pro
iOS 13
iPhone 11 Pro Max
iOS 13
iPhone 7
iOS 12
iPhone 8+
iOS 12
iPhone SE
iOS 12
iPhone XR
iOS 13 Dark
iPhone XS
iOS 13
Outlook 2011
OSX 10.8
Outlook 2016
OSX 10.8
Office 365 Chrome
Windows 7
Office 365 Firefox
Windows 7
Office 365 IE 11
Windows 7
Outlook.com Chrome
Windows 7
Outlook.com Firefox
Windows 7
Outlook.com IE 11
Windows 7
Outlook 2010
Windows 7
Outlook 2013
Windows 7
Outlook 2013 (120 dpi)
Windows 7
Outlok 2016
Windows 7
Outlook 2016
Windows 10
Outlook 2016 (120 dpi)
Windows 10
Outlook 2019
Windows 10
Outlook 2019 (120 dpi)
Windows 10
Samsung Mail
Android 7
Thunderbird
Windows 7
Yahoo! Chrome
Windows 7
Yahoo! Firefox
Windows 7
Related topics: