HTML Email Signature Tutorial (2023 Novice Tutorial)

Looking to create a HTML Email Signature without coding? In this step by step email signature tutorial Im going to show you how you can quickly turn your email signature design into a HTML email signature you can apply to your email with clickable links.

Download the code seen in my video

Having issues with blank images?

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
⭐My Freebies⭐

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
⭐ Tools I Use Everyday⭐

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
⭐My Recommended Videos [MUST WATCH]⭐

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

🏆 My Goal 🏆

My goal is to share practical, time saving, and insightful strategies to help automate your business online and earn a passive income using cost effective softwares to free up your work life.

Going through the trenches of online marketing can be a truly dark place to be. Hopefully, my videos will shine bright through the darkness and guide you to where you want to be.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
📱 CONNECT WITH ME 📱
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

👨 About Me 👨

My name is Marty Englander and on Marty Englander channel I show you how to use softwares to automate your business, free up your work life, make money online, and give you a practical expectation of what it takes to grow a business online..

🔔Subscribe! 🔔

Subscribe for software reviews, clever automation hacks, and how I earn money online.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Affiliate Disclaimer: While we receive affiliate compensation for reviews / promotions on this page, we always offer honest opinion, relevant experiences and genuine views related to the product or service itself. Our goal is to help you make the best purchasing decisions, however, the views and opinions expressed are ours only. As always you should do your own due diligence to verify any claims, results and statistics before making any kind of purchase. Clicking links or purchasing products recommended on this page may generate income for this website from affiliate commissions and you should assume we are compensated for any purchases you make.

[seanc.]

Marty, I followed your instructions exactly but everyone I email keeps telling me that my email signature has A British accent now?🤣

Great tutorial, cheers! 👍

[jorgeribeiro]

i followed your instructions but i get a spacing between my images that i cant get rid off. Any tips on what it might be?

[gavinvonmeyer]

Great Tutorial Sir! Much appreciated - Guys like you make the world a great place by sharing knowledge like this!!

[nalyticool]

Much better than most I've seen on here. Good job explaining it in a simple manner!

[AJ-ylzi]

Need Help!!!
I created A Email signature for me with link by following this video but how can i attach this email signature with link in my gmail email signature?

[afiaagyeiwaa]

People like you save the world!! Thank you so much for this.

[MrLockie]

Does this not work very well for gmail recipients? Mine is a mess to anyone who receives it in gmail. Just wondering if this is a wider issue? It adds spacing above and below all the images making it look a real mess.

[OnyantaTv]

when i typed images/" into the code, it doesn't pull up the files i saved. just some random svg links. what am i doing wrong? i saved the images and html file in the same folder.

[natasjavanwyk]

Thank you for this video. I just have one question. My images are hosted and everything looks right, but when I copy and paste it into my email clients everything breaks up and goes under each other sort of like a list. Can you maybe help?

[ninjagraphics]

Could you clarify country code number part?
Should I write + and country code before the phone number, or 00?

[ailsaedwards]

I found your video really helpful, but when I copied the image into my email it was in all the sections that I cut it into in Photoshop.

[slutbunwallah]

Marty,

One awesome tutorial!

I just have a couple of questions if you don't mind:


1. Could I use the same method for gifs? I animate logos for clients instead of having their profile picture.

2. What would be the best way to send the signature to the client? Should I need to send them the entire folder or would the link suffice?


Cheers once again.

[markadoga-odeh]

Hi Marty,

Is there any reason why I'm suddenly getting a '</h>' tag as opposed to an '</a>' tag?

when editing the code for the email/telephone/website I have no issues - but upon trying to edit the code for any of the social icons, the specific code that is automatically added is the '</h>' instead of the latter.

The result is that nothing happens when trying to click the icon i've supposedly linked the html to.

Any ideas as to why?

thanks!


*since rectified this issue! - Now just the issue below that I'm dealing with*

[karlarodriguez]

Hi!

Im having problems pasting it into outlook, it all appears as lost links, can someone please help me?

[investinyourself]

Outlook absolutely f*cks my design up. Works on gmail, any chance you know a way to get it to line up properly in outlook?

[JordanCarterTrombone]

Is there a way to output text instead of images? That way, the client doesn't need to open up photoshop each time there's a text change...it could also be useful for reusing the same template across the company, and just replacing names, numbers, etc. Is it as simple as replacing the <img> tag with text, or would that mess up the layout?

[angelarenfro]

I followed your instructions and even purchased your code. When I open in Brackets, I just get the code I wrote - no broken linked image. What am I doing wrong?

[newmancl]

@Marty, When I type "images" no dropdown of images appear. I've tried manually entering the names, and even the full filepaths to no avail. please advise.

[jmsclvn]

when i type in images/ i don't get a list of images like you do. also i am using Visual studio code. Any idea what i need to do to input my images?

[louisnotsogoodshow]

Hey just followed your advice and it looks to be working, gotta get the ok from the boss that’s it’s working but thank you, these videos helped so much and I really appreciate it