
Part 1 overview - what projects we create in this part, such as - simple email, tables email, alternative text, media queries email and more.
Learn to build HTML emails from simple HTML pages, apply CSS rules, manage colors and graphics, and test across popular inboxes to ensure consistent rendering.
Why CSS in emails is a little different from normal CSS.
Start working on a simple email
Continue working on the simple email
Continue working on the simple email
Almost done with the simple email.
Done and tesing.
What if pictures are disabled?
Buttons that always work
Create one email which looks different on devices depending on the screen size
Create one email which looks different on devices depending on the screen size
Create one email which looks different on devices depending on the screen size
How to add preheader to an email.
Explore how emails built with tables are structured, from outer and inner tables to nested layouts, borders, colors, and the code-driven text and image blocks.
Let's build a table
Add content to the table
Tables with float structure
Work on CSS in the tables email
Finish the tables work and testing.
Why we created boilerplate in part 1?
Create a reusable boilerplate by collecting tested email snippets into one file, enabling fast, responsive HTML emails with components like hero, button, and spacer, plus reset styles and grid layouts.
Build a responsive html email from boilerplate by structuring with tables, adjusting background color and padding, refining typography and button styles for a pink, polished design.
Explore how frameworks extend boilerplate by turning snippets into containers, rows, and columns to speed email construction. Compare web-based and installed frameworks and see live preview of code and results.
Work on email structure in framework
Work on CSS in framework
Learn to build a responsive HTML email from scratch using a 12-column framework, align content with a left five and right seven layout, and compare web-based versus installed frameworks.
Learn to code emails from simple html to framework-driven campaigns and deliver monetizable email products, while differentiating between email developers, email marketing specialists, and Salesforce Marketing Cloud.
Explore how email services enable sending mass emails to large contact databases and managing campaigns. Learn automation and A/B testing across platforms like MailChimp and ActiveCampaign.
Learn to segment a customer database and integrate CRM data with email service providers to target regional campaigns, import contacts, and send focused email campaigns.
In emails, scalable vector graphics (svg) are coded as instructions that stay sharp when enlarged, but many clients like Outlook and Gmail lack full support, and animations can be lightweight.
Explore CSS animations in emails, their potential to enhance call to action, and the limited compatibility across devices and clients, with notes on when they work and when they don't.
Explore hamburger menus and sliders in email templates, test across desktop and mobile Gmail, and learn that features vary and require thorough testing, reinforcing hands-on email coding.
This course is the all in one solution for learning HTML Emails. We start coding emails with hands then advance the development in frameworks, next level is to start and manipulate email campaigns. This course gives knowledge on how to create emails, what email campaigns are and gives you knowledge to find a new job or start your own business.
P.S.: To everyone who already bought the course!
Please note - just a few days ago (as of june 2020) Google changed the link path to the Gdrive pictures. It was a complete surprise to everyone.
Here is the way links work:
drive.googlecom/uc?export=view&id=IMAGE_ID
The new way:
drive.googlecom/file/d/IMAGE_ID/view?usp=sharing
Try the old way path in your emails, it works then.