Templates Available

UI Stats 1 row x 2 col - Version 2

UI Branded Template - 1 row with 2 columns. The right column is reversed for featuring statistics.

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

  • The right column is reserved to highlight statistics.
  • Brand bar color can be toggled between gold and black (default = gold).
  • Unit name can aligned left or right (default = right).
  • Single large content area for additional details.
  • Optional social icons.

Template last updated: February 23, 2021

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.jpg.

Type: TEXT

Required: Optional

brandBarColor

null

Type: OPTIONS

Required: true

footer_statement

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

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

row1_content_bottom

Additional content that appears below the button

Type: RICHTEXT

Required: Optional

row1_heading

Event title/header

Type: TEXT

Required: true

row1_stat1_description

First statistic description.

Type: TEXT

Required: Optional

row1_stat1_value

First statistic value.

Type: TEXT

Required: true

row1_stat2_description

Second statistic description

Type: TEXT

Required: Optional

row1_stat2_value

Second statistic value.

Type: TEXT

Required: Optional

row1_stat3_description

The desciption of the third statistic

Type: TEXT

Required: Optional

row1_stat3_value

The value of the third statistic

Type: TEXT

Required: Optional

social_facebook

Link to Facebook page

Type: TEXT

Required: Optional

social_instagram

Link to Instragram 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: true

unitNameAlignment

null

Type: OPTIONS

Required: true

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 February 23, 2021.

Nexus 5x
Android 6
Pixel Gmail
Android 7
Pixel Gmail
Android 8
Apple Mail 13 Dark Mode
OX10.15
Apple Mail 13
OX10.15
Gmail Chrome
Windows 10
Gmail Edge (Chromium)
Windows 10
Gmail Firefox
Windows 10
iPad Pro 12.9 inch
iOS 13
iPhone 11
iOS 13
iPhone 11
iOS 14
iPhone 11 Pro
iOS 14
iPhone 11 Pro Max
iOS 14
iPhone 7
iOS 12
iPhone 8
iOS 12
iPhone 7 Outlook
iOS 12
iPhone SE
iOS 12
iPhone XR
iOS 13 Dark
iPhone XS
iOS 13
iPhone XS Max
iOS 13
Office 365 Mac Dark Mode
OSX 10.15
Office 365 Windows 10 Chrome
Windows 10
Office 365 Windows 10 Dark Mode
Windows 10
Office 365 Windows 10 Edge (Chromium)
Windows 10
Office 365 Windows 10 Firefox
Windows 10
Office 365 Windows 10
Windows 10
Outlook.com Chrome Dark Mode
Windows 10
Outlook.com Edge (Chromium) Dark Mode
Windows 10
Outlook.com Firefox Dark Mode
Windows 10
Outlook.com Chrome
Windows 10
Outlook.com Edge (Chromium)
Windows 10
Outlook.com Firefox
Windows 10
Outlook 2016 (120 dpi)
Windows 10
Outlook 2016
Windows 10
Outlook 2019 (120 dpi)
Windows 10
Outlook 2019
Windows 10
Samsung Mail
Android 7
Thunderbird
Windows 7
Yahoo! Chrome
Windows 10
Yahoo! Edge (Chromium)
Windows 10
Yahoo! Firefox
Windows 10
Related topics: