跳至主要內容
全部系列聊天機器人情境範例
開發者進階功能(一):以呈現菜單為例
開發者進階功能(一):以呈現菜單為例
一年前已更新

歡迎來到 Super 8 的使用教學,這個單元將會教你如何使用開發者進階功能-外部服務及動態產生卡片訊息。

問題:

開發者進階功能對很多 Super 8 用戶來說都是不太好理解的一部分,於是我們先就外部服務及動態產生卡片訊息來說明他的功能或是在什麼情境下可以使用?下方就來為大家解答喔!

說明:

當您的情境是需要抓取您公司的資料,像會員資料、商品價格資料或菜單資料等外部資訊時,就建議您可以使用「外部服務」的功能。

當您的情境是希望用卡片的方式來呈現您的外部資訊時,就建議您可以使用「動態產生卡片訊息」的功能。

假設情境:因菜單資訊繁多,若製作卡片將資訊一個個帶入相當耗費時間。 8 用戶可利用「外部服務」及「動態產生卡片訊息」的功能快速製作卡片,讓顧客可以直接查看菜單資訊。

以下將結合 LINE@ 關鍵字、外部服務、動態產生卡片訊息等功能,在示範中一起呈現。

1. 建立流程:LINE@ - 關鍵字

前置作業:您可以利用 LINE URL scheme 的 Sending text messages 功能,此功能可讓顧客在掃描 QR Code 後,LINE的訊息輸入欄位會自動出現您設定的文字。顧客可以直接將此文字送出,進而觸發機器人。

製作格式為:line://oaMessage/LINE_id/?text_message

此處假設 LINE ID 為@ouh8XXXX,文字為「我要看菜單」,組合起來會是:line://oaMessage/@ouh8XXXX/?我要看菜單 。接著再用此段網址去生成 QR Code,讓顧客可以直接掃描。

guide744.png

在 LINE@ 後台抓取 LINE ID 資訊

guide745.png

用組合好的網址去生成 QR Code

觸發步驟:進入條件的觸發形式選擇「被顧客傳送內容觸發」,條件選擇當顧客輸入等於「我要看菜單」。此處僅為示範,關鍵字請依您的情境自定義。

guide746.png

第一步驟:進入條件不開啟,行為的行為形式選擇「前往流程」,流程選擇「展示菜單」

guide747.png

此流程所呈現的樣子是,當顧客掃描 QR Code 後,LINE的訊息欄會出現「我要看菜單」的文字。顧客送出「我要看菜單」的文字即可觸發「LINE@ - 關鍵字」這個流程,接著機器人會引導進入「展示菜單」的流程。

guide759.png

掃描 QR Code 後,訊息欄出現「我要看菜單」的文字

guide760.png

顧客送出「我要看菜單」的文字

2. 建立流程:展示菜單

觸發步驟:進入條件的觸發形式選擇「被其他流程觸發」

guide748.png

第一步驟:進入條件不開啟,行為的行為形式選擇「開發者進階功能」,功能選擇「外部服務」,Method 設置為 GET 自訂並放入 API URL。下方還可設定 Header、Query string、Body,請依您的情境自行進行設定。

guide749.png

如何建立 API URL 呢?

我們推薦您一個簡單方便的方法,請先至 SheetDB 註冊帳號。建議您可以將資料整理到 Google 表單中,接著只要將 Google 表單連結貼至 SheetDB 即可轉成 API URL 囉。

guide765.png

Google 表單

guide761.png

SheetDB 後台介面

第二步驟:進入條件不開啟,行為中的行為形式選擇「程式碼」,參數名稱設置 menu,值選擇從「展示菜單 - 展示菜單 - API 」這個步驟中來取資料。下方請再自行填入所需程式碼資訊。

guide750.png

第三步驟:進入條件不開啟,行為中的行為形式選擇「「開發者進階功能」,功能選擇「動態產生卡片訊息」,資料來源選擇步驟回覆「展示菜單 - 展示菜單 - API 」並填寫選項型卡片內資訊。

guide751.png
guide752.png

此流程所呈現的樣子是,當顧客進入「展示菜單」的流程時,機器人會從 API URL 的表單中抓取菜單資訊。抓取到的菜單資料會帶入卡片中呈現。

guide760.png

顧客進入「展示菜單」的流程後,機器人發送動態產生卡片

3. 建立流程:展示菜單 - 記錄喜好

觸發步驟:進入條件的觸發形式選擇「被顧客傳送內容觸發」,條件選擇當顧客輸入包含 [給個讚 👍] 。此處僅為示範,關鍵字請依您的情境自定義。

guide753.png

第一步驟:進入條件不開啟,行為的行為形式選擇「發送訊息」並填寫訊息內容

guide754.png

第二步驟:進入條件不開啟,行為中的行為形式選擇「設定延遲」,延遲時間設置兩秒

guide755.png

第三步驟:進入條件不開啟,行為中的行為形式選擇「程式碼」,參數名稱設置 preference,值選擇從觸發步驟中來取資料。下方請再自行填入所需程式碼資訊。

假設顧客在卡片中點選的是好吃的美國鬆餅下方的 [給個讚 👍] ,在觸發步驟中紀錄的資料會是 [給個讚 👍] 好吃的美國鬆餅。因此此處的程式碼內容是設置將 [給個讚 👍] 刪除,只剩下好吃的美國鬆餅,方便下一步驟設置標籤。

guide756.png

第四步驟:進入條件不開啟,行為中的行為形式選擇「設定標籤」,標籤設置為從步驟「展示菜單 - 記錄喜好 - 記錄喜好 - Code 」。

guide757.png

第五步驟:進入條件不開啟,行為中的行為形式選擇「前往流程」,流程選擇「展示菜單」

guide758.png

此流程所呈現的樣子是,當顧客輸入包含 [給個讚 👍] 時,機器人會隨機發送文字訊息。兩秒後,機器人會抓取顧客在觸發步驟中的資料,並用此資料來上標籤,接著機器人會引導顧客到「展示菜單」的流程。

guide762.png

顧客輸入包含 [給個讚 👍] 時,機器人隨機發送文字訊息

guide764.png

機器人抓取顧客在觸發步驟中的資料,並用此資料來上標籤

guide763.png

上完標籤後,機器人引導顧客到「展示菜單」的流程

horizontal.png

以上為此單元教學內容,希望有協助到您!
若有相關問題,歡迎透過 Super 8 平台右下方的「顧客聊天外掛程式」向線上客服專員詢問,服務時間為週一至週五 09:30~13:00,14:00~18:30。
Super 8 雲發互動科技 Messenger:m.me/no8.io
Super 8 雲發互動科技 LINE@:https://line.me/R/ti/p/@im888

是否回答了您的問題?