This article explains how to deploy one of the free signature templates available on our page on a standalone email client (e.g. Microsoft Outlook) or webmail client (e.g. Gmail, Yahoo Mail, Outlook.com, Outlook on the web).
Standalone email client
For webmail client instructions scroll here.
- Download the zip archive with the email signature template and extract it.
- Double-click the folder with the extracted zip archive.
- Inside the folder, double-click the .html file. The signature template will open in your web browser.
- Press CTRL+A on your keyboard to highlight the entire signature template.
- Press CTRL+C on your keyboard or right-click a highlighted part of the signature template and choose the Copy option to copy the signature to the clipboard.
- Open the HTML signature editor in your email client and click inside the editor space to activate the cursor.
To find out how to access the HTML signature editor in popular email clients consult these links: - Press CTRL+V on your keyboard or right-click inside the editor space and select Paste (Keep source formatting).
- Replace the {First name}, {Last name}, etc., placeholders with your personal details and remove the parts you don’t need.
- Save changes.
Webmail client
- Download the zip archive with the email signature template and extract it.
- Double-click the folder with the extracted zip archive.
- Inside the folder, double-click the .html file. The signature template will open in your web browser.
- Press CTRL+A on your keyboard to highlight the entire signature template.
- Press CTRL+C on your keyboard or right-click a highlighted part of the signature template and choose the Copy option to copy the signature to the clipboard.
- Open the HTML signature editor in your email client and click inside the editor space to activate the cursor.
To find out how to access the HTML signature editor in popular email clients consult these links: - Press CTRL+V on your keyboard or right-click inside the editor space and select Paste (Keep source formatting).
- Replace the {First name}, {Last name}, etc., placeholders with your personal details and remove the parts you don’t need.
- Upload the image/s (located in the folder where you extracted the zip archive) to an online image hosting service and paste them over the ‘broken image’ icons as per this article (applies to all popular webmail clients).
- Save changes.
Congratulations, you’ve just set up your email signature! Now, you can show it to your colleague by sending them an email with the signature. Just make sure to include the link to these instructions, so they can set up the signature themselves, as well. To ensure a unified email signature design in your company, regardless of the email client used, consider using a central email signature management solution.
hello there
why l cant use on of the signtures bossted on you site
Hi Ghareib,
Which email signature template is causing you trouble? Feel free to write me a message at https://www.mail-signatures.com/contact/.
Hi,
Is there a way to use these signatures on an Andriod phone, using the Outlook app?
I tried to paste the signature into the signature editor, but my logo and the social media jpgs don’t show up.
Thanks,
Cara
Hi Cara,
Unfortunately, Outlook app on Android doesn’t support HTML email signatures. In this case, the only way to have signatures with images is to add them on the server level. Here is a guide for Office 365:
How to create company-wide email signatures and disclaimers in Office 365
Pls how can i create e-signature
Hi Shola,
It seems that we do not have any guide on how to create e-signatures, but this article may be helpful: http://www.howtogeek.com/164668/how-to-electronically-sign-documents-without-printing-and-scanning-them/.
There are also tools out there that you can use to sign documents electronically, but I am not able to recommend any.
Best regards,
Milena
Hi Pawel,
I would like to replace the photo with my QR code what size should the image be?
(Corporate navy blue with photo placeholder left)
Thanks in advance.
Antione
Hi Antoine,
86px x 86px should fit – it’s the size of the photo placeholder in the template.
Hope this helps,
Pawel
Hi Pawel,
I’m using a mac and got everything sorted out just fine with the exception of the social icons. They are not showing up. All i’m getting are the little question marks. what do I have to fix this?
Thanks in advance,
Andre
Hi Andre, Are other images showing up? Also, how did you add the social icons to the signature?
Hi,
I am also using a mac mail and the social media icons showed up at question marks too. I don’t know how to change or how to add my links.
It seems that for Mac Mail you will have to upload the images to a web location and then apply this solution: http://matt.coneybeare.me/how-to-make-an-html-signature-in-apple-mail-for-yosemite-os-x-10-dot-10/
Hope it helps,
Pawel
can I edit the font and banner colors? What size should the image be?
Hi Peter,
You can edit the font color using HTML (http://www.w3schools.com/tags/att_font_color.asp), but to change the banner color you’d have to use an image editor. Which signature template do you have in mind specifically?
Best regards,
Pawel
Hi,
Can I check if this will work in round cube?
Hi Jasmine,
Sure. Try following these instructions: http://www.inmotionhosting.com/support/email/roundcube-webmail/create-signature (make sure to check the HTML signature box).
Best regards,
Pawel
Hi , Thank you for the guide. However I could not use your templates for my email. Nor the guide for active icons with links to our social media worked.
Hi Fariba,
Please let me know what email/webmail client you are using and at which point the procedure failed.
If possible, please also paste the source code of the signature you designed.
Best regards,
Pawel