這邊以顧客使用綠界 ATM 櫃員機轉帳並使用綠界超商取貨為範例,示範 WooCommerce 推播通知外掛在訂單的各個階段可以運用的方式:
1. 前置作業
先務必取得 LINE Messaging API 的 Access Token,具體細節可以參考 LINE Messaging API 設定教學。
其次取得 LINE Login 的 Channel ID 與 Secret,並完成回呼網址、申請電子郵件權限以及設定 Linked OA 綁定官方帳號,具體設定細節可以參考 LINE Login 設定教學。
完成以上的設定進入 Woo 推播通知的 LINE Login 按鈕設定,將登入按鈕顯示於 WooCommerce 的登入頁以及結帳頁:
開啟後就能在 WooCommerce 我的帳號頁以及結帳頁看到 LINE 登入按鈕,當顧客使用 LINE 登入時就能將他的 LINE User ID 存於資料庫,後續的推播都要依賴這個 ID。
到這邊前置作業就完成了,接下來我們實際進行推播訊息的設定。
2. 新增保留訂單的推播通知
假設我們的網站提供綠界 ATM 櫃員機金流,以及綠界 7-11 超商取貨物流,我們希望當訂單狀態為保留時(綠界 ATM 櫃員機取號完成後的訂單狀態為保留),可以讓顧客在 LINE 裡面收到轉帳資訊,這時候就可以新增一則推播通知來處理,步驟如下:
首先先新增一則推播,標題為「保留訂單/綠界 ATM 櫃員機」,標題可以用訂單狀態以及觸發條件來命名,之後會比較好找:
接下來再觸發通知的事件選擇「當訂單狀態改變」,訂單狀態選擇「保留」,新增一個規則為依付款方式為綠界 ATM 櫃員機:
然後新增一個通知方式,類型選擇「LINE 推播」,通知內文的地方輸入要傳送給顧客的訊息:
由於轉帳資訊是從綠界金流回傳的,因此我們要用變數的方式進行帶入,看到右側「可帶入參數」區塊,找到綠界資料,點擊轉帳銀行代碼進行複製,再貼入到通知內文當中,這時候可以看到類似「{{_ecpay_atm_xxx}}」這樣的文字,程式會自動將這段文字轉換為正確的資料:
設定完成後我們實際進行一次結帳流程,所有設定都正確的話可以在 LINE 官方帳號裡面看到以下的推播訊息:
在訂單編輯頁可以看到推播狀態,以及在訂單備註中看到推播結果:
也可以在推播紀錄中看到這一筆資料:
3. 新增商品抵達超商訂單的推播通知
接下來我們想讓顧客在商品抵達超商時,可以收到前往取貨的 LINE 推播通知,設定方法與上面的步驟雷同,差異在觸發訂單狀態以及訊息內文,首先一樣新增一則推播,觸發狀態為「等待取貨」,訊息內文複製綠界的「超商門市ID」、「超商門市名稱」、「超商門市地址」:
當訂單狀態變成等待取貨時,就會收到以下的訊息: