I'm trying to add an image map to a Mailchimp newsletter. I have added this code to the HTML code box
When I check the newsletter in preview mode I can see that the links are working and open the correct URL. However, when I send a test mailer to an outlook email address, the entire image is not clickable. When I send a test mail to a gmail address, the entire image is clickable and only gives the option of downloading the image and doesn't redirect to any of the three URLs I have added.
What am I doing wrong? How do I solve this problem?
PS: I am not an expert at coding at all and whatever code I have put in is from online tutorials.
<html>
<head>
</head>
<body>
<map name="#workmap">
<area shape = "rect" coords = "230,49,325,196" alt="Open" href="https://openthemagazine.com/subscribe">
<area shape="rect" coords="356, 49, 460, 203" alt="Fortune" href="https://shop.yudirect.biz/FortuneIndia/Fortune.php">
<area shape="rect" coords="480, 53, 580, 196" alt="Hello" href="http://shop.yudirect.biz/Hello/Subscribe.php">
</map>
<img src="https://mcusercontent.com/230d5165f1ea99f5918a8e2f1/_thumbs/1c702495-3431-2cca-641b-8bec41bd2562.jpg" width="600" height="211"alt="Subscriptions" usemap="#workmap">
</body>
</html>