AI 助理
备案控制台
开发者社区 云计算 文章 正文

【亲测有效】3步实现 微信小程序内接入小程序客服，网页端客服工具与移动端小程序客服工具使用方法，使用入口，并设置当前客服状态

2024-07-02 521
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【亲测有效】3步实现 微信小程序内接入小程序客服，网页端客服工具与移动端小程序客服工具使用方法，使用入口，并设置当前客服状态

微信小程序内接入小程序客服

第一步登录“微信公众平台”点击“客服”功能，并设置微信客服


第二步登录在小程序所需客服的位置插入以下代码

<button open-type="contact" bindcontact="handleContact" session-from="sessionFrom">在线客服</button>

Page({
    handleContact (e) {
        console.log(e.detail.path)
        console.log(e.detail.query)
    }
})


第三步 代码保存后启动真机调试，点击按钮即可跳转到客服页面

文章标签：
客服工作台
小程序
关键词：
小程序工具
微信工具
微信小程序
微信移动端
微信小程序工具
G佳伟
目录
相关文章
jsjsjjs
|
17天前
|
数据采集 监控 机器人
浅谈网页端IM技术及相关测试方法实践（包括WebSocket性能测试）
最开始转转的客服系统体系如IM、工单以及机器人等都是使用第三方的产品。但第三方产品对于转转的业务，以及客服的效率等都产生了诸多限制，所以我们决定自研替换第三方系统。下面主要分享一下网页端IM技术及相关测试方法，我们先从了解IM系统和WebSocket开始。
jsjsjjs
33 4
a游苏杭
|
2月前
|
Web App开发 移动开发 前端开发
H5微信外支付（移动端浏览器）
H5微信外支付（移动端浏览器）
a游苏杭
51 1
H5微信外支付（移动端浏览器）
jsjsjjs
|
2月前
|
Web App开发 前端开发 网络性能优化
Web网页端IM产品RainbowChat-Web的v7.2版已发布
RainbowChat-Web是一套Web网页端IM系统，是RainbowChat的姊妹系统（RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统）。
jsjsjjs
41 1
theMuseCatcher
|
4月前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序，设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法，需在页面配置`enableShareAppMessage: true`并重新编译。
theMuseCatcher
146 0
Taro@3.x+Vue@3.x+TS开发微信小程序，设置转发分享
。思索
|
4月前
|
小程序
uni-app——微信小程序设置全局分享
uni-app——微信小程序设置全局分享
。思索
206 0
G佳伟
|
5月前
|
小程序
【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题：设置了word-break: break-all；和flex: 1；冲突flex不生效问题
【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题：设置了word-break: break-all；和flex: 1；冲突flex不生效问题
G佳伟
156 1
朝阳39
|
5月前
|
小程序
【微信小程序-原生开发】客服
【微信小程序-原生开发】客服
朝阳39
117 0
朝阳39
|
5月前
|
小程序 数据库
【微信小程序-原生开发】实用教程15 - 列表的排序、搜索（含云数据库常用查询条件的使用方法，t-search 组件的使用）
【微信小程序-原生开发】实用教程15 - 列表的排序、搜索（含云数据库常用查询条件的使用方法，t-search 组件的使用）
朝阳39
130 0
朝阳39
|
5月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
朝阳39
177 0
邹荣乐
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
邹荣乐
685 7

热门文章

最新文章

  • 1
    小程序审核常见驳回类型
  • 2
    小程序自定义弹窗禁止底部内容滚动（滚动穿透问题）
  • 3
    小程序云开发联表数据查询以及云函数中的应用
  • 4
    小程序：开发者工具和真机调试能请求后台数据，手机预览请求不到数据，快速解决
  • 5
    【小程序开发框架选型】7大小程序开发框架，哪一个更适合你？
  • 6
    笑联 x mPaaS | 12 个模块，全面小程序化，如何打造真正的一次开发复用多端？
  • 7
    小程序-uniApp：区域滚动、下拉刷新、上拉加载更多
  • 8
    小程序根据返回值是否为空判断标签是否显示
  • 9
    小程序中加载html5地图界面链接
  • 10
    小程序动端组件库Vant Weapp的使用
  • 1
    解码客服工单系统：选型指南让您信手拈来
    201
  • 2
    开源即时通讯IM框架 MobileIMSDK v6.5 发布
    149
  • 3
    即时通讯技术文集（第37期）：IM代码入门实践(Part1) [共16篇]
    68
  • 4
    智能客服助手自动化
    70
  • 5
    自动化客服响应与知识库查询
    86
  • 6
    稳扎稳打 部署丝滑 开源即时通讯（IM）项目OpenIM源码部署流程（linux windows mac）稳扎稳打 部署丝滑 开源即时通讯（IM）项目OpenIM源码部署流程（linux windows mac）
    438
  • 7
    数据管理DMS产品使用合集之要在DMS中实现数据库工单发布时必须经过人工审核才能进入下一步，我该怎么配置
    93
  • 8
    总结反思 持续进步-开源即时通讯（IM）项目OpenIM 新版本release-v3.7发布
    162
  • 9
    电话客服热线系统的详细搭建方案（十大关键要素）
    815
  • 10
    即时通讯技术文集（第36期）：《跟着源码学IM》系列专题 [共12篇]
    92

    • 相关课程

    更多
  • IoT小程序框架课程
  • 阿里云RPA（机器人流程自动化）- 初级入门（可视化）

    • 相关电子书

    更多
  • 微信移动客户端-数据存储优化实践
  • 微信广告引擎与播放节奏算法实践
  • 微信H5视频播放器在海量业务下的实践

    • 相关实验场景

    更多
  • 搭建微信小程序
  • 以客服场景意图分类为例写Prompt
  • 1分钟SAE部署PHP商城小程序
  • 使用阿里云ECS搭建一套网页IDE
  • 通过云拨测对指定网页进行网页性能监测
  • 阿里云IoT小程序应用开发和组件实践
    • 下一篇
    DataWorks