现在位置:首页 » 淘宝天猫装修常见问题解答|美工技术分享 » 淘宝天猫PC详情页制作自定义图片大旺旺联系客服链接及描述页左侧安装旺旺图标代码
X

淘宝天猫PC详情页制作自定义图片大旺旺联系客服链接及描述页左侧安装旺旺图标代码

分享到:

作者:疯狂的美工萱萱    日期:2019-3-11 11:39   人气:283  

广告
    数据加载中...
天猫详情页中安装图片旺旺头像客服模块及设置描述页左侧190模块添加联系客服中心教程,淘宝天猫店铺装修过程中如何在详情页添加一个能够弹出旺旺聊天窗口的功能图标并插入聊天客服链接?天猫详情页里面添加咨询客服链接模块的详细方法分享图文演示,如果不会的跟着疯狂的美工小编操作就OK啦。下面是具体步骤。
首先我们要了解到如果是用在详情页中设计图片的尺寸淘宝C店是750宽,天猫店铺是790宽,高度不限制,如果是详情页左侧用设计190宽的 尺寸,高不限制,设计好图片上传到图片空间即可。图片格式可以设计jpg的,也可以设计动态GIF样式的,安装方法是一样的。


然后打开疯狂的美工淘宝天猫装修助手全屏热点工具给图片添加对应的旺旺链接地址,选通用模式,不要勾加入全屏选项~特别提示:自由布局工具不支持详情页使用哦,所以不要用自由布局工具去画热点加链接。请按这个图文方法来哈。

疯狂的美工淘宝天猫装修助手最新版软件下载地址:https://www.fkdmg.com/gongju/2695.html

注意,详情页使用时不要勾选加入全屏居中代码选项哦,选通用模式,不能选无痕,小编以天猫790宽的尺寸为例子给大家演示。

接下来先去生成到详情页可以用的旺旺链接地址,旺旺链接怎么获取得到呢?这个时候我们可以借助工具哦,打开疯狂的美工淘宝天猫装修助手实用工具区的旺旺链接生成功能。

打开旺旺链接生成器功能,这个使用更简单,也可以用边上的旺旺代码在线生成也就是旺遍天下功能生成旺旺链接。

QQ截图20190310125346.png

填写对应的旺旺ID,可以写主帐号的,也可以写子帐号,小编就以子账号为例子

旺旺ID不会找或获取的看下图,建议直接打开千牛来团队联系人那复制

如果是用的旺遍天下生成的旺旺链接,操作方法是这样。填写好旺旺ID点击生成,最下方那个就是旺旺链接地址啦。

填写好点击生成并复制链接。然后到热点工具中加上对应的链接就OK啦。

要多少个旺旺在设计图片时设计多少个旺旺图标,然后画好热区加上对应的链接,链接打开方式选原窗口,详情页画热点不支持新窗口打开哦,加链接前记得把预置的#号删除哦,否则链接无效,记得旺旺链接地址要到工具中生成能联系到客服的地址哦。

最后操作完可以先预览看看,然后没有问题就直接生成代码装对应描述页即可哦。当然如果你是天猫的话也可以装在公共关联模块区,天猫的关联可以往上移置顶,淘宝C店的话公共模块在页尾底部,C店的话就直接到对应详情页中添加源代码啦。

把生成好的代码打开对应详情页添加进去,具体步骤如下:

记得要先切换<>源代码模式按钮后再粘贴代码,粘贴完直接点发布,不要再切回源码按钮回去看哦。如果细节问题不注意就没有效果了,代码会被过滤掉。

粘贴完代码直接点提交信息或发布就Ok啦。然后浏览器刷新看。如果你的是天猫可以把代码安装到关联模块哈,以下是公共关联模块的添加方法,可以参考一下哦。

什么是详情页公共模块/关联模块?淘宝天猫关联公共模块详解https://www.fkdmg.com/article/311.html


如果你是要详情页侧边190模块安装带客服链接的代码,那上面操作都是一样,不一样的就是代码安装的位置不同。首先我们到热点工具中操作完生成并复制好代码来。

6af11492317572.png

然后打开店铺装修后台选择PC端装修,鼠标放首页那可看到默认宝贝详情页选项点击进去。

QQ截图20190311111806.png

要在详情页左侧显示旺旺模块那就要选择宝贝详情页选项那

QQ截图20190311111858.png

然后左侧拖入一个空白自定义内容区到右边190自定义模块区那添加。

QQ截图20190311111940.png

把生成好的客服链接代码安装进来,如上图所标

QQ截图20190311111958.png

最后发布装修即可啦,刷新页面到描述页看就会多了一个侧边190客服模块啦。

这样一个带联系旺旺客服的模块及侧边190客服模块就安装进对应页面里面啦,是不是很简单,要实现这样的快去试试吧,加入疯狂的美工工具VIP可以使用更多功能哦。刚上面演示的只是其中几个功能,更多功能等你发现。

疯狂的美工淘宝天猫在线版功能列表:https://www.fkdmg.com/gongju/tbtm/

疯狂的美工淘宝天猫装修助手最新版下载:https://www.fkdmg.com/gongju/2695.html

如果你是要淘宝天猫手机店铺安装带旺旺客服的模块可以点击链接参考以下方法搭配疯狂的美工淘宝天猫无线端装修工具实现哦。

淘宝天猫手机店铺安装旺旺客服模块方法:http://www.mgzxzs.com/tmtbzxjc/1245.html


    疯狂的美工小程序码

阿里巴巴装修助手代码工具

疯狂的美工京东装修助手

  如果觉得我们软件不错您可以: 赞助VIP 下载看看 联系客服