How to Create HTML Email in Gmail

Поделиться
HTML-код
  • Опубликовано: 18 дек 2024

Комментарии • 104

  • @labnol
    @labnol  4 года назад +8

    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/

  • @yvonneschafer7008
    @yvonneschafer7008 3 года назад +3

    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

  • @vaibhavkukreja1668
    @vaibhavkukreja1668 4 года назад +2

    This is the only channel that matters. Thanks Amit!

  • @zues121510
    @zues121510 2 года назад +1

    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!

  • @ScreenPrintR
    @ScreenPrintR 2 года назад

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

  • @sabiyaafroza8074
    @sabiyaafroza8074 3 года назад

    @
    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 :)

  • @nishant6032
    @nishant6032 Год назад

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

  • @daibomar9409
    @daibomar9409 3 года назад

    The first method worked for me, thanks a lot.

  • @proxied8075
    @proxied8075 Год назад

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

  • @YoutubeFella
    @YoutubeFella 4 года назад

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

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

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

  • @ShearchingSomething-bg5rv
    @ShearchingSomething-bg5rv 3 месяца назад

    Excellent video. Keep it up!

  • @naeemulhoque1777
    @naeemulhoque1777 4 года назад +5

    This channel is awesome, everyone should visit here.🙂

  • @ScreenPrintR
    @ScreenPrintR 2 года назад

    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.

  • @geekybud
    @geekybud 3 года назад

    Thank you creative dude Amit.

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

    Thank you, Amit, very helpful.

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

    3:43 - Genius

  • @juliegallutia1656
    @juliegallutia1656 3 года назад +1

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

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

    You are good Amit, perfect time

  • @JOJIZACH
    @JOJIZACH 4 года назад

    Awesome Tut.. Simply explained and very useful..

  • @Guialdelo
    @Guialdelo 3 года назад +1

    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
      @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
      @vaniad555 3 года назад

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

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

    Thank you, Amit. Great explanation.

  • @dwaipayansen2966
    @dwaipayansen2966 3 года назад +1

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

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

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

  • @daedalusjones4228
    @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!

  • @bhagyashripatil6764
    @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.

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

    Always better 👌👌

  • @labexpert
    @labexpert 4 года назад +2

    I am your big fan sir

  • @RaxLakhani
    @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

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

    Thanks, Its very help full.

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

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

  • @kareer4genz
    @kareer4genz 2 года назад

    100th comment ,thanks for great information

  • @krishnanunnimadathil8142
    @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
      @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

  • @maviniii
    @maviniii 3 года назад +1

    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
      @haripras.d 3 года назад +1

      (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
      @maviniii 3 года назад +1

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

  • @daedalusjones4228
    @daedalusjones4228 Год назад

    FANTASTIC! THANKS!

  • @SteveHodges
    @SteveHodges 4 года назад +1

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

    • @labnol
      @labnol  4 года назад +1

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

  • @dawnbroadbent
    @dawnbroadbent 2 года назад +1

    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?

  • @Sanchothepancho
    @Sanchothepancho 3 года назад +1

    Thank you so much for this! great job!

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

    Great content !
    Keep it up 👍

  • @matthewmyers7075
    @matthewmyers7075 2 года назад +1

    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
      @SpaceRanger21 2 года назад

      same, did you find any solution?

    • @matthewmyers7075
      @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
      @SpaceRanger21 2 года назад

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

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

    Thanks for making this video.

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

    Thanks, It was nice.

  • @hvhryan2888
    @hvhryan2888 4 года назад

    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?

  • @xitcode
    @xitcode 4 года назад +1

    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
      @ronyrahal6930 8 месяцев назад

      Do we have a solution for that?

  • @Tinu921
    @Tinu921 4 года назад

    THANK YOU!!! you are the best!

  • @raniwemel1693
    @raniwemel1693 4 года назад

    Much thanks for your guidance greatly appreciated Amit :)

  • @mannyl3766
    @mannyl3766 4 года назад

    Amazing! ...just what I was needing.

  • @azgi2901
    @azgi2901 4 года назад

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

  • @Abdulqadir-nx9bi
    @Abdulqadir-nx9bi 3 года назад

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

  • @designhubshani1976
    @designhubshani1976 3 года назад

    Amazing! Love It

  • @NileshJainPodcast
    @NileshJainPodcast 4 года назад

    awesome information

  • @shekharerande8363
    @shekharerande8363 3 года назад

    Thank you Amit!!

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

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

  • @jameschannel01182
    @jameschannel01182 4 года назад

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

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

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

  • @hollyrorienetwork
    @hollyrorienetwork 4 года назад

    Incredible! Thank you for sharing.

  • @OLucas1972
    @OLucas1972 3 года назад

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

  • @Nick_Tag
    @Nick_Tag 4 года назад

    I learnt something new thank you

  • @jeffreyleong7676
    @jeffreyleong7676 4 года назад +1

    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
      @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
      @fiona22 3 года назад

      I have the same problem...

    • @loh_asia
      @loh_asia 2 года назад

      I have the same problem.

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

    Subscribed 🙏

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

    Just works with Gmail!

  • @byfotoahmet2641
    @byfotoahmet2641 3 года назад

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

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

    Where can I copy this HTML format?

  • @maqsoodmemon7212
    @maqsoodmemon7212 3 года назад

    Thank you so much!

  • @moritzklug1858
    @moritzklug1858 4 года назад +1

    Can't thank you enough!

  • @hollywong6177
    @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
      @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.

  • @gajendrasingh5656
    @gajendrasingh5656 4 года назад

    Thanks, sir my issue resolve

  • @10BESTINFO
    @10BESTINFO 4 года назад

    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

    • @ziontutorial
      @ziontutorial 4 года назад

      pUT YOUR IMAGE ON AWS BUCKET AND COPY THE URL IN YOUR CODE INSTEAD LOCALLY SOLVED !!!

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

    Fantastic! Tks.

  • @YehezkielYanuPutranto
    @YehezkielYanuPutranto 6 месяцев назад

    how about to adding image/icon??

  • @vaniad555
    @vaniad555 3 года назад

    Thank you!

  • @durgaganesh423
    @durgaganesh423 3 года назад

    Hi how to send fold unfold and html code in email

  • @AnMeDi3520
    @AnMeDi3520 3 года назад

    thank you very much

  • @360dereceaz
    @360dereceaz 4 года назад

    Thank you sooo much)

  • @PIYSocial
    @PIYSocial 4 года назад

    I'm unable to get the button!

  • @cleberdavidvideo
    @cleberdavidvideo Год назад

    Thanks

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

    Niiiiiiiiiiice! Tysm!

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

    Thank You

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

    GOAT!

  • @augustuscaeser8939
    @augustuscaeser8939 3 года назад

    this doesnt work anymore

  • @subarnadey3167
    @subarnadey3167 3 года назад

    JS,CSS DOESN'T WORK

  • @halilyilan5139
    @halilyilan5139 4 месяца назад

    Yandex please

  • @ziontutorial
    @ziontutorial 4 года назад

    too long method just open your design in your browser select all the templet by pressing Ctrl + A AND PASTE IN YOUR MAIL SIMPLE

  • @heshandeshapriya7078
    @heshandeshapriya7078 3 года назад

    Thank you so much