提升电商客户体验，无缝对接唯一客服系统，助您商城腾飞！
在如今竞争激烈的电商领域，除了优质的商品和吸引人的价格，出色的客户服务同样不可或缺。一个高效的客服系统能够为您的电商商城带来更多的机会，建立顾客忠诚度，推动销售业绩的稳步增长。本文将详细介绍如何通过唯一客服系统（gofly.v1kf.com）在电商商城中展示客服按钮，并将浏览的产品信息传递到客服聊天咨询页面，从而实现无缝对接，助力您的电商业务腾飞。
1. 右下角弹窗模式
如果您希望在商城产品页中展示客服按钮，以弹窗模式提供客户服务，只需按照以下步骤操作：
首先，将唯一客服系统的部署代码嵌入您的电商网站。您可以根据以下示例代码进行编辑：
代码语言：javascript复制<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://img.yuanmabao.com/zijie/pic/2023/08/13/vq4resnw1h2.jpg",
"url": "https://gofly.v1kf.com"
}
}
})
});
</script>在上述代码中，您需要将商家账号和商家ID替换为您的实际信息。此外，在KEFU_EXTRA部分，您可以传递产品信息，包括标题、价格、图片和链接等。这样，当客户点击客服按钮时，系统会自动展示相关产品信息，提供更加个性化的客户服务。
2. 聊天链接跳转模式
如果您希望在进入产品详情页面后，将产品信息拼接到聊天链接中，您可以按照以下步骤操作：
在进入产品详情页面后，生成一个特定的链接，该链接需要拼接一个extra参数，该参数需要将产品信息以base64编码的JSON格式传递。例如，您可以将以下JSON进行base64编码，并拼接到链接中：
{
"visitorProduct": {
"title": "网站客服系统/在线客服系统【唯一客服】H5/APP/公众号/小程序/商城多用户客服系统",
"price": "￥20000",
"img": "https://img.yuanmabao.com/zijie/pic/2023/08/13/vq4resnw1h2.jpg",
"url": "https://gofly.v1kf.com"
}
}将base64编码后的JSON串拼接到链接中，形成如下格式：
代码语言：javascript复制https://gofly.v1kf.com/chatIndex?ent_id=5&kefu_id=taoshihan&extra=编码后的JSON串通过上述步骤，您可以实现产品信息的传递，并在客服聊天咨询页面中展示相应产品的标题、价格、图片和链接，为客户提供更加精准的咨询服务。
