商城客服系统接入，联动查询咨询用户订单列表 以及可以向咨询用户推荐商品
我在抖音上发布了视频
https://www.douyin.com/video/7384807850859564325
下面是主要内容介绍
【视频标题：】
商城客服系统接入，联动查询咨询用户订单列表 以及可以向咨询用户推荐商品 #客服系统 #商城系统
-----------
【小红书文案：】
【标题】
1. "一秒内掌握客服系统新技能！商品推荐不再是难题！"
2. "别让客户等太久！立即查看订单，推荐商品！"
3. "告别手动查询！一键获取订单，智能推荐商品！"
4. "顾客满意度飙升！实时订单查看+商品推荐功能上线！"
5. "你还在手动查订单？OUT了！一键搞定！"
6. "客户咨询不再难，订单商品一键推荐！"
7. "提升客服效率，让顾客体验升级！"
8. "订单商品推荐，让客服工作更轻松！"
9. "客服新招数！顾客订单一目了然，推荐商品更精准！"
10. "告别繁琐查询，客服系统升级！订单商品推荐一步到位！"
【正文】
写作风格：轻松
写作开篇方法：使用数据
在电商领域，客服的效率直接影响顾客的购物体验。据统计，每提升1%的客服响应速度，顾客满意度可提高5%。今天，我们要介绍一项革命性的客服系统升级——实时查看订单并推荐商品功能！
想象一下，当顾客咨询时，客服能够立即查看他们的订单历史，并且根据购买习惯推荐商品，这将是多么高效和个性化的服务！我们的新系统做到了这一点。🚀
首先，让我们看看演示效果。当用户咨询时，客服可以快速查看用户的订单列表，同时，系统会提供一个商品推荐列表。这些数据虽然是模拟的，但足以展示系统的强大功能。📊
接下来，让我们深入了解如何设置这个系统。在设置菜单中，有一个“fm接入页面标题”和“页面地址”的配置选项。这里，你可以将自营商城系统中的订单页面地址配置进去，让系统自动加载订单信息。
开发订单页面时，系统需要识别当前访客的身份。通过访客ID、企业ID和客服账号，系统能够精确地定位到订单列表。🔍
发送推荐商品时，系统会利用`window.parent.postMessage`方法，将商品信息以JSON格式发送给主框架。JSON数据中，URL、图片和价格是必须固定的字段，它们将直接显示在产品卡片上。
最后，你可以根据需要自定义页面样式，无论是添加搜索框还是调整布局，都可以自由发挥。但请记得，如果要对接客服系统，需要遵循特定的发送和数据获取规则。
通过这项升级，我们不仅提高了客服的工作效率，也为顾客带来了更加流畅和个性化的购物体验。立即升级你的客服系统，让顾客满意度飙升吧！💬📈 #客服系统升级 #订单商品推荐 #提高顾客满意度
【结束语】
提升顾客体验，从升级客服系统开始。用科技的力量，让服务更上一层楼！🌟🛒 #电商客服 #提升效率 #顾客至上
-----------
【视频原文案】：
当我们的客服系统接入到自营的商城系统时，我们需要能够实时地看到咨询访客的订单列表，并给这个咨询访客推荐商品。可以看一下演示效果：当有用户在咨询时，我可以看到用户，看右边可以看到他的订单，所以他已经买过的东西订单列表。同时，有一个商品列表，这两个数据是模拟的，以及一个商品列表可以给他推荐商品。我们可以推荐商品，就是我们可以点这个发送，点着发送给他推荐一个商品。这边会形成一个产品卡片，推给用户，图片都能放大。这两个选项卡其实是两个独立的页面，是用框架给框进去的两个地址。这两个其实是两个独立的页面。我们看一下怎么设置，在设置里菜单配置列表设置里有一个fm接入页面标题，iPhone接入页面地址页面标题就是这个选项卡的名称，页面地址就是选项卡所加载进去的页面的地址。比如我们有自己的商城系统，在我们的商城系统里面自己开发一个订单页，把这个订单页的整个地址放在这，然后他就可以加载到把那个订单页加载到右边这里来。
我们还可以看一下这个订单页是怎么开发的。因为我们在自己的系统下拿订单，他首先需要知道这一个用户是谁。那还有就是，这个用户看一下这个原码，看这个就是订单列表的源码。这里面有几个地方要注意：一是可以在地址栏上看这地址栏上能够得到当前访客的访客id。当然如果我们对接自己的商城系统，那这个访客id就是商城系统中会员的唯一id。还有一个企业id和客服账号可以传过来，这三个参数我们拿着这三个参数就能够定位到我们自己系统内的订单列表上。但这些都是需要自行去开发的，因为我是不知道你们商城系统的订单情况的，所以你们自行需要在自己的订单列表页上去查询一个订单数据。
还有一个点是点发送，一点发送能把这个订单或者是把这个产品以卡片的形式发出去。那这个是怎么实现的呢？主要是看这里window的parent就是负极的frame post一个message，就是我们现在是处于这一个页面的子frame里，我们是要给负frame呢去发送一条json数据。当然这个type是固定的，data呢就是我们的一个json数据。以我自己的这个演示案例为例，这个传过去的json数据是这个，这个监测数据里有三个字段是必须固定的：k一个是url，一个是图片，还有一个是价格。这三个字段对应的产品卡片上是对应的，在地址是对对应在这，然后价格是对应的这一个，然后图片呢是对应的这一个。当然我们如果不传呢，那这里这三个就可以不显示。如果想显示就传，然后其他的是k value，k是中文名，value是我们自己的数据。那么展示到产品卡片里就是这里用户名是什么手机是什么，这个前面是k后面是value，就是这样直接传过来的。
所以呢，这个json数据里面，这三个字段的k是固定的。你如果想传的话就传这三个，如果不想传这三个可以去掉。然后其他的ky零呢是自行定义就可以，自行定义。然后你让他你这个想让他以哪一个字段来展示呢，那k呢你就写成哪个字段。当然我们使用中文是也是可以的，使用中文也是可以的。那么再通过这个post的message往负极iframe里post的一个json数据就可以把这个节省了，这就可以把这一条json给传过去。传过去在负极的frame里我会让他拼接成一个产品卡片，然后发送给用户，让用户去看。这个是订单，如商品其实也是一个一个道理。商品呢其实主要是商品名，还有这个下边这三个也是以同样的格式给传过去。
至于你这个页面长什么样，你可以随意，你想设计成什么样都可以，因为这是给你自己看的。那然后当然你如果要对接到我们这客服系统，那那你就需要按照我的规则点发送的时候是调用那一个方法。获取数据呢在这个url上给带过去了，这两个是如果对接到客服系统呢是需要注意的。其他的都是自由发挥的，其他的样式啊或者是怎么展示啊都是自由发挥的，或者是你的商品这里加一个搜索框啊这都是你自己页面上自定义就可以。
-----------
-----------
视频总结：
【🎞 -> 挑重点：该视频核心内容总结：】
1. 实时访问用户订单列表：客服系统需接入商城系统，获取用户订单数据。
2. 商品推荐功能：利用用户历史订单信息，推荐商品给用户。
3. 独立页面集成：利用框架将订单和商品推荐页面集成到客服系统中。
------------------------
【🛠 -> 该视频在个人和公司的落地应用：】
1. 提高销售转化率：通过分析用户订单，推荐用户可能感兴趣的商品。
2. 增强用户满意度：快速响应用户需求，提供个性化服务。
3. 优化客服效率：集成页面减少客服切换页面的时间，提升工作效率。
演示网站：gofly.v1kf.com
