阿里旺旺客户端在哪里(分享阿里巴巴商标申请入口)

最近经常有小伙伴们咨询我关于旺旺调用代码在装修和宝贝详情页内的使用方法。其实无论是装修页面还是宝贝详情页内,阿里都已经给出了旺旺聊天的入口,装修页面是模板形式,再加上右侧一个主账号旺旺;宝贝详情页在焦点图右侧的部位,再加上右侧一个产品所属账号的旺旺。理论上应该是够用的,但是有的小伙伴觉得装修页面想做出更漂亮的自定义的旺旺页面,宝贝详情页下部也想加入产品所有人的旺旺。今天就用两个实例给大家分享一下有关旺旺调用代码的使用方法。

一,装修页面的使用:

(今天是为了给大家演示效果,所以随意弄了一个简单的版式用作参考使用)

按照惯例,直接上最终效果图:

阿里旺旺客户端在哪里(分享阿里巴巴商标申请入口)

本次分享的方法没有使用热点。每个业务员的头像与背景图片是分离的,如图背景:

如果小伙伴们喜欢,也可以不使用上面背景图的方式制作,可以把所有的文字都与图片进行分离,本次分享使用的是一张制作好的背景图片(如有机会再跟小伙伴们分享不使用背景图的制作方式)

小伙伴们只需要把制作好的背景图片和业务员的头像上传到图片银行复制出来它的链接即可。链接植入如下代码中(不同的设计图,代码是需要调整的,下面代码只符合上图在阿里内的定位)

<p style=”margin-left: 150.0px; margin-top: 18.0px;”><a style=”display: inline-block; font-weight: bold; text-align: center; text-decoration: none;” href=”//amos.alicdn.com/msg.aw?v=2&uid=cn1511425066&site=enaliint&s=24&charset=UTF-8″ target=”_blank” data-uid=”cn1511425066″><img style=”border: none; margin-right: 5.0px;” src=”//amos.alicdn.com/online.aw?v=2&uid=cn1511425066&site=enaliint&s=22&charset=UTF-8″ alt=”” /><span style=”font-weight: bold; font-size: 16.0px; color: #ffffff;”>kelon hao</span></a></p>

<p style=”margin-left: 458.0px; margin-top: -25.0px;”><a style=”display: inline-block; font-weight: bold; text-align: center; text-decoration: none;” href=”//amos.alicdn.com/msg.aw?v=2&uid=cn1511425066&site=enaliint&s=24&charset=UTF-8″ target=”_blank” data-uid=”cn1511425066″><img style=”border: none; margin-right: 5.0px;” src=”//amos.alicdn.com/online.aw?v=2&uid=cn1511425066&site=enaliint&s=22&charset=UTF-8″ alt=”” /><span style=”font-weight: bold; font-size: 16.0px; color: #ffffff;”>kelon hao</span></a></p>

<p style=”margin-left: 758.0px; margin-top: -25.0px; margin-bottom: 80.0px;”><a style=”display: inline-block; font-weight: bold; text-align: center; text-decoration: none;” href=”//amos.alicdn.com/msg.aw?v=2&uid=cn1511425066&site=enaliint&s=24&charset=UTF-8″ target=”_blank” data-uid=”cn1511425066″><img style=”border: none; margin-right: 5.0px;” src=”//amos.alicdn.com/online.aw?v=2&uid=cn1511425066&site=enaliint&s=22&charset=UTF-8″ alt=”” /><span style=”font-weight: bold; font-size: 16.0px; color: #ffffff;”>kelon hao</span></a></p>

(以上代码已在阿里后台进行调试过,小伙伴们自己使用的时候需要根据自己的设计进行修改,代码里面cn1511425066需要修改成要调用账号的账户,以上代码仅供参考,不明白的小伙伴可以留言咨询交流)

以上分享只是页面装修中很多种制作方法的其中一种模式,本分享重在代码调用方法的分享,小伙伴们可以自行设计图片效果。

二,产品详情页的应用:

由于阿里平台产品详情页和装修自定义模块所兼容的HTML代码有那么一点点的差别,所以有一些时候我们不能用装修的模式来制作产品详情页。今天也用实例的方式来给大家分享一种宝贝详情页内旺旺的调用方法。

(本实例同样是为了给大家演示效果,所以随意弄了一个简单的版式用作参考使用)

制作完成放入产品详情页效果图如下:

发表评论

登录后才能评论