Loading…

How to use the mini program customer service system

WeChat Mini Program has two ways to access customer service: + Mini program customer service (use it after scanning the personal WeChat code to log in to the customer service system) + WeChat customer service (connect to Enterprise WeChat, and any messages will be sent directly to Enterprise WeChat) # Mini Program Customer Service [https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html) Please refer to the official link above for details. ## Place a customer service button on the page ```javascript Page({ handleContact (e) { console.log(e.detail.path) console.log(e.detail.query) } }) ``` Need to[button](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)Components`open-type`The value of is set to`contact`, when the user clicks, they will enter the customer service session. If the user clicks on the mini program message during the session, they will return to the mini program. Developers can use`bindcontact`The event callback obtains the page path of the message clicked by the user`path`and corresponding parameters`query`。##Backend access customer service Log in to your mini program merchant backend: [https://mp.weixin.qq.com/](https://mp.weixin.qq.com/) ![](https://dcdn.it120.cc/yuque/0/2019/png/572726/1575267071601-7724a561-6b6e-41bd-975b-fd751249af03.png) Enter through the "Customer Service" menu on the left menu and add your customer service personnel (up to 100 customer service personnel can be added) Then ask the customer service to log in to the web page or the mobile customer service applet, and you can become a customer service anytime and anywhere. # WeChat customer service (connect to corporate WeChat, and send messages directly to corporate WeChat) ## View enterprise ID [https://kf.weixin.qq.com/](https://kf.weixin.qq.com/) Use corporate WeChat to scan the QR code to log in: ![](https://dcdn.it120.cc/yuque/0/2022/png/572726/1653533212903-5c6fb0a5-f42f-41ef-aea4-cbbaf486617e.png) ## View customer service linkThere are two methods below, whichever one can be used to view:### Option 1 ![](https://dcdn.it120.cc/yuque/0/2022/png/572726/1653533276665-248646f2-eaa0-43f7-89da-e30fa8f60aa9.png) ![](https://dcdn.it120.cc/yuque/0/2022/png/572726/1653533292793-d3b8a99a-9d53-4e48-9ab5-9b6f0a491578.png) ### Option 2 Log in to the enterprise WeChat backend: [https://work.weixin.qq.com/](https://work.weixin.qq.com/) ![](https://dcdn.it120.cc/yuque/0/2025/png/572726/1753861286609-8ec20804-3144-424a-aba2-1effb827a506.png) ![](https://dcdn.it120.cc/yuque/0/2025/png/572726/1753861315691-051951fc-4b6e-47b1-8c90-d756928f02fe.png) ![](https://dcdn.it120.cc/yuque/0/2025/png/572726/1753861346534-5d778567-c542-4b87-a52e-77866fafa5ed.png)Just copy the access link above## Log in to the mini program backend and bind the enterprise WeChat customer service [https://mp.weixin.qq.com/](https://mp.weixin.qq.com/) ![](https://dcdn.it120.cc/yuque/0/2022/png/572726/1653533520872-8d745d7d-1fa2-4439-ab03-bfe88a8a03f7.png) ## Jump to the customer service dialog box in the mini program [https://developers.weixin.qq.com/miniprogram/dev/api/open-api/service-chat/wx.openCustomerServiceChat.html](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/service-chat/wx.openCustomerServiceChat.html) ```javascript wx.openCustomerServiceChat({ extInfo: {url: ''}, corpId: '', success(res) {} }) ``` ## Designated customer service agent receptionist Log in to the enterprise WeChat backend: [https://work.weixin.qq.com/](https://work.weixin.qq.com/) ![](https://dcdn.it120.cc/yuque/0/2024/png/572726/1721371877981-d8ce0ac9-a332-41a9-bd48-a1a381afd701.png) ![](https://dcdn.it120.cc/yuque/0/2024/png/572726/1721371923704-e8d47aba-306c-4b5b-8617-0ecc4b5f9eb4.png) ![](https://dcdn.it120.cc/yuque/0/2024/png/572726/1721371970595-a07f400c-f0d7-42df-928f-4d59ac21896b.png) ## FAQ ### Can’t jump when clicked If you have not bound the corporate ID of the enterprise WeChat in the mini program background, please follow the above tutorial to bind it.