A tech, tools, gadgets, tips and tricks blog

Tuesday, 3 February 2015

[Updated] How to send an html email with gmail

8 comments :
This post is about how to send html email with gmail or yahoo
In now days you have find out in your email inbox that mostly company promotion emails or product promotion emails are in HTML template format. HTML emails are good in looking and easy to understand. It gives good impressions on reader’s mind. But sadly you can not directly send HTML email from your Gmail or Yahoo. Because Gmail or Yahoo (and other email service providers) does not give permission to write direct HTML code in your compose mail’s body (message) part. But don’t worry, as you know if there is problem then there is also solution. Yehh, You have to do some effort to find out it. But don’t worry I did it for you and find a easy solution. I like to share it with you. Here I have some screenshots that will help you for better understand. Remember that you must have some HTML and CSS knowledge before performing this tutorial.
Now follow the below steps for your will come true.

1) Open your notepad++ (recommended text-editor: notepad++) in windows. Then paste below code and save it as email.html on desktop.

email.php

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table style='width:60%;margin-left:auto;margin-right:auto;'>
<tr>
<td style='background-color:green;color:#fff;padding-top:50px;padding-bottom:50px;text-align:center;'>
<p style='font-size:30px;'>This is sample html email</p>
<a href='http://www.techipapa.blogspot.com/' style='color:#fff;text-decoration:none;font-size:35px;'>Click here</a>
</td>
</tr>
</table>
</body>
</html>

2) Now come back on desktop. Find out email.html and double click on it. This will open in your default browser (it may be IE, Firefox or Google chrome). This will look like below screenshot.

how-to-send-html-email

3) In a second tab open your Gmail or yahoo email account. Remember that please open it in standard view, not in html view (for slow connections).

4) Now come back on email.html tab and select all by pressing ctrl+A (This is for windows). It may be different for mac or linux. And paste it in your compose mail’s body (message) part. See below screenshot for more help.
how-to-send-html-email

5) Now send it on any email address you want. It will look like as below screenshot
how-to-send-html-email

This is simple trick and anyone use it for sending html email with Gmail or yahoo. If you find this article helpful, please share it. If you use another method to send html email, let me know how to do it in comment box. Thanks for reading this article. Keep reading and loving us.

8 comments :

  1. Gmail has offered boundless administrations which incorporate G talk, web journals, YouTube, Maps and numerous others and still, individuals are getting debilitated with a portion of the unconstrained issues. http://robertbuckner.weebly.com/support-directory/change-gmail-username-gmail-tips

    ReplyDelete
  2. Web templates are created keeping the above three requirements in mind. free website templates download

    ReplyDelete
  3. I admire this article for the well-researched content and excellent wording. I got so involved in this material that I couldn’t stop reading. I am impressed with your work and skill. Thank you so much. seo services kc

    ReplyDelete