Coronavirus (COVID-19) information: All courses at all locations are available as live online classes. Limited in-person classes in some locations. Our offices remain open. Learn more.


Advanced Email Marketing Course: Responsive HTML Email Training

Responsive HTML Email Training Class

Advanced HTML Email Marketing Course Length: 1 day

We offer this Advanced HTML Email marketing course as a live online class or in our training centers with a live instructor. It is also available at your location or as a private workshop. In this one-day class, you’ll discover how to create responsive HTML email marketing that is both functional and well-designed across mobile, tablet, and desktop email clients. This email marketing course builds off the foundational skills taught in our introductory HTML Email class and covers more advanced topics such as coding, the use of media queries, optimizing images for mobile and mobile forms. If you have a group or team that is interested in this course, or if you have questions about the course content, contact AGI to discuss this Responsive HTML email marketing training course.

Advanced Email Marketing Course: Responsive HTML Email Training Course Dates

All classes are led by a live instructor. Class times listed are Eastern time.


Please call 800-851-9237 or 781-376-6044 to schedule a course.

Contact AGI to request course dates.

Advanced HTML Email Training Class: Detailed Topics Covered

Identifying the Need for Responsive HTML Email Marketing

  • Common issues with mobile email
  • Rise in mobile client usage
  • ROI of responsive HTML email
  • Differences in clients
  • Support for media queries

Designing Mobile-friendly HTML Email

  • Taking a ‘design-first’ approach
  • Differences in layout
  • Column sizing
  • Links and buttons
  • Font size guidance for HTML email
  • Defining messages in HTML email
  • Hiding extraneous details
  • Wireframing responsive HTML email versions

Coding Mobile HTML Email

  • Defining mobile-specific CSS
  • Using an @media declaration
  • Applying the content table class
  • Making styles !important
  • Adding other declarations

Building Responsive HTML Email Layouts

  • Adapting multi-column layouts
  • Working around CSS limitations
  • Using HTML attributes in HTML email
  • Adding a simple media query to a responsive HTML email
  • Incorporating progressive disclosure
  • Styling show/hide buttons

Targeting Specific Devices with Media Queries in your HTML Email

  • Addressing larger screen sizes
  • Adjusting the focus of media queries
  • Balancing effort vs. benefit
  • Moving beyond breakpoints
  • Designing fluid layouts for responsive HTML email

Optimizing HTML Email Images for Mobile Display

  • Using supported CSS in responsive HTML email
  • Swapping background images
  • Setting background-size
  • Serving high-res images
  • Addressing Retina displays

Creating Mobile Forms for use with HTML email marketing

  • Benefiting from optimized HTML forms
  • Aligning form field labels
  • Accessing the special keyboard
  • Narrowing form layouts for responsive HTML email
  • Setting initial scale/zoom
  • Optimizing HTML email and plain-text email


This course is for users who have completed our introductory HTML email marketing training course or who have previous experience creating and coding HTML email.

Responsive HTML Email Marketing Training Class: Course Materials

You will receive a comprehensive HTML email marketing course manual for this class developed by the instructors at AGI.

Available Delivery Methods For This Class