HTML Email Development Training Course

Course overview

• Email marketing is increasingly seen as a highly effective digital marketing channel that can provide excellent ROI. However, coding emails that work well in the inbox is fast becoming a specialist skill – one that's separate from developing for the regular web.
• In this one-day HTML email development course, we will provide you with hands-on skills to convert a Photoshop email design into best practice HTML and CSS. You will learn coding techniques to ensure that your email campaigns not only look great for your users but also work across the myriad of email readers.
• We’ll also explore how to make layouts that adapt for mobiles using media queries and responsive email design. Additionally, we'll discuss pushing the boundaries of email code using real-world examples that you may have encountered.

Benefits

• Learn to code HTML email campaigns that look great for your users
• Understand the challenges and solutions when coding for email
• Discover how different email readers support HTML and CSS and how to create workarounds
• Create email campaigns that adapt for smaller screens on mobile devices
• Test your code in different email clients and on mobile devices
• Build email templates and save time by making your HTML re-usable

Curriculum

Essential Components of an HTML Email

• Creating designs that translate well to HTML
• What to ask from your designer
• Starter template run-through

Live Coding Session

• Techniques to prepare and slice final designs before coding
• Creating HTML and CSS email code that works
• Using HTML boilerplates and snippets to save time

Coding When Images Are Disabled

• Using web text, effective background colours and alt attributes
• Building bulletproof buttons that work without image loading
• Ensuring your message still gets through

Checking Email Client Rendering And Fixing Common Issues

• Using third-party services to carry out email reader testing
• Common rendering issues and how to fix them
• Cheat sheet for email reader support
• Setting client expectations (for agencies)

Coding Responsive (Mobile-Friendly) Emails

• Designing mobile-friendly emails
• Responsive email design techniques
• Coding media queries in email
• Support for responsive design; and what to do when it isn't supported
• Live coding email example

Building Re-usable Templates

• Coding for different email platforms
• Using shells, modules and templates
• Making email marketing easier for non-technical team members

Dark Mode In Email

• What is dark mode and how does it impact emails?
• Design considerations for dark mode
• Coding for dark mode emails

Future Proofing Your HTML Emails

• Video in email
• CSS3, HTML5 and neat tricks
• Using social media and email
• Setting up and using dynamic content

Clinic

• A chance to discuss real-world email coding issues and challenges

Who will benefit from this course?

• The HTML Email Development training course is aimed at email marketers, designers, developers, or web producers who want to improve their email coding skills. A basic knowledge of HTML coding is required to attend this course.
• If you have no prior experience of HTML or CSS development, we recommend attending our HTML & CSS for Beginners course first.
• Typical attendees include: email marketers or digital designers who need to understand how to create HTML emails; programmers who need to understand the nuances of HTML and CSS for emails; and web producers who need to better manage their teams or suppliers.