How to Create a HTML Email in Gmail Tutorial By
Total Page:16
File Type:pdf, Size:1020Kb
How to Create a HTML Email in Gmail Tutorial by Grant Johnson This is a step by step tutorial work sheet to accompany the YouTube tutorial. https://www.youtube.com/watch?v=MsMSqhMlfao You will need. html code and associated images ***Important for this to work in Gmail*** Images will need to be hosted on line to display in Gmail email. Hosting can be purchased at Hostgator you can use this link hostgator Hosting Affiliate and use coupon code 1cent to get your first month for just 0.01 cent. If you purchase via this link I will happily format and upload your files. Or alternatively I can host your images on my hosting for just $1 per month. Send you code and images to [email protected] I will then send you a link to my PayPal account. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Walk through 1. Open Gmail and click the compose button. 2. Now type some place holder text into the email body. I have used a series of asterisk ****** use whatever is easy for you. 3. Now select and highlight the place holder text, right click the highlighted text and click inspect element. 4. Now open and copy your html code. You need all the html code between the body tags <body> All html Code between these tags</body> 5. Next find your placeholder text in the inspect element and right click edit as html 6. An edit box will open, locate and highlight the place holder text. 7. Now paste your html. 8. Close the inspect element window. 9. Now your Gmail email will be in a html format. 10. In the subject box name the file HTML template, Gmail will automatically save this file to the drafts folder for later use (I forgot to include this instruction in the video) 11. Send a test email to be sure that the email is received as it is meant to be displayed. I sent my test email to my business email which opens in windows live mail. 12. If you have no errors you will have receive your HTML Gmail Email. Check all you links work and you’re done. I hope this guide helps clarify how this works if you have any questions please leave a comment and I will build out a FAQ section. .