商城客服系統接入，聯動查詢諮詢使用者訂單列表 以及可以向諮詢使用者推薦商品

我在抖音上釋出了影片
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