Improve e-commerce customer experience, seamlessly connect with the only customer service system, and help your mall take off!
In today's highly competitive e-commerce world, in addition to high-quality products and attractive prices, excellent customer service is also indispensable. An efficient customer service system can bring more opportunities to your e-commerce mall, build customer loyalty, and promote the steady growth of sales performance. This article will introduce in detail how to display the customer service button in the e-commerce mall through the only customer service system (gofly.v1kf.com), and transfer the browsed product information to the customer service chat consultation page, so as to achieve seamless connection and help your e-commerce business take off.
1. Pop-up mode in the lower right corner
If you want to display the customer service button on the product page of the mall to provide customer service in pop-up mode, just follow the steps below:
First, embed the deployment code of the unique customer service system into your e-commerce website. You can edit based on the sample code below:
<script type='text/javascript'>
(function(a, b, c, d) {
let h = b.getElementsByTagName('head')[0];let s = b.createElement('script');
s.type = 'text/javascript';s.src = c+"/static/js/kefu-front.js";s.onload = s.onreadystatechange = function () {
if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") d(c);
};h.appendChild(s);
})(window, document,"https://gofly.v1kf.com",function(u){
KEFU.init({
KEFU_URL:u,
KEFU_KEFU_ID: "商家账号",
KEFU_ENT: "商家ID",
KEFU_EXTRA:{
"visitorProduct": {
"title": "网站客服系统/在线客服系统【唯一客服】H5/APP/公众号/小程序/商城多用户客服系统",
"price": "￥20000",
"img": "https://goflychat.oss-cn-hangzhou.aliyuncs.com/static/upload/2023February/c76a894efdf7a43f2644ea1906366903.jpg",
"url": "https://gofly.v1kf.com"
}
}
})
});
</script>
In the above code, you need to replace 商家账号and 商家IDwith your actual information. Also, in KEFU_EXTRAsection, you can pass product information including title, price, picture and link etc. In this way, when a customer clicks the customer service button, the system will automatically display relevant product information to provide more personalized customer service.
2. Chat link jump mode
If you want to add product information to the chat link after entering the product details page, you can follow the steps below:
After entering the product details page, a specific link is generated, which needs to be spliced with a parameter extra, and the parameter needs to pass the product information in base64-encoded JSON format. For example, you can base64 encode the following JSON and splice it into the link:
{
"visitorProduct": {
"title": "网站客服系统/在线客服系统【唯一客服】H5/APP/公众号/小程序/商城多用户客服系统",
"price": "￥20000",
"img": "https://goflychat.oss-cn-hangzhou.aliyuncs.com/static/upload/2023February/c76a894efdf7a43f2644ea1906366903.jpg",
"url": "https://gofly.v1kf.com"
}
}
Splice the base64-encoded JSON string into the link to form the following format:
https://gofly.v1kf.com/chatIndex?ent_id=5&kefu_id=taoshihan&extra=编码后的JSON串
Through the above steps, you can realize the transmission of product information, and display the title, price, picture and link of the corresponding product on the customer service chat consultation page, so as to provide customers with more accurate consultation services.
通过以上两种方式，您可以充分利用唯一客服系统的强大功能，实现电商商城与客服系统的无缝对接，为顾客提供更加个性化、高效的购物体验。不仅可以提升品牌形象，还能够促进销售增长，为您的电商业务带来更多的成功机会。立即访问唯一客服系统的官方网址(gofly.v1kf.com)，开启电商客户服务新篇章！