If you’ve ever wondered what’s the best way to create an HTML signature in gmail, then you’re in the right place. This may seem a bit silly, but achieving this is actually really trivial.
When I first tried doing this, I wrongly attempted this by directly pasting the raw HTML content to the signature text area. This might have been something that used to work in the past; however, if you try to do that same thing you’ll end up having a a bunch of raw HTML code as your signature, which will make you look silly.
So how do I actually create an HTML signature in gmail out of a raw HTML file?
Follow these simple steps:
- HTML File opening
Make sure you have an actual .html file. Open it up in your preferred browser (Chrome, Firefox, Safari or whatever floats your boat). If you’ve got an acceptable HTML code (say, valid) your browser should be able to render it nicely and you’ll see your beautiful signature displayed as intended in the first place.
- Copy all!
Once you’re seeing the HTML displayed by your browser window press
Ctrl + Aon your keyboard to select all the content, thenCtrl + Cto copy the contents to your clipboard. - Create the signature
Jump back into your gmail account settings and under ‘General tab’ scroll down until you see the ‘Signature’ option.
- Paste nicely
Create a new signature, name it as wished and place your cursor on the signature text area. Hit
Ctrl + Vto paste the contents of your clipboard.
NOTE: In case your HTML file is referring theimgelements using a local path in your computer you’ll need to upload every single image or icon to an image service like Imgur and then reference the URL in thesrcattribute. - You should be done
Now just make sure you use this signature for future emails and all that stuff.
Great! This was very useful. Thank you very much.
Very interesting website and useful