设置图片热区文字_如何做阿里巴巴国际站里的万能热区，产品详情里做外链

已阿里巴巴国际站为例：

一、应用到的网站：

1. 千图工具-淘宝工具-万能热区

2. 阿里巴巴国际站-图片管理-产品管理-图文普通编辑

二、操作步骤

1.打开千图网-淘宝工具-万能热区：

http://tool.58pic.com/hotpoint/

2. 登录 微信/QQ账号

3. 进入主页面

4. 万能热区模块分析

4.1 图片背景

1）输入图片背景地址：

2）打开阿里巴巴后台-产品管理-管理图片银行-搜索需要的图片-复制链接

（如果图片没有上传到图片银行是不能查找复制的，请自行上传到图片银行再操作）

3）将图片地址复制到框里，再按应用，得到了图片在框里

4.2 热区链接

1）链接1 地址：打开阿里巴巴后台-产品管理-管理产品-搜索你需要的产品-点击标题-打开网址-复制网址链接

3）复制产品链接-复制产品标题或自行改个短产品标题

4.3 预览效果

点击预览效果，看是否跳转成功

4.4 导出代码

点击导出代码-复制全部链接

5. 添加到阿里巴巴详情页里

1）打开网页版阿里巴巴详情页-普通编辑-添加related product 导航条 -输入数字0000000000000000 （好辨认找就行）

2）点击源代码<> - 按ctrl+F -输入刚才的一连串0000000000000000 -将在千图工具里生成的代码全部替换复制进去

点击源代码，返回普通图文编辑，就成功啦

6. 如果想做多个产品在一起的相关产品的阿里巴巴链接：

1）请使用PS做一张多产品图，尺寸750*1000 或者750*750 （宽度固定750）

合理利用网格线，做好对齐

2）上传到阿里巴巴图片银行，复制图片链接地址

3）有多少个产品增加多少个热区链接和提示文字，例如9个产品做9个热区链接和提示文字

4）生成预览 导出代码

5）打开阿里巴巴国际站-普通编辑-输入00000000000000-打开源代码-查找00000000000000-替换千图工具里生成的代码

三、注意事项

1. 是否登录千图网

2. 是否使用阿里巴巴国际站网页版，因为用阿里巴巴的桌面版用不了ctrl+F功能来查找我们自己输入的000000000000000这一长串的数字，不过如果你眼力好，可以认出000000000000000000000000自己输入的，也可以使用阿里巴巴桌面版

制作人：winnie

2019-11-27