How to make a stylish Gmail Signature

How to make a stylish Gmail Signature

Gmail has some great functionality but one thing I never liked was the plain email signature .. so I finally did something about it and I’m sharing it with you. Here’s how to make a stylish signature for your free Gmail account. Firstly you need to make a stylish signature using HTML. Secondly, you need to add that to Gmail and this was my sticking point until I found this article: Gmail Setup For Advanced Custom Signatures by Jaime Contreras.

This is how my old signature used to look:

Photographer & Designer in York, UK

Still, as email signatures go, it was better to have one consistent signature than no signature at all! So let’s help you make your Gmail signature better too.

First Phase – Signature Design

First .. you do need to know a little bit about HTML if you wish to make something look good within your signature beyond making text bold or larger. Not to fear I’ve got three designs for you to copy and edit your content into. All you need to do is copy the code into your notepad and edit the content to your details. If you have a business logo, place that into the img src code.

Clean & Simple

Grab the code for this design on CodePen: Clean & Simple

Professional Block

Grab the code for this design on CodePen: Professional Block

Split Colour

Grab the code for this design on CodePen: Split Colour Design

This colourful split design is my new email signature. I am so much happier with it as it clearly shows my two businesses, eventually I’m going to add social media logo and links in time but for now, this is so much better than the old style I shared at the beginning.

How to put your own logo in the signature.

Within the code is a part that looks like this:

<img src="" alt="Cathie Heart" width="120" height="120">

This is the code that finds and put the logo into the signature. The src is the URL where the image is stored. Upload your image to your website or image sharing space like Flickr and grab the URL of where the image is and paste it into this code src between the two ” “. Change the width and height to match the size of your image, I would suggest no bigger than 200 pixels for a signature.

Second & Final Phase – Putting it into Gmail Signature.

This part I learned from this article here: Gmail Setup For Advanced Custom Signatures by Jaime Contreras, its a great article with snapshots. Go visit to follow the instructions with images, I’ve done a simple text prompt below. It’s seven simple steps and soon you’ll have a gorgeous new email signature.

Step 1 – Go to Gmail Settings via the Cog.
Step 2 – Scroll down to the signature block.
Step 3 – Right-click in the signature block, then click Inspect.
Step 4 – This should take you directly to the aria-label=”Signature” div, right-click and then click ‘Edit as HTML’.
Step 5 – Paste in your HTML code, click out of the HTML window.
Step 6 – Within the signature block in Gmail there is a blank paragraph right at the top, click on that space and add a new paragraph / line by hitting enter and then remove it by clicking delete.
Step 7 – Save and you’re done.

The reason for adding and then deleting a line in Step 6 is so that Gmail recognises the new HTML code you’ve added. Click save and you have a brand new boss signature to show off you in your business.

A great email signature is a subtle nod to being professional, something we subconsciously see and respect as a good quality in a business.

3 reasons to use social media AND a website

3 reasons to use social media AND a website

Let’s dive straight in to why you want to use social media AND ALSO a website to be in business! Let the count down begin ..

3. Social media gives you the ability to chat and be social with your audience and customers in exactly the place where they ‘hang out online’. The purpose here is to catch a persons attention and intrigue them.

2. People buy from people, so if you aren’t showing 75% business and say 25% personal, you are missing a chance to show who you are in your business. We love stories, so share yours about you within your business.

1. Your website is where all of your customers are best sent and this is where you *sprinkle* some of your marketing magic. They more of your website, click on your call to action button and buy from you or strike up a deeper conversation via your contact form. This could be your face when that dream client contacts you with an idea you’d LOVE to work with them on .. oooOOoo!

You just never know who loves what you do until you show them the way to get in touch with you. Sell that gorgeous flower arrangement, tell the story of having fun with your work space mates, all the plans and ideas that are burbling away. Have a professional website that works, where people can see what you and hire you to do their dream service.

Don’t trust that the right people will find you, go out there and shine .. be your best self, your best business and make an impact. Tell the world ‘Here I am and this is what I do, would you like me to make you something similar?’ and you’ll be on your way.

So get set, ready .. 3 .. 2 .. 1 .. go!

Hello, we’re back again!

Hello, we’re back again!

It’s finally here .. my new website and new content and awesome stuff being created right now. Here’s to the softly softly slow launch of The Heart’s Design.


So why am I launching on International Womens Day? It’s not so much that its ‘womens’ day so much as we celebrate achievements on this day for me. We recognise the hard efforts of our elders in history, they’ve paved the way for us to have an easier life by inventing new things, discovering new science, advancing humanity forwards. These are all great things.

For me I wanted to recognise an achievement of mine, I’ve been working on this business of mine for a long time now, mostly under my previous business name which wasn’t working for me. Hopefully this new one will! Life can bit a bit of a battle ground when you have a limited amount of hours you can work in a week, so its taken longer for me to reach this stage than planned. But, I made it!

So why the softly softly slow launch? That’s because I’m not quite there yet with my ‘shop’ system, since I’m registering for a VAT number (I’m a business in the UK) and must have that number in order to be able to have access to VATMOSS to pay Europe its VAT dues as the law states. I will be supplying digital images and I need to wait until my legal side catches up, its taking much longer than I thought it would. So instead of one huge launch and I’m doing a pre-launch by getting my website up and live and I’ll complete and launch the shop later.

Pin It on Pinterest