Email Templates and Pages Lectures

Supplemental Email Video Series

"People at work are thirsting for context, yearning to know that what they do contributes to a larger whole." – Daniel Pink

  1. "This first lecture provides an introduction to email, the tool, styling, and best practices. The lecture concludes with various how-to suggestions."


  2. Create an Email
    Once the email template is created, it is simply a matter of using the template and filling in the appropriate content. 

Template Requirements

Your template must satisfy the following criteria. Your template must …

  1. … be built within the Template Builder tool (not in code). Your styling must be done with CSS.
  2. … be yours and not a clone of someone else’s created template thus demonstrating that you understand the procedures of using the layout builder.
  3. … be Fully Responsive on smartphone and tablet-sized viewports. When viewing your template on a smaller viewport, nothing must be cut off on the screen, including embedded content.
  4. … utilize at least one Global Group. It must be used under correct circumstances (ie. Footer).
  5. … have assigned Custom CSS Classes within at least one module in the Template Builder. Do not restyle the existing structural classes - use custom classes. You may not use inline styling.
  6. … feature a Responsive Drop-down Navigation Menu.
  7. … feature a Form Submit Button that has been restyled using CSS.
  8. … use a Custom Body Class on your template using the Template Builder.
  9. … feature a module that is hidden on smartphones under 480 pixels wide (use media queries). Describe which module you are hiding.

Email / Email Template Rubric

You are creating the IIT Newsletter Email.

  1. You need to create a two column email newsletter template
  2. Fill out
    • the contact settings for background
    • the contact settings for the CAN-SPAM compliance
    • the contact settings for footer information, subscriptions information, double opt in, tracking, email types, personalization
  3. Create the signature module
  4. Make sure to to add descriptions / prompting text to all modules
  5. Include CTA
    • CTA should have a background color
    • CTA should be text based
  6. Enable Social Sharing in the email template – make sure you have the Web version of email enabled
  7. Personalization Tokens - First name
  8. Include an image at the top
  9. Sidebar
    • courses
    • student organizations
    • radius on border of at least 15px
    • background color for the sidebar in the template
  10. Bottom - Additional Information - Jobs at inbound.org
  11. View as webpage is required

Sitemap

Copyright 2024 | Designed with by John H. Heinrichs, Ph.D. All Rights Reserved.
Authorized use of this site is only for registered ISM 7994 students.