Skip to content

Ground Up HTML Newsletter

Introduction

While working as a service crew member of Ground Up Climbing Gym, I was given the opportunity to create an HTML newsletter for the gym members. This newsletter was made using the HTML syntax and sent out using the company’s marketing Gmail account.

The Look Of The Newsletter

The Newsletter HTML Code

When creating the HTML code for email, it was impossible to use a separate CSS or place it in the head, it had to be done inline. Another thing I noted was that the layout had to be done using the table format, no grids or flex.

View the code here

How I did it

Step 1: I created the newsletter and ensured that the media used were accessible throughout the internet by hosting them in a google drive.

Step 2: I copy the HTML code with the <html> tags into a new Gmail message using the developer tools of google chrome.

Step 3: Go to Gmail and with a new message, right-click the email text area and select the “inspect” option.

Screenshot of step 3

Step 4: The developer console will appear and look for the email text area. One trick I do is to type some text in the email text area and look for that in the console. Look for it like in the image above. Click on the tiny three dots next to it and click on the “Edit as HTML” option.

Screenshot of step 4

Step 5: Select on the text that you have typed in the email text area and replace it with the HTML code of the newsletter.

Screenshot of step 5

P.S. Feel free to use this method if you find MailChimp to easy and boring to use for your email marketing campaigns.

12,962 thoughts on “Ground Up HTML Newsletter”

  1. 947812 316337Naturally I like your web-site, however you want to check the spelling on several of your posts. Many of them are rife with spelling issues and I discover it really silly to inform you. On the other hand I will certainly come again once more! 916720

  2. 113803 433228Largest lover messages were made to share it along with your and gives honour of the bride and groom. Extremely sound systems facing unnecessary throngs of people should take into account each of our valuable concept of all presenting, which is ones trailer. finest man toasts 454018

  3. 134684 815890Intending start up a enterprise around the internet involves revealing marketing plus items not only to women locally, yet somehow to several buyers who are web-based as a rule. e-learning 607045

  4. 76799 970334Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You clearly know what youre talking about, why throw away your intelligence on just posting videos to your weblog when you could be giving us something informative to read? 412103

  5. 915718 930783Outstanding blog here! Also your website loads up rapidly! What host are you using? Can I get your affiliate link to your host? I wish my site loaded up as swiftly as yours lol 115982

  6. 819461 834066Hello there, just became alert to your weblog via Google, and identified that its truly informative. Im gonna watch out for brussels. Ill be grateful if you continue this in future. Several men and women will likely be benefited from your writing. Cheers! 584290

  7. 724791 899771Hey. Extremely good web web site!! Man .. Exceptional .. Wonderful .. Ill bookmark this internet site and take the feeds alsoI am pleased to locate so much beneficial details here within the post. Thanks for sharing 66318

  8. 662299 541724Should you are interested in picture a alter in distinct llife, starting up usually the Los angeles Surgical procedures fat reduction method is actually a large movement as a way to accomplishing which generally notion. shed belly fat 829299

  9. 857656 6588Of course like your internet site but you need to check the spelling on several of your posts. Several of them are rife with spelling difficulties and I discover it very bothersome to tell the truth nevertheless Ill surely come back once more. 40083

  10. 209369 658396I like this post quite considerably. I will definitely be back. Hope that I can go by means of more insightful posts then. Will likely be sharing your wisdom with all of my friends! 417224

  11. NetShare – no-root-tethering Apk, 2021*
    Create wifi hotspot to share cell statistics or extend your current wifi connection just as a wifi repeater. No tethering plan or tether prices required.
    assist android 6 and above

  12. I would like to thank you for the efforts you’ve put in writing this blog.”토토솔루션” I’m hoping to check out the same high-grade blog posts by you in the future as well. In truth, your creative writing abilities has encouraged me to get my own, personal site now 😉

  13. It is the best time to make some plans for the long run and it is time to bе happy.”남성부” I’ve read this ρublіsh and if I could I want to suggest you some fascinating issues or tips.

  14. I think your blog might be having browser compatibility issues. When I look at your blog in Firefox, “남성부닷컴“it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, awesome blog!