Email Marketing Archives - Azrin Hamdan https://azrinhamdan.com/category/portfolio/email-marketing/ Full Stack Marketer Sat, 10 Jun 2023 03:28:40 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 https://azrinhamdan.com/wp-content/uploads/2021/11/victory-hand-brown-150x150.png Email Marketing Archives - Azrin Hamdan https://azrinhamdan.com/category/portfolio/email-marketing/ 32 32 Ground Up HTML Newsletter https://azrinhamdan.com/2017/11/16/ground-up-html-newsletter/?utm_source=rss&utm_medium=rss&utm_campaign=ground-up-html-newsletter https://azrinhamdan.com/2017/11/16/ground-up-html-newsletter/#comments Thu, 16 Nov 2017 08:01:00 +0000 http://azrinhamdan.com/?p=2566 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 How I… Read More »Ground Up HTML Newsletter

The post Ground Up HTML Newsletter appeared first on Azrin Hamdan.

]]> 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.

The post Ground Up HTML Newsletter appeared first on Azrin Hamdan.

]]> https://azrinhamdan.com/2017/11/16/ground-up-html-newsletter/feed/ 15695