把图片银行复制出来的图片地址放到热点工具中，小编就以疯狂的美工热点工具为例子给大家演示，这里也特别说明一下用加热点的方法虽然方便快捷但是用于详情页的时候链接是在原窗口上打开的哈，就是点击链接直接打开页面，不支持新窗口打开页面哦，如果不介意的就用此方法，介意的自己去PS中切片DW加上链接即可哦。

图片放到工具中后就是鼠标拖拽去画热区啦，哪块区域要加超链接就到对应区域绘制热点区域，然后加上对应的宝贝链接地址即可啦。复制好的宝贝链接添加到加链接框框中，注意链接格式是https://不能复制带www的地址哦，带www的地址是无效的！

在这里小编教大家一个正确能复制到宝贝链接地址加上去不会失效的方法，小编发现有的群友直接在浏览器上方复制的地址有的时候会带www的导致加上去无法点击，看下图正确复制宝贝链接地址可以进入所有分类页面，鼠标放到对应宝贝那鼠标右键复制链接地址！

好了链接复制好加好预览没有问题的话就可以点击生成代码按钮复制代码装到店铺对应描述页面里啦。

那么问题来了，复制出来的代码怎么安装进描述页里呢？请看下图，打开你要安装关联模块的宝贝详情编辑页面，也就是上传详情页图片的那个位置。

哪个详情页要装关联就进哪个页面安装代码，如上图先点击左上角框选的源代码模式按钮，点击切换源代码模式按钮，切换后周边都会变灰，然后粘贴刚刚在工具中复制生成的关联模块代码，一般情况下关联模块代码都是装在详情页最上方，那么复制出来的代码也就是粘贴到最上方就可以了，当然如果你要其他位置也行，总之插入代码到你要的位置上。最后直接点发页就好啦，不要再切换回源代码模式去看图啦。直接源代码模式粘贴完代码之后点发布，刷新页面看效果就行啦。

这样一个关联销售模块就安装完成啦，是不是很简单，快去试试吧，如果电脑端首页及自定义页面或手机店铺要自定义代码装修也可以借助疯狂的美工阿里巴巴国际站装修工具做自定义代码装修哦，以下是工具地址及使用教程有兴趣的可以学习一下，不用买包月模板就可以自定义装修

疯狂的美工阿里巴巴国际站工具功能列表：https://www.fkdmg.com/gongju/alibaba/

疯狂的美工阿里巴巴国际站在线自由布局工具地址：https://www.fkdmg.com/alibuju/

疯狂的美工阿里巴巴国际站在线装修代码工具教程列表：https://www.fkdmg.com/jiaocheng/alibaba/

疯狂的美工阿里巴巴国际站在线自由布局工具教程列表：https://www.fkdmg.com/jiaocheng/alibaba/