我感觉的很神奇，我以为这个问题现在已经基本上不是“问题”了，可实际上还有很多小伙伴不清楚，在问。

那还是给大家分享一下吧。

一、什么是一图多链？

就是一张图片多个链接。

正常情况下一张图片是一个独立的单元，只能添加一条超链接，访客点击这张图片就直接跳转到我们添加的链接页面。但我想把这张图片分区域，添加不同的链接，访客点击不同的区域，就跳转到不同的页面，这就是一图多链。

二、应用场景

一图多链主要用在产品的详情页，用来做关联营销。

客户进入到产品详情页里面，我们想多推荐几款产品，提升客户在店铺的停留时间和商机转化率；或者导流到我们主推的产品或者页面。

这种方法在3年前，还是经常放到课堂上来讲，但现在讲的已经比较少了。

因为之前产品的详情页，普通编辑只能添加15张图片（我们若需要推荐多个产品的话，位置不够，同时排版比较麻烦，难做到我们想要的设计效果），同时智能编辑的功能还不完善，太固定化。（没记错的话，好丑的）

但现在：

1、普通编辑的图片可以添加30张了，而且关于一图多链的操作方法，老朋友们基本都学习过一轮，新的商家朋友，网上有许多关于一图多链的方法，都可以自己学习。（所以，我今天重在帮大家系统梳理下，若要利用DW制作一图多链，大家可以去上网搜，就不再赘述了）。

2、智能编辑的功能已经升级多几轮了，里面就可以直接制作一图多链。（还记得那时候，动不动就去找小何在线、去找阿里的小伙伴，让他们反馈技术人员，把一图多链的功能加到后台来）

同时，智能编辑的营销模块，也可以做推荐，类似的功能。

不过，一图多链还是有一定的用武之地的。毕竟智能编辑相对于普通编辑来说，还是有一定的模版化性质。若要进行个性化的详情页设计，用普通编辑需要用到一图多链操作技巧。

这是分割线-----------------------------------

现今一图多链如何制作？

一、MA后台-智能编辑

发产品的时候，产品详情描述，选择智能编辑：

然后，再重复第3、第4步，就可以啦。

二、普通编辑-借助一图多链制作工具：DW软件（dreamweaver）

这种方法需要下载安装DW，（在我看来是比较麻烦的，我是秉承着电脑上能不安装软件，就不安装）。

下载好后，如何操作，大家可以自行去网上搜，关于这个软件的使用方法，网上太多了，我这里就不再去写一遍了。

当然，除了DW外，还有其他的一些软件也能做到。DW是用的最多的。

三、普通编辑-借助一图多链在线制作网站。

个人更推荐在线制作。 所以软件不给大家讲。操作方法和逻辑其实一致的：

1、在后台详情页编辑把图片转换成代码——2、把代码复制到工具/网站（也是工具，在线工具而已）——3、代码以图片样式呈现，在图片上分区域添加不同链接——4再转化成代码——5、把代码复制到后台——6、代码转换成图片呈现。

作为看到飞蓬老师文章的小可爱，当然会给你推荐好东西啊。（帮我关注、转发分享，让更多的小伙伴看的，有所收获，更好哦）

这个网址：http://www.ewebeditor.net/demo/hotlink.asp

操作演示：

是不是很清晰呢，你学会了吗？

如果感觉有用，请大家关注、转发、点赞，么么哒

 分享任意文章到朋友圈，截图给微信ID：2014482430，可赠送运营学习资料包哦。