开发App的时候遇到一个在线客服的功能,虽然自己也写出了在线联系的功能,但是最后还是使用了第三方插件,因为代码少。而且省事,个人使用的是“网易七鱼”。

1、注册“网易七鱼”账号,复制以下代码替换下方html中的红色部分代码

1、新建一个html文件,路径放在static静态目录下,和图片放在一起

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>在线客服</title>

</head>
    <body>
        <!-- <script src="https://qiyukf.com/script/c16b099f8b3a95e4d6d4ff0c0dcfc625.js"></script> -->
        <script>
            (function(w, d, n, a, j) {
               aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
            })(window, document, 'ysf');
            
            var isSdkReady = false;
            ysf('onready', function() {
                isSdkReady = true;
                ysf('open')
            })
            
            
            
            if (isSdkReady) {
                location.href = ysf('url');
            }
            // setTimeout(function(){
            //     location.href = ysf('url');
            // },2000)
        </script>
    </body>
</html>

3、新建一个Vue页面,连接到对应的html即大功告成。每次需要联系在线客服的时候跳转到这个页面即可。

<template>
    <view class="content">
        <web-view src="/static/pubHtml/LXKF.html"></web-view>
    </view>
</template>
<script>
    export default {
        componeants: {

},
        data() {
            return {

}
        },
        onLoad() {

},
        methods: {
            gopay: function() {

},
        }
    }
</script>

<style lang="less">
    .content {}
</style>

uniapp联系在线客服功能,H5和APP都能使用相关推荐

  1. 自建商城或会员系统如何对接在线客服咨询系统,例如商城系统、物流订单系统接入在线客服功能...

    自建商城或会员系统如何对接在线客服咨询系统,例如商城系统.物流订单系统接入在线客服功能 对接在线客服咨询系统可以帮助您的客户更快地获得问题解答和支持,提升客户满意度和忠诚度. 在商品详情页面传递产品信 ...

  2. 茶云个人导航系统v1.2源码 带后台+网易云歌单播放功能+腾讯智能在线客服功能

    这是一款好看的个人导航网自带后台,本导航系统由奶茶二次开发而成,后添加各种美化,后台自定义添加导航,背景,源码集成网易云歌单播放和腾讯智能在线客服功能使源码更显一个档次! 温馨提示,如果涉及到授权,源 ...

  3. 微信在线客服 php,微信小程序中添加联系在线客服功能

    这次给大家带来微信小程序中添加联系在线客服功能,微信小程序中添加联系在线客服功能的注意事项有哪些,下面就是实战案例,一起来看一下. 1. 普通客服按钮添加客服-联系我们 2. 悬浮客服按钮添加,图片自 ...

  4. 微信在线客服功能开发问题记录

    由于负责公司语音客服系统开发.本着拓展客服系统功能,完善客服系统生态的原则.需要开发在线客服系统.首先对接的就是微信公众号关注用户的在线客服功能. 在微信测试平台http://mp.weixin.qq ...

  5. Tawk.to一键给自己的网站增加在线客服功能

    Tawk.to一键给自己的网站增加在线客服功能 很多外贸网站只有contact页面,留下邮箱.电话等联系方式,而在国际贸易当中能够及时在线交流沟通,能给客户留下更好的印象.接下来,就让我们一起来了解一 ...

  6. 官网客服不在线?看上海交大教育集团如何用在线客服功能快速响应客户!

    相信大家都有这样的经历:当你在某些平台中想要购买某件产品时,除了要仔细查看产品的信息以外,或多或少都会找到在线客服提出自己的疑问. 网站界面上能展示的信息都是提前准备好的固定信息,但每个客户的需求却不 ...

  7. 微信小程序:常用功能5——在线客服功能的实现

    微信小程序:常用功能5--在线客服功能的实现 微信小程序的客服功能比较纯熟,非常简单易用,只要在公众平台小程序账号中设置好相关客服人员,基本用户就能实现与客服人员的实时对话. 首先登陆微信公众平台小程 ...

  8. 在线客服功能介绍-了解常见在线客服系统的功能点

    在线客服,通常我们说这个基本都是指IM客服(区分于电话客服等)."客服"表示了系统的使用人群或系统功能,"在线"说明了交互方式.我们在日常生活中多多少少都有用到 ...

  9. 企业如何实现在线客服功能?

    企业实现网站客户服务系统功能的途径有很多,如呼叫中心.工单系统.短信通道.邮件通道和在线客户服务系统.网站在线客户服务以网站为载体,然后访问在线客户服务系统以提供客户服务. 与传统客户服务相比,网站在 ...

最新文章

  1. Hadoop入门进阶步步高(一)-环境准备
  2. Logica实战与剖析(1)
  3. 中职计算机专业英语说课稿,高职高专英语说课稿
  4. oracle 数据库中数据导出到excel
  5. 自己实现java I/O中的BufferedReader对象中的raedLine方法
  6. Arturia DX7 V for Mac(模拟FM数字合成器)
  7. 深度学习笔记 —— 微调
  8. Axure 8授权码
  9. sqlite3基础学习
  10. 2021-2027全球及中国G Suite销售软件行业研究及十四五规划分析报告
  11. 2022-2028年中国手机结构件行业市场发展规模及市场前景趋势报告
  12. 除了迅雷,目前还有什么下载软件好用?以下这3款你听过吗?
  13. HTML+CSS系列学习 第五篇
  14. MySQL inet aton函数_MySQL INET_ATON()用法及代码示例
  15. MATLAB导入EXCEL表格数据画散点图
  16. 后缀是lnk是什么文件_lnk是什么格式_lnk后缀是什么格式
  17. 联合线程(案例顾客买蛋糕 :使用join()方法)
  18. POJ 1723 士兵排队 C语言实现
  19. AES解密控制台中文乱码问题
  20. harbor仓库部署

热门文章

  1. uniapp全局引入js
  2. 虚拟乐器合集 – Steinberg Absolute 4 VST Instrument Collection
  3. ARP协议/ARP攻击与防御
  4. 智能家居一Homekit智能吸顶灯
  5. 【通信】一张图浅谈通信网
  6. 浅谈VUE全家桶(Vue、VueX、Vue-Router、axios、Vue-cli)的理解与认识
  7. 倒计时 10 分钟!和大佬在线聊技术,抓紧进直播间
  8. 深蓝学院,激光slam第二讲作业,踩坑总结
  9. 关于 RAID 5 与热备份(Hot Spare)
  10. AI Studio常规赛:量子电路合成之单量子比特门近似(参考题解)