![The RIGHT WAY to create HTML emails | TUTORIAL [2023]](https://pascowebdesign.com/wp-content/uploads/2023/10/The-RIGHT-WAY-to-create-HTML-emails-TUTORIAL-2023.jpg)
Observe me for extra: https://twitter.com/dawidadach
Supply code:
https://github.com/mdbootstrap/knowledge-base/tree/primary/CSS/responsive-email
📰 Should you want written tutorials, you will see 25+ classes on Bootstrap right here –
https://mdbootstrap.com/be taught/mdb-foundations/bootstrap/about/
👨👩👧👦 If in case you have any questions – do not hesitate to ask on our Fb group:
https://www.fb.com/teams/682245759188413
📥 Obtain FREE HTML electronic mail templates:
https://mdbootstrap.com/docs/b4/jquery/plugins/email-templates/
🎁 Be part of our mailing listing & obtain unique assets for builders
https://mdbootstrap.com/publication/
🎓 Be taught responsive internet design with the most recent Bootstrap 5
📥 Obtain Materials Design for Bootstrap – FREE open-source UI KIT
https://mdbootstrap.com/docs/normal/
⭐ Help the creation of open-source packages with a STAR on GitHub
https://github.com/mdbootstrap/mdb-ui-kit
0:00 Intro
1:10 Mission setup
5:02 Column creation
8:32 Importing a font
9:30 CSS Kinds
21:23 Publish undertaking to server
source
I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!
I don't run ads on tutorials – the only value I get is your engagement in the MDB community.
So if you would like to show your support:
– Encourage more people to Keep Coding —> Send this video to one person
– Stay tuned for new content —> Subscribe & ring the bell
In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap – FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions – don't hesitate to ask on our Facebook group
Thank you for your support!
Hello I am from Pakistan and I just saw your video and I am beginner and your video is really helpful, thanks and yes I have subscribed your channel.
Thanks for this video, I ran the code through Litmus though and it seems to fail on a lot of email clients (the formatting is all over the place) – how do we prevent this?
Thanks for posting!
if I were to send in a gmail, how do I make sure that my recipients what is in my laptop's png
23 minutes is not very quick video brother
This is awesome. Simple and straightforward. Thank you so much
But how do I send emails using html and css? My email client do not have this.
not useful
really?! we don't have to use html table and inline css to make html email!!!
i don't think the way you did will work
i have a serious question sir !
i just wanted to know that is it necessary to use <table> while creating html templates, i have seen lot of videos and tutorials and most of them uses <table> , what do you say?
please how to send it with he's icons and all the stuft ?
I am new to HTML, can you share like how did you get this code at 1:20 and how do you open LIVE server 1:28 ? if there is separate video for beginner, please do share. thank alot
This is just a web page not an HTML email. Most email programs don't support HTML and CSS written like this. You need to be using old school tables for this.
Not working for various email clients. You need to use tables
very practical tutorial. thank you
Sorry to say this but you supposed to use HTML Tables for your emails…
buen diseño, pero no sirve para muchas de las apps en las que se visualiza el email, para llegar a un buen resultado en la mayoría de las apps se pueden utilizar tablas.
hi i just want to know which tool you are using to record the video?
I had to figure out a way to code a newsletter in HTML and this video saved my day. Thank you Keep Coding. I hope you get 10M view on this one.
It's nice but only its good to use as Web not for email templates because div are not render by all email we need use table thanks
When I click the learn more button on the email, nothing happens.
I like it. You did a very nice job. I learned a lot. Thank you.
Aren't email developers using tables instead of divs and styling into html file?
Can you please tell us the difference, pros and cons?
As someone who has developed HTML emails before and is currently in the email field, this setup is incorrect and will not render well when actually tested in inboxes. You must use tables and inline css.
This is NOT for emails at all, to make emails compatible with all email clients you need to use tables for everything and there are a plethora of rules to follow, this only works on a browser.
You should have used table
Perfect way to present a mail.. I liked it so much 😁😁
Very useful tutorial. Thank you
Can you solve the my problem whenever i type the code i do not get any code options right down there ? Help me out please and let me know if i have to download any extension .
Thanks !
Excellent tutorial. Thank you so much for the gift.
Awesome!
Are we not supposed to use tables instead of DIV?
THIS WAS AWESOME!!! Will be subscribing for more of these !!!
Excelent tutorial thank you!
thanks!
Sorry but this is the wrong way to do emails, this is a bad tutorial. It may look good in Chrome, but it will not look good across mail clients, no cross compatibility techniques were used
what vs code theme you use?
Thank so much for the intel.
Thats very very precise and full of useful tips… Thank you. You saved me a lot of time and browsing.
Awesome. Thanks
I though we were only supposed to use tables for HTML email, is this no longer true?
what is the benefit for putting a wrapper over the content of the body?
Świetnie wytłumaczone.
This is NOT right way to create HTML emails.
Very good tutorial! I learned so much in such a short amount of time. Thank you, you got yourself a subscriber and look forward to watching more content.
Could flexbox have been used instead of floating the social media icons?
Awesome! Thanks a ton, dude! I almost broke down and used a paid service, but not today, batches! Not today!