WooCommerce 加 LINE 帶上商品參數

在台灣 LINE 普及率非常高,所以也常常應用在線上客服,例如在網站電商上透過加入 LINE 官方帳號來進行客服諮詢等等

但當加入官方帳號開始進行聊天時往往還要告知詢問商品或是從原網站複製連結等,來確認要諮詢的商品,有時品名相近或客戶懶得打字都可能造成認知誤差雞同鴨講

有沒有可能在加入官方帳號的同時順帶一些商品資訊?減少溝通時間與提高準確率?

研究一下還真的有,在 LINE 官方提供的開發者文件當中有提到如何透過連結方式附帶參數

內容:

  • LINE ID
  • 參數內容
  • 連結:https://line.me/R/oaMessage/{LINE ID}/?{text_message}

首先獲取 LINE ID 不難,我們可以從 LINE 帳號找到,再來是參數內容,

由於預計將連結放到每個商品頁面中而每個連結要帶的參數內容又不一樣,所以我們要透過 WordPress 函式來抓取 (當然你勤勞的話也可以一個一個手填,但今天我們用省力一點的方法)

接下來我們會用到 WooCommerce Hook 來決定我們要放置連結的位置,範例我們就選用 woocommerce_after_add_to_cart_form 作為位置的 Hook(大概是在商品頁中加入購物車的下方如圖)

再來就是內容抓取了,這邊用的是商品名稱、商品連結,分別會用到以下 WordPress 函式 get_the_title() 、get_permalink()

然後再將內容 urlencode (因為 LINE 參數要經過 urlencode 處理)與 LINE ID 放入連結當中就完成了

當點擊連結時會自動開啟 LINE App 加好友,並把參數帶入到輸入欄位裡頭

例如範例中我用 Hi there! 作為參數

連結大概會長這樣:https://line.me/R/oaMessage/@873nqfmv/?Hi%20there%21

以上就是大概作法與流程,如果你想但是你不懂程式,也可以跟我聯絡喔

資料參考: