Solved

Clickable image on Email Signature

Posted on 2015-01-14
4
330 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
0
 
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

Suggested Solutions

This process describes the steps required to Import and Export data from and to .pst files using Exchange 2010. We can use these steps to export data from a user to a .pst file, import data back to the same or a different user, or even import data t…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
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: …
CodeTwo Sync for iCloud (http://www.codetwo.com/sync-for-icloud?sts=6554) automatically synchronizes your Outlook 2016, 2013, 2010 or 2007 folders with iCloud folders available via iCloud Control Panel. This lets you automatically sync them with…

867 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now