怎么在有赞店铺实现全局悬浮窗？

打开一个店铺的有赞后台，在顶部导航找到【店铺】，进入【店铺】选项后，在左侧导航找到【公共广告设置】，在【公共广告设置】页面，添加【富文本】编辑框，在编辑框随意输入几个字符，例如“浮窗”。（操作要点如图①—④）

2

鼠标移动到左侧空白处，如图⑤的位置，鼠标【右键】选择【审查元素】，鼠标移动到网页代码区域，按快捷键Ctrl+F,调出网页元素搜索框，在搜索框输入contenteditable。

3

鼠标选中contenteditable这行元素，然后【右键】鼠标，在选项框中选择【Edit  as HTML】;

4

代码编辑框中选中你在富文本编辑框中写的字符，例如“<p>浮窗</p>”注意：<p></p>字符也要全部选中，然后替换成下图后面的代码；

选中<p>浮窗</p>，替换成如下代码

<div style="position:fixed;right:10px;bottom:60px;"><div id="to_user_list" style="color:#323232;outline-style:none;text-decoration:none;width:78px;display:block;height:16px;padding:7px 7px 8px;border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 2px 0px;background-color:#00BC06;"><div id="to_user_list_icon_div" class="rel left" style="float:left;position:relative;width:20px;height:16px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;background-color:#FFFFFF;"><span class="to_user_list_icon_em_a abs" style="margin:0px;padding:0px;list-style:none;position:absolute;width:2px;height:2px;border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;top:8px;left:4px;background-color:#00BA0A;"><a href="http://wpa.qq.com/msgrd?v=3&uin=646105732&site=qq&menu=yes" target="_blank"><span style="color:#FFFFFF;"> </span></a></span><span class="to_user_list_icon_em_b abs" style="margin:0px;padding:0px;list-style:none;position:absolute;width:2px;height:2px;border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;top:8px;left:9px;background-color:#00BA0A;"><a href="http://wpa.qq.com/msgrd?v=3&uin=646105732&site=qq&menu=yes" target="_blank"><span style="color:#FFFFFF;"> </span></a></span><span class="to_user_list_icon_em_c abs" style="margin:0px;padding:0px;list-style:none;position:absolute;width:2px;height:2px;border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;top:8px;right:4px;background-color:#00BA0A;"><a href="http://wpa.qq.com/msgrd?v=3&uin=646105732&site=qq&menu=yes" target="_blank"><span style="color:#FFFFFF;"> </span></a></span><span class="to_user_list_icon_em_d abs" style="margin:0px;padding:0px;list-style:none;position:absolute;width:0px;height:0px;border-style:solid;border-width:4px;top:14px;left:6px;border-color:#FFFFFF transparent transparent;"><a href="http://wpa.qq.com/msgrd?v=3&uin=646105732&site=qq&menu=yes" target="_blank"><span style="color:#FFFFFF;"> </span></a></span></div><p id="to_user_list_txt" class="left" style="margin-top:0px;margin-bottom:0px;padding:0px 3px 0px 4px;list-style:none;float:left;color:#FFFFFF;font-size:12px;line-height:16px;"><a href="http://wpa.qq.com/msgrd?v=3&uin=646105732&site=qq&menu=yes" target="_blank"><span style="color:#FFFFFF;">联系我们</span></a></p></div></div>5

代码替换完成后，鼠标离开网页元素区域，在任意空白处，点击鼠标，我们就发现网页出现了【联系我们】的浮窗，鼠标【左键】单击富文本编辑框区域的【联系我们】，即可修改浮窗跳转的链接。默认链接是调动QQ对话窗口，你可以替换里面的QQ号646105732为你的QQ号码，也可以把此链接改成，其它第三方平台的客服系统，例如：快商通、商务通等。当然，你也可以替换其它链接，带用户去你设定的地址。

Q:“联系我们”四个字可以改吗？

A:当然可以改了，你在复制代码的时候，替换成你想要的字即可！

Q:悬浮窗的样式可以改吗？

A:可以的，只要你懂代码，你可以做成其它样式。PS：这个样式挺好看，和微信也很搭。

所有的的都搞定后，保存即可。注意：保存后不可再修改，若要修改，请按照步骤，从头操作，熟练后，不要半分钟就能操作完成！

此种方法也同样适合在有赞【富文本】实现更多图文排版的样式，在秀米排版好内容，复制到ueditor编辑器中，点击ueditor编辑器的HTML选项，把得到源代码复制进来即可。

按照步骤来，操作过程中遇到问题可以在我微信公众号：行者彭洋（微信号：xzpengyang)留言。

本帖最后由 北京中微媒网络科技有限公司 于 2015-3-8 14:37 编辑

各种类型主战坦克、大炮、战机、装甲车、 自行火炮、车、运兵车、多管火箭发射车防空坦克高射炮、 重型导弹发射车、各种武装直升机、战斗机、运输机、等等） 蝙蝠侠战车、蝙蝠侠摩托车、蝙蝠侠模型。 航空展、彩色马、 胡桃夹子、兵马俑、哆啦A梦、蓝精灵、麦兜（小猪快跑）、大黄鸭、 仿真直升机飞机（展览型 1:1）、火箭、钢铁侠（高2.18米、3.5米）大型变形金刚 （展览型 高1米、2.5米、3米、4.5米、5米、6.5米、 8米、10米）、仿真恐龙（长5米、6.5米、10米、15米）、 蜘蛛侠（2.2米、3.5米）休闲皇家(欧式、土豪金）马车/南瓜马车 高端节目：光耀未来、互动视频秀、 激光秀 墨舞、奥运缶、多媒体蓝人乐队、LED视频鼓、荧光水鼓、激光水鼓、 嗨歌激光舞、沙画、光绘画、激光舞、电光舞…

各种类型主战坦克、大炮、战机、装甲车、 自行火炮、车、运兵车、多管火箭发射车防空坦克高射炮、 重型导弹发射车、各种武装直升机、战斗机、运输机、等等） 蝙蝠侠战车、蝙蝠侠摩托车、蝙蝠侠模型。 航空展、彩色马、 胡桃夹子、兵马俑、哆啦A梦、蓝精灵、麦兜（小猪快跑）、大黄鸭、 仿真直升机飞机（展览型 1:1）、火箭、钢铁侠（高2.18米、3.5米）大型变形金刚 （展览型 高1米、2.5米、3米、4.5米、5米、6.5米、 8米、10米）、仿真恐龙（长5米、6.5米、10米、15米）、 蜘蛛侠（2.2米、3.5米）休闲皇家(欧式、土豪金）马车/南瓜马车 高端节目：光耀未来、互动视频秀、 激光秀 墨舞、奥运缶、多媒体蓝人乐队、LED视频鼓、荧光水鼓、激光水鼓、 嗨歌激光舞、沙画、光绘画、激光舞、电光舞…

厉害啊！客服热线用得上

太给你了

家保乐生活 发表于 2015-3-27 01:13
终于学会了全局悬浮窗链接到个人微信号了。http://shop301893.koudaitong.com。我的粉丝太少，哪怕是白粉（ ...

可以啊，我加你了，怎么弄的？

风竹 发表于 2015-3-27 23:31
可以啊，我加你了，怎么弄的？

你的微信号是什么？我发你微信号上。

家保乐生活 发表于 2015-3-28 12:18
你的微信号是什么？我发你微信号上。

我个人的微信号TDenny

悬浮怎么连接微信关注
我的微信yuzhimc

颜色怎么改？

18649798393 发表于 2015-3-11 01:09
不错，学习了谢谢分享。
做了一些修改和优化，可以直接点击到个人微信号
http://wap.koudaitong.com/v2/fe ...

求助，怎么做个人微信链接的？？？