Best Practice Tips for Responsive HTML Legacy Email Templates
When building your responsive/mobile HTML email templates, read about best practice tips you should keep in mind.
Mobile Ready Email Templates are available when creating Custom One-Time and Recurring emails. These templates are mobile-ready, but the admin is responsible for ensuring the custom content entered on the Build Email step is mobile-friendly (such as loading Custom Content and/or Community Content items). This includes, for example, setting the maximum number of events that should display in the email or the maximum number of RSS feed items to include.
Three mobile email templates are available in the Build Content step, and each has a selection of corresponding mobile layouts to choose from. These email templates and layouts are in place for all clients, whether your website is mobile-ready or not. All existing content-building tools for creating emails operate the same as with standard emails.
Admin Workflow
For Custom One-Time and Recurring emails, three Mobile Ready Email Templates are available on the Choose Template step:
- Mobile Ready Single Column w/ Header & Footer
- Mobile Ready 2 Column w/ Header & Footer
- Mobile Ready 3 Column w/ Header & Footer
When the Mobile Ready Single Column w/ Header & Footer layout is selected, the following mobile-ready email Design Templates are available:
- Single Column with Header and Footer
- Create New Template
When the Mobile Ready 2 Column w/ Header & Footer layout is selected, the following mobile-ready email Design Templates are available:
- Two Column w/ Header & Footer 50/50
- Two Column w/ Header & Footer 70/30
- Two Column w/ Header & Footer 30/70
- Two Column w/ Header & Footer 60/40
- Two Column w/ Header & Footer 40/60
- Create New Template
When the Mobile Ready 3 Column w/ Header & Footer layout is selected, the following mobile-ready email Design Templates are available:
- Three Column w/ Header & Footer 20/60/20
- Three Column w/ Header & Footer 30/40/30
- Three Column w/ Header & Footer 30/50/20
- Three Column w/ Header & Footer 20/50/30
- Create New Template
NOTE: The Create New Template option always uses the most updated version of the mobile CSS.