LINE 整合建置:官方帳號、通知與圖文選單
LINE 整合建置(照 LINE 設定教學四階段:啟用 Messaging API→金鑰+Webhook→LINE Login(自動建 LIFF)→圖文選單,再設預約通知與驗收)
在後台哪裡
- 設定 > LINE整合
開始前,先確認這些已完成
目標:顧客用 LINE 登入你的預約站、預約後自動收到 LINE 確認卡與行前提醒、官方帳號有專業的圖文選單。
前提:
- 你要有自己的 LINE 官方帳號(LINE Official Account)。
- LINE 通知服務免費完成金鑰串接、按下儲存時系統會自動開通,不用另外購買。
1啟用 Messaging API(教學第一階段)
到「設定 > LINE 整合 > 整合設定」,打開畫面右緣綠色的「LINE 設定教學」(大約 15 分鐘,四個階段有進度條,跟這一章的步驟 1~4 一一對應),每一步都有截圖。
- 登入 LINE 官方帳號後台,點右上角「設定」。還沒有官方帳號的話先建一個再回來。
- 左側點「Messaging API」,按「啟用 Messaging API」。
- 建立服務提供者(Provider),名稱填品牌名即可,只有你自己看得到。
- 看到啟用完成就代表 Messaging API channel 已經自動建好,不用自己建。
- 前往 LINE Developers Console,右上「Log in to Console」用同一個 LINE 帳號登入。
- 左側 Admin 面板點進你的服務提供者,再點跟官方帳號同名的「Messaging API」卡片。
- 完成後你會看到LINE Developers 裡有一張跟官方帳號同名的 Messaging API channel。
2完成 Messaging API 金鑰串接與驗證(教學第二階段)
- Messaging API channel 的「Basic settings」往下找到「Channel secret」,複製貼到 Folio「Messaging Channel Secret」。
- 上方切到「Messaging API」tab,捲到最下面「Channel access token (long-lived)」按「Issue」,整串複製貼到 Folio「Channel Access Token」。
- 按 Folio 的「儲存設定」。系統會自動抓 Bot User ID,也會自動開通 LINE 通知服務(免費)。
- 回 LINE Developers 的「Messaging API」tab,在「Webhook settings」按「Edit」,貼上教學裡一鍵複製的 Webhook URL,按「Verify」應顯示「Success」。這條網址全平台商家都一樣。
- 同一區把「Use webhook」打開(綠色)。
Verify 出現 401:上一步的「儲存設定」還沒完成;出現 404:Webhook URL 貼錯,重新複製一次。官方帳號的「自動回應訊息」不用關,跟系統通知不衝突。- 完成後你會看到整合設定頁「LINE Messaging API 設定」右上出現綠色「已設定」。這時就可以先去開預約提醒(步驟 5)。
3建立 LINE Login channel(教學第三階段)
- 回服務提供者首頁按「Create a new channel」,選「LINE Login」。基本資料:地區都選 Taiwan、Channel icon 放品牌 logo、Channel name 填品牌名、App types 勾「Web app」和「Mobile app」,勾 I agree 後按 Create。
- 「Basic settings」最上面的「Channel ID」複製貼到 Folio「LINE Login 設定」區的「Channel ID」。
- 同一頁往下的「Channel secret」複製貼到 Folio「Channel Secret」。注意這把是 LINE Login 的,跟步驟 2 那把不同,別搞混。
- 再按一次 Folio 的「儲存設定」。系統會自動建好全部 LIFF 入口(首頁、我的預約、立即預約、會員中心、優惠券等),整合設定頁下方「LIFF 入口連結」看得到,缺的可以一鍵補建。
- 回 LINE Login channel 的「LINE Login」tab,把教學裡一鍵複製的 Callback URL 貼進「Callback URL」按 Update。沒填的話顧客按 LINE 登入會卡在錯誤頁。
- 切回「Basic settings」,在「Add friend option」的「Linked LINE Official Account」選你的官方帳號按 Update,顧客登入時就會順便加你好友。
- 頁面上方點「Developing」,在確認框按「Publish」,狀態變成「Published」。停在 Developing 的話一般顧客沒辦法登入。
- 完成後你會看到整合設定頁的「LINE Login 設定」與「LINE Messaging API 設定」兩區都出現綠色「已設定」。
4設定圖文選單(教學第四階段,重要!必做!)
- 直接在「設定 > LINE 整合 > 圖文選單」完成,不用進 LINE 後台:選版型(大型 7 種/小型 5 種)、每格設定點擊動作(功能入口/分頁連結/自訂網址/傳送文字)、可用 AI 生成背景圖(8~40 點),或選「AI 建立」一次生成 1~3 個分頁的多分頁選單(一頁 50/兩頁 60/三頁 70 點,背景圖一張共用)。
- 最多保存 3 個版本,同時只有一版發佈;按「發佈」會自動上傳到 LINE 並設為全體預設。
- 詳細說明LINE 圖文選單
- 完成後你會看到用自己的 LINE 打開官方帳號聊天室,下方出現圖文選單。
卡關想請我們直接幫忙?教學面板右上有「專人協助」按鈕,照圖文把 Folio 專人邀進你的服務提供者與 Messaging API channel(權限都選 Admin)。要先做完步驟 1 才有服務提供者可以邀請。
- 詳細說明與排查決策樹LINE 整合設定
5設定預約通知
- 到「店務 > 會員經營 > 預約通知」選提醒方式:「靜音模式」(不發 LINE 給顧客,只留後台紀錄)或「自動提醒」,自動提醒再選「標準通知」(只發預約成立確認卡)/「前一天」(前一天再提醒一次)/「三日確認」(前三天先問顧客會不會來)。
- 注意選「自動提醒」前要先完成步驟 2,否則會被擋下。只做完 LINE Login 不算串好。
- 可自訂提醒文案模板(支援顧客名/日期/時間/服務等變數)與推播發送時段。
- 詳細說明預約通知與行前提醒
- 完成後你會看到預約通知頁顯示你選的提醒方式。
6驗收
- 用自己的 LINE 加官方帳號好友 → 看到圖文選單。
- 點圖文選單「立即預約」→ LIFF 開啟預約站 → 送出測試預約。
- 應收到預約成功卡片(含日期、服務、導航按鈕)。
- 商家後台取消該測試單。
常見問題快速指引
症狀 載入 顧客沒收到任何 LINE 通知 LINE 通知與推播總覽(先分清你的官方帳號與 Folio 系統帳號兩條線路) Webhook Verify 失敗 LINE 整合設定 員工說沒收到新預約通知 通知設定(裝置推播)(員工通知走 PWA 推播+Folio 統一帳號,與商家 LINE 無關)