Solved

Clickable image on Email Signature

Posted on 2015-01-14
4
418 Views
Last Modified: 2015-01-14
We've designed an html email signature for our employees to use in their emails. This signature contains a .gif image and i've designated some clickable areas within the image to provide links to our website, facebook and twitter.

My problem is that whereas the clickable links work fine within a new message as it is being composed, when the email is sent and opened by a recipient, the clickable areas are not working. I've tried sending to Outlook recipients, and also to my hotmail account with the same result.

Here is a simplified version of my html:

<html>
<body>
<img src="http://www.ourdomain.com/Signatures/EmailSignature.gif" usemap="ImageMap"/>
<map name="ImageMap">
  <area shape="Circle" coords="531,208,53" href="http://www.ourdomain.com"/>
  <area shape="Rect" coords="17,282,57,324" href=" https://www.facebook.com/pages/Our Company" />
  <area shape="Rect" coords="68,282,111,320" href="https://twitter.com/@OurCompany" />
</map>
</body>
</html>

Or is someone going to tell me that Outlook cannot send an email with clickable areas in the signature?
0
Comment
Question by:TownTalk
  • 2
4 Comments
 
LVL 9

Expert Comment

by:Trenton Knew
ID: 40549100
I could tell you that I seriously doubt outlook is sophisticated enough to use "imagemap" in HTML.  Your best bet for what you are trying to accomplish is to use zero margin tiled images.
0
 
LVL 9

Accepted Solution

by:
Trenton Knew earned 500 total points
ID: 40549112
apparently, I don't know what I'm talking about...
https://www.campaignmonitor.com/blog/post/3475/image-maps-in-html-email/
My apologies for speaking without being fully informed.

I still think that slicing the image into chunks is a better solution for the MOST compatibility though
1
 
LVL 10

Expert Comment

by:JEaston
ID: 40549120
This is a bit of a long shot, and I have never tried it but...

Outlook stores your signatures in %APPDATA%\Microsoft\Signatures

If you open this folder you will find text, RTF and HTML versions.  You could edit the HTML version to include your image map.  I suggest you send a test e-mail to see if it works or not.

Be warned though, even it this does work if you even edit it again in the signature panel it may loose your changes.
0
 

Author Closing Comment

by:TownTalk
ID: 40549195
Yes. Thanks for that. We're going to split the image into chunks.
0

Featured Post

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Following basic email etiquette rules will help you write a professional email and achieve a good, lasting impression with your contacts.
Find out what you should include to make the best professional email signature for your organization.
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …
Many of my clients call in with monstrous Gmail overloading issues with Outlook. A quick tip is to turn off the All Mail and Important folders from synching. Here is a quick video I made to show you how to turn off these and other folders in Gmail s…

792 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question