How to Create HTML Email in Gmail

Подписаться 91 тыс.

Просмотров 105 тыс.

50% 1

Create HTML emails in Gmail with CSS, insert tables, responsive images, buttons, social icons, and brand logos. You can design HTML email newsletters and signatures in Gmail without installing any extensions.
If you are using email template builders like MailChimp or Google Docs, export the template as an HTML file, inline the CSS styles with Juice and embed the inline HTML directly in Gmail using Chrome Dev Tools.
You can use the font-family CSS style to use different Google Fonts with your emails.
To embed RU-vid videos and Google Maps in your HTML emails, upload the thumbnail image of the video (or capture a screenshot) and link it to the actual video or maps website. IFrame Tags and JavaScript cannot be added to HTML emails.

Наука

Опубликовано:

7 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 103

@labnol 3 года назад

Create beautiful HTML emails in Gmail and send them with Mail Merge 🌟 gsuite.google.com/marketplace/app/mail_merge_with_attachments/223404411203 For email newsletters exported from MailChimp and Google Docs, use the Juice tool to inline CSS before sending with Gmail. 🐢 automattic.github.io/juice/

@vaibhavkukreja1668 3 года назад

This is the only channel that matters. Thanks Amit!

@zues121510 2 года назад

Thank you, I was struggling to send an advanced HTML message (with beta64 image) with the other tutorials online, this is the only one that worked!

@yvonneschafer7008 2 года назад

Great explanation ... Amit helped me a lot ... after 4 hours of research I was finally able to help myself with the video. Thanks very much

@YoutubeFella 3 года назад

@amit you have been a personal tutor for me for over a decade. thanks :)

@dwaipayansen2966 3 года назад

This was super-useful. Thank you so much for creating such great content.

@ParisTNT 3 года назад

Thank you, Amit. Great explanation.

@tracir4920 3 года назад

You answered a question that I've been trying to figure out all day! Thank you!!! I'll subscribe to your channel for more content.

@Sanchothepancho 3 года назад

Thank you so much for this! great job!

@mannyl3766 3 года назад

Amazing! ...just what I was needing.

@hollyrorienetwork 3 года назад

Incredible! Thank you for sharing.

@gceltrick243 3 года назад

Amazingly useful. Thank you so much. You really are the best.

@juliegallutia1656 3 года назад

Very cool! Just wish the button appeared as a button in all email clients (i.e., Outlook and Microsoft Mail), but still...great tutorial!

@JOJIZACH 3 года назад

Awesome Tut.. Simply explained and very useful..

@Tinu921 3 года назад

THANK YOU!!! you are the best!

@raniwemel1693 3 года назад

Much thanks for your guidance greatly appreciated Amit :)

@daibomar9409 2 года назад

The first method worked for me, thanks a lot.

@sabiyaafroza8074 2 года назад

@ Amit Agarwal A big big thanks to you brother for making this video. It took me almost three days to find this type of video, and then I came across yours. Thanks again :)

@proxied8075 Год назад

Excellent video! Loved that you went through multiple methods :)

@sabuein 2 года назад

Thank you, Amit, very helpful.

@balogunemmanueladebayo2361 3 года назад

You are good Amit, perfect time

@geekybud 2 года назад

Thank you creative dude Amit.

@ScreenPrintR Год назад

Awesome. Did the first one, it worked. Have a good night. You're are doing a great job.

@nishant6032 9 месяцев назад

saw about your life and love what is your history. You are IRL inspiration sir

@Nick_Tag 3 года назад

I learnt something new thank you

@umeshkumaru4498 3 года назад

wow .... currently i am using canva. now i learned from u how to use html with out canva.

@adtrans8897 2 года назад

Thanks, Its very help full.

@designhubshani1976 2 года назад

Amazing! Love It

@moritzklug1858 3 года назад

Can't thank you enough!

@jdstarek 3 года назад

Great video, great explanation…and nice music. I'm subscribed...

@sanjaynegi1375 3 года назад

Always better 👌👌

@Arard_yt 3 года назад

3:43 - Genius

@shekharerande8363 2 года назад

Thank you Amit!!

@OLucas1972 2 года назад

awesome, man, thanks a lot for this hint!!

@daedalusjones4228 Год назад

FANTASTIC! THANKS!

@touffiksteven 2 года назад

Great content ! Keep it up 👍

@RaxLakhani 3 года назад

That's such a brilliant tip, Amit ! How would these emails show up when received within Outlook or other email services? I assume it depends on whether they have HTML enabled. If not, will the email content still be legible? Many thanks

@matthewsjardine 2 года назад

Thanks for making this video.

@maqsoodmemon7212 2 года назад

Thank you so much!

@NileshJainPodcast 3 года назад

awesome information

@kj.junaid Год назад

Thanks, It was nice.

@gajendrasingh5656 3 года назад

Thanks, sir my issue resolve

@naeemulhoque1777 3 года назад

This channel is awesome, everyone should visit here.🙂

@360dereceaz 3 года назад

Thank you sooo much)

@vaniad555 2 года назад

Thank you!

@falcaohawk 3 года назад

Fantastic! Tks.

@ScreenPrintR Год назад

Sorry couldn’t hear you. Did you say use CSS Lite to create css inline? Ok, you said CSS In-line tool made from the company Automatic. So far I did your first two examples. They came out great thank you. Now for the third. Some people are paying $50 and hour and you can work remotely. Hate to cut my pay in half, but I like the remote aspect of a job. Oh, I found the CSS in liner tool, on line. Thank you.

@AnNguyen-ql6ti 3 года назад

thank you very much

@soul.rebel1986 3 года назад

Niiiiiiiiiiice! Tysm!

@heshandeshapriya7078 2 года назад

Thank you so much

@hvhryan2888 3 года назад

Thanks. I found a lot of your source on your site but I still stuffing my issues. Can you help to do “make copy” for a shared google drive file on the internet to my root folder?

@kiolh_19880 2 года назад

Just works with Gmail!

@daedalusjones4228 Год назад

Hi Amit -- I have a question: What do YOU read, where do YOU go, what do YOU watch for learning or learning ABOUT new tech, or the code of coding tips that you talk about in your own videos? Thanks very much!

@sohansingh-xd6vn 3 года назад

Subscribed 🙏

@Guialdelo 3 года назад

This is exactly the video I've been looking for! Thank you so much man, keep it up! Just one question, how is it possible that the last HTML email you sent from mailchimp could keep the images if they weren't attached. I mean, just through the HTML code images are contained somehow?

@wuehirim 3 года назад

Hi Guillermo, the reason the images were kept is that it is a template on the Mailchimp newsletter. so the template html itself is what was uploaded.

@vaniad555 2 года назад

you have to deploy it, mdb does and hosts it for free

@byfotoahmet2641 2 года назад

çok çok çok çok çok çok çok çok teşekkürler

@pinakichakraborty8802 3 года назад

Thank You

@kareer4genz Год назад

100th comment ,thanks for great information

@jameschannel01182 3 года назад

Is there a way that i can make gmail like mailchimp? Do you have a video for that?

@krishnanunnimadathil8142 3 года назад

Hi how are you getting the “Inspect” on your drop-down list? Please could you clarify which OS and browser you are using? Thank you for a very clear presentation.

@SpaceRanger21 2 года назад

He's using macos. I am not sure about the browser, but chrome and edge has the inspect button on both windows and macos

@SteveHodges 3 года назад

Awesome, I'm guessing this can be used to create a draft for mail merge??? Wish you would do a video about that. 🤔

@labnol 3 года назад

You are correct. Any Gmail draft you create with HTML email can be used as a draft template in Mail Merge.

@cleberdavidvideo Год назад

Thanks

@labexpert 3 года назад

I am your big fan sir

@labnol 3 года назад

thank you!

@jbybs 3 года назад

me too

@azgi2901 3 года назад

when i paste the html, i see only the shape of the newsletter but nothing else, i tried few times... any advice?

@BanarSumboro 3 года назад

Hi Amit. How about personalized data from excel with this rich html?

@bhagyashripatil6764 2 года назад

Hey Amit, Really useful I was scratching my head since morning, This video was really helpful. But the same content is not rendered on mobile. Any suggestion.

@maviniii 3 года назад

Thanks a lot sir! I’m wondering if there is a way to automatic this process or every time should I need to do it? Thanks again

@haripras.d 2 года назад

(1) Settings > Advanced > enable Templates (refresh the website). (2) Compose > More > Templates Now you can make the inspect element changes and save them as a template and reuse infinite no. of times :)

@maviniii 2 года назад

@@haripras.d that is amazing! Thanks sir ✌🏻

@balatheman9572 3 года назад

What should I do if the HTML and css files are seperate

@fashionlovereligion 3 года назад

GOAT!

@hollywong6177 3 года назад

Thank you Amit for this informative video! I followed the steps you outlined in your video and had tried to paste HTML code from an invitation I had built using Canva. But unfortunately, Gmail is saying that the content is blocked. Any idea why that is and how I can fix this?

@umeshkumaru4498 3 года назад

I am using canva. so thought to reply u. If u use canva u can download it as JPG or PNG and insert the document u downloaded as JPG or PNG in the email.

@xitcode 3 года назад

While I am sending the HTML email to anyone using the MailChimp Template, it's showing *|MC_PREVIEW_TEXT|* in before the subject line. Do you have any solution for that?

@ronyrahal6930 3 месяца назад

Do we have a solution for that?

@Abdulqadir-nx9bi 2 года назад

So can't that sample template made responsive? Like having CTA links

@dawnbroadbent 2 года назад

I put in my inline html and it appears in the email but when I send it, I still get the emoji. Can anyone help me with that?

@jeffreyleong7676 3 года назад

Hey Amit! Thanks for posting such great content out! I tried the same thing, edited the HTML but the moment when i send the email out, on the receiving end, I'm receiving the emoji :( Please advice!

@winnie20 3 года назад

@Amit Agarwal same problem here It did show after pasting the code in the window But when I am sending the mail it returns an empty email. Even without the body tags ! is there a Gmail setting that has to be off or on?

@fiona22 3 года назад

I have the same problem...

@loh_asia Год назад

I have the same problem.

@matthewmyers7075 2 года назад

I can't get this to work. I copy the html formatting and I can preview the change, but then when I save the email it does not save it. Sends only the emoji even though I deleted it and copied the html to replace it. Why?

@SpaceRanger21 2 года назад

same, did you find any solution?

@matthewmyers7075 2 года назад

@@SpaceRanger21 Yes. You need to be very specific about where you click and copy. It needs to be on the correct side of a small line that's hard to see. That's all I can remember from 4 months ago.

@SpaceRanger21 2 года назад

@@matthewmyers7075 yes, I figured it shortly after commenting. Thanks for your reply thought.

@durgaganesh423 2 года назад

Hi how to send fold unfold and html code in email

@guilhermeganzarolli2847 2 года назад

Where can I copy this HTML format?

@10BESTINFO 3 года назад

Sir I tried I inserting the HTML code using the method but the image which I am inserting is not visible in the email. Sir can you please guide me what could be the reason