This course is designed for those who are already familiar with the basics of HTML and CSS and want to take their email template creation skills to a professional level. You will learn how to develop complex, adaptive, and visually appealing email templates that display correctly in all popular email clients. The course also covers automation of layout processes and integration with marketing platforms.

Course Objectives:

  • Master adaptive layout for email;
  • Create complex templates using frameworks and tools;
  • Automate the processes of creating email templates;
  • Learn to analyze and improve the effectiveness of email newsletters.

Course Program:

Module 1: Getting Deeper into HTML and CSS for Email
Revisit the basics of HTML and CSS for emails.
Tables as a basis for layout of email templates: structure and principles.
Inline styles: why it’s important and how to optimize code.
Support of email client standards: Gmail, Outlook, Apple Mail.

Module 2: Adaptive layout
What adaptability is and why you need it.
Using media queries for mobile devices.
Problems and solutions: optimization for Outlook and old versions of email clients.
Practice: creating a template with adaptive design.

Module 3: Frameworks for email templates
Overview of popular frameworks: Foundation for Emails and MJML.
Comparison: pros and cons of each tool.
Practice: creating a template using MJML.
Code generation and refinement for compatibility.

Module 4: Interactivity in email templates
Adding animations with CSS (hover effects, state changes).
Using GIFs and videos to improve engagement.
Limitations of email clients: what works and what doesn’t.
Practice: adding animations to a promo template.

Module 5: Integration and Automation
Integrating email templates with platforms: Mailchimp, SendGrid, etc.
Setting up dynamic data in templates (personalization of emails).
Automation with Gulp and other builders.
Practice: building and automatic optimization of an email template.

Module 6: Testing and Debugging
Overview of testing tools: Litmus, Email on Acid.
How to find and fix display errors.
Performance testing and fast loading.
Final testing and validation of the template before sending.

Module 7: Analytics and Optimization
Email metrics: CTR, OR, Bounce Rate.
How to improve templates based on analytics.
Examples of A/B testing of email designs.

Training format:

  • Video lessons;
  • Practical tasks with analysis;
  • Feedback from instructors;
  • Chat for communication and help.
Loading