有赞新零售社区

发帖
聊天专版»与我通话浮窗一键拨打我们的电话或者手机

与我通话浮窗一键拨打我们的电话或者手机

海城小米 2015-05-24 897 浏览 3 评论 | 只看楼主 [打印]

  • 打开一个店铺的有赞后台,在顶部导航找到【店铺】,进入【店铺】选项后,在左侧导航找到【公共广告设置】,在【公共广告设置】页面,添加【富文本】编辑框,在编辑框随意输入几个字符,例如“浮窗”。(操作要点如图①—④)
  • 鼠标移动到左侧空白处,如图⑤的位置,鼠标【右键】选择【审查元素】,鼠标移动到网页代码区域,按快捷键Ctrl+F,调出网页元素搜索框,在搜索框输入contenteditable。
  • 鼠标选中contenteditable这行元素,然后【右键】鼠标,在选项框中选择【Edit  as HTML】;
  • 代码编辑框中选中你在富文本编辑框中写的字符,例如“<p>浮窗</p>”注意:<p></p>字符也要全部选中,然后替换成下图后面的代码;
  • 选中<p>浮窗</p>,替换成如下代码,把我的手机号换成我们自己的号码:
<p><a href="tel:13924192641" style=" z-index:9999; text-decoration:none; font-weight:bold; position: fixed; z-index: 999; right: -6px; bottom: 220px; display: inline-block; width: 20px; border-top-left-radius: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 10px; color: white; font-size: 17px; line-height: 17px; box-shadow: rgb(102, 102, 102) 0px 0px 5px; word-wrap: break-word; padding: 8px 6px; border: 2px solid white; background: rgb(242, 12, 12);">与我通话</a></p></div>

Screenshot_2015-05-24-10-33-25.png (331.57 KB, 下载次数: 1)

与我通话浮窗截图

与我通话浮窗截图
用手机打开
收藏 2 ··· 回复
    乾坤 青铜   2015-05-24 | 只看该作者
    我的QQ

      小卷@么么哒   黄金   2015-05-24 | 只看该作者
      点个赞!

        邻聚力   青铜   2016-02-07 | 只看该作者
        按照你的说法弄了 保存了 但是还是没有显示悬浮窗

          1跳至
          您需要登录后才可以回帖 登录 | 立即注册

          本版积分规则

          复制链接
          新浪微博
          QQ空间
          微信扫码
          • 回复

          • 评分

          客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

          复制成功