Hey guys, I've just released my completely new and updated "HTML Email Mastery Course" for 2024 with the latest HTML Email concepts. I'm excited to release it, this is the best course I've ever made. Check it out here: ➢ w3newbie.com/email-course/ (coupon link for Udemy)
Thanks so much for this tutorial. You've just armed me with a new skill that's going to take my output at work to an impressive new level that's leaps and bounds above the clunky old formatting we were doing for our email templates in Outlook. Very well done video, sir. Kudos.
Hey guys, do to the success of some of the HTML Email videos on this channel, I have also made a new channel that will only be HTML Email and Email Marketing content. If you wish to check it out and subscriber, here is a link :) th-cam.com/channels/ZWoe3ezD_dZTZgQnDyBgFQ.html
I love your tutorials. I wonder I have a specific question concerning actual data tables that need to be responsive (adding a horizontal scroll bar) if below the max-width. Would love to see a tutorial on how to handle data tables in a responsive layout!
Great tutorial! I love it when you explain the reasoning behind certain attributes. You mention that you have tested your emails for consistency across email clients. Is this one of those emails that works across clients?
Hi, does max-width at tables mean that they can't be smaller or why they are stacking on smaller screens? Did you test the template only in gmail? There are so many other clients like outlook. Does the template look correctly in outlook?
Hi there, the template will work in new email clients but not Windows based ones such as Outlook which requires much more attention to details (such as html email conditional statements) which I provide in my paid course. The images have a max width but can be changed with media queries on smaller devices so the images take up the full width of the table without padding.
We use an inliner tool late in the video before sending test emails. It makes for a more compact video lesson doing it this way. You can't do this with conditional statements though so in my course everything is done inline without using an inliner tool.
That's very nice course that I can learn how to create an html email. But I have a question, if I want to add some margin to the social media icon, what can I do?
Thanks :) you can add padding between the social media icons to space them out more. This will work in many email clients but won't work in Outlook/windows programs.
For HTML email client rendering inline CSS is recommended. Newer email clients like Apple Mail allow for internal style sheets to work but using an inliner or inlining while designing is still the best practice.
Strange thing is happening in my case. I can create the email and see all the images but when I send it, it only has that old text like 'anything'. Nothing gets saved. BTW, I am using Base64-coding for a few small images. Could that be preventing save?
At the end of the tutorial we use the free Litmus Putmail program where you can test in your own email clients but to see in all clients you need to pay for (or try a free trial) to Litmus, Email on Acid or another program like this.
Thanks for watching! This video will show you how to add the code directly to Gmail for a single email but inlining the CSS is still recommended: th-cam.com/video/ER3_JXAVqEg/w-d-xo.html
This will work for Outlook on Macs but not Windows, you will need MSO conditional statements, or ghost tables, as explained in my email course linked in the description.
Hey guys, I've just released my completely new and updated "HTML Email Mastery Course" for 2024 with the latest HTML Email concepts. I'm excited to release it, this is the best course I've ever made. Check it out here:
➢ w3newbie.com/email-course/ (coupon link for Udemy)
Thanks so much for this tutorial. You've just armed me with a new skill that's going to take my output at work to an impressive new level that's leaps and bounds above the clunky old formatting we were doing for our email templates in Outlook. Very well done video, sir. Kudos.
This is great. Struggling to finish a test for an email designer position.
Hey guys, do to the success of some of the HTML Email videos on this channel, I have also made a new channel that will only be HTML Email and Email Marketing content. If you wish to check it out and subscriber, here is a link :) th-cam.com/channels/ZWoe3ezD_dZTZgQnDyBgFQ.html
Excellent detailed instructions
Taking courses so i can learn how to be an html email dev, thanks so much for this video!!! Liked and subscribed!
Thanks for subscribing and taking my course :)
Great video and filled with helpful advice. The promo deal is just icing on the cake. Yummy.
I love your tutorials. I wonder I have a specific question concerning actual data tables that need to be responsive (adding a horizontal scroll bar) if below the max-width. Would love to see a tutorial on how to handle data tables in a responsive layout!
Great tutorial! I love it when you explain the reasoning behind certain attributes. You mention that you have tested your emails for consistency across email clients. Is this one of those emails that works across clients?
Such an amazing turotial, learnt so much.
bro you about to get me the job that i need. thank you!!
Where to sell my services?
Awesome tutorial. Thanks for such nice content. Stay blessed
Thank you for your hard work and excellent explanation!
Hi, does max-width at tables mean that they can't be smaller or why they are stacking on smaller screens? Did you test the template only in gmail? There are so many other clients like outlook. Does the template look correctly in outlook?
Hi there, the template will work in new email clients but not Windows based ones such as Outlook which requires much more attention to details (such as html email conditional statements) which I provide in my paid course. The images have a max width but can be changed with media queries on smaller devices so the images take up the full width of the table without padding.
Why is "style= color: #ffffff; font-size: 19px;" added to the instead of the ? Whereas then the font-weight is added to and not the ?
Hi! If inline CSS is recommended, why using the tag inside the ?
We use an inliner tool late in the video before sending test emails. It makes for a more compact video lesson doing it this way. You can't do this with conditional statements though so in my course everything is done inline without using an inliner tool.
Hello ,I have coded exactly as you showed but my website turned into a non-responsive website. How do I solve it?????
Does It works on Outlook? I mean, stills being responsive on It, or only works on web mails?
hi! I have a doubt. I thought that no Css was good in an email, that it was supposed to be only tables. Can you explain me? Please 🙏
CSS works in HTML Email but it has to be internal and inlined, not an external stylesheet. There are also limitations for certain email clients.
That's very nice course that I can learn how to create an html email.
But I have a question, if I want to add some margin to the social media icon, what can I do?
Thanks :) you can add padding between the social media icons to space them out more. This will work in many email clients but won't work in Outlook/windows programs.
why you use table can i use flex box or grid? please tell me the answer
Congratulations, you've reached 300 likes for this video :)
Hi! We can make up letters with both divs and tables?
Why are you using inline CSS instead of embedding css file to it? Doesn't email client support embedded CSS?
For HTML email client rendering inline CSS is recommended. Newer email clients like Apple Mail allow for internal style sheets to work but using an inliner or inlining while designing is still the best practice.
@@w3newbie yep I checked the compatibility in email isn't as standard and uniform as browsers
@rahul ahire please send me your number
Strange thing is happening in my case. I can create the email and see all the images but when I send it, it only has that old text like 'anything'. Nothing gets saved. BTW, I am using Base64-coding for a few small images. Could that be preventing save?
Found answer on my own. Gmail does not support Base64-encoding.
which color theme You have used in VScode..?
Eagle Oceanic Next with some custom colors in settings. json
Great, Is there a way to see the result on all email clients live instead of browser as browser does not always give you the correct result.
At the end of the tutorial we use the free Litmus Putmail program where you can test in your own email clients but to see in all clients you need to pay for (or try a free trial) to Litmus, Email on Acid or another program like this.
Thanks a lot.
Thank you very much!
Amazing!
Sir please upload more videos on email.
Thanks so much for this tutorial. May I have the instruction to send the html directly to clients without fwd from the Sample Putsmail email?
Thanks for watching! This video will show you how to add the code directly to Gmail for a single email but inlining the CSS is still recommended: th-cam.com/video/ER3_JXAVqEg/w-d-xo.html
very good tutorial !!
Thank you
will this work with outlook and yahoo?
This will work for Outlook on Macs but not Windows, you will need MSO conditional statements, or ghost tables, as explained in my email course linked in the description.
How to fix outlook issue
My gmail and outlook change the background color to black :(
your email settings might be in dark mode???
@@ShwetaRoyAtishRoy no
Hello is it your real voice? Sounds like robot 😂