Folio

Folio

新手引導

LINE 整合建置:官方帳號、通知與圖文選單

LINE 整合建置(照 LINE 設定教學四階段:啟用 Messaging API→金鑰+Webhook→LINE Login(自動建 LIFF)→圖文選單,再設預約通知與驗收)

在後台哪裡
  • 設定 > LINE整合
開始前,先確認這些已完成

目標:顧客用 LINE 登入你的預約站、預約後自動收到 LINE 確認卡與行前提醒、官方帳號有專業的圖文選單。

前提:

  1. 你要有自己的 LINE 官方帳號(LINE Official Account)。
  2. LINE 通知服務免費完成金鑰串接、按下儲存時系統會自動開通,不用另外購買。
  1. 1啟用 Messaging API(教學第一階段)

    到「設定 > LINE 整合 > 整合設定」,打開畫面右緣綠色的「LINE 設定教學」(大約 15 分鐘,四個階段有進度條,跟這一章的步驟 1~4 一一對應),每一步都有截圖。

    1. 登入 LINE 官方帳號後台,點右上角「設定」。還沒有官方帳號的話先建一個再回來。
    2. 左側點「Messaging API」,按「啟用 Messaging API」。
    3. 建立服務提供者(Provider),名稱填品牌名即可,只有你自己看得到。
    4. 看到啟用完成就代表 Messaging API channel 已經自動建好,不用自己建。
    5. 前往 LINE Developers Console,右上「Log in to Console」用同一個 LINE 帳號登入。
    6. 左側 Admin 面板點進你的服務提供者,再點跟官方帳號同名的「Messaging API」卡片。
    • 完成後你會看到LINE Developers 裡有一張跟官方帳號同名的 Messaging API channel。
  2. 2完成 Messaging API 金鑰串接與驗證(教學第二階段)

    1. Messaging API channel 的「Basic settings」往下找到「Channel secret」,複製貼到 Folio「Messaging Channel Secret」。
    2. 上方切到「Messaging API」tab,捲到最下面「Channel access token (long-lived)」按「Issue」,整串複製貼到 Folio「Channel Access Token」。
    3. 按 Folio 的「儲存設定」。系統會自動抓 Bot User ID,也會自動開通 LINE 通知服務(免費)。
    4. 回 LINE Developers 的「Messaging API」tab,在「Webhook settings」按「Edit」,貼上教學裡一鍵複製的 Webhook URL,按「Verify」應顯示「Success」。這條網址全平台商家都一樣。
    5. 同一區把「Use webhook」打開(綠色)。
    Verify 出現 401:上一步的「儲存設定」還沒完成;出現 404:Webhook URL 貼錯,重新複製一次。官方帳號的「自動回應訊息」不用關,跟系統通知不衝突。
    • 完成後你會看到整合設定頁「LINE Messaging API 設定」右上出現綠色「已設定」。這時就可以先去開預約提醒(步驟 5)。
  3. 3建立 LINE Login channel(教學第三階段)

    1. 回服務提供者首頁按「Create a new channel」,選「LINE Login」。基本資料:地區都選 Taiwan、Channel icon 放品牌 logo、Channel name 填品牌名、App types 勾「Web app」和「Mobile app」,勾 I agree 後按 Create。
    2. 「Basic settings」最上面的「Channel ID」複製貼到 Folio「LINE Login 設定」區的「Channel ID」。
    3. 同一頁往下的「Channel secret」複製貼到 Folio「Channel Secret」。注意這把是 LINE Login 的,跟步驟 2 那把不同,別搞混。
    4. 再按一次 Folio 的「儲存設定」。系統會自動建好全部 LIFF 入口(首頁、我的預約、立即預約、會員中心、優惠券等),整合設定頁下方「LIFF 入口連結」看得到,缺的可以一鍵補建。
    5. 回 LINE Login channel 的「LINE Login」tab,把教學裡一鍵複製的 Callback URL 貼進「Callback URL」按 Update。沒填的話顧客按 LINE 登入會卡在錯誤頁。
    6. 切回「Basic settings」,在「Add friend option」的「Linked LINE Official Account」選你的官方帳號按 Update,顧客登入時就會順便加你好友。
    7. 頁面上方點「Developing」,在確認框按「Publish」,狀態變成「Published」。停在 Developing 的話一般顧客沒辦法登入。
    • 完成後你會看到整合設定頁的「LINE Login 設定」與「LINE Messaging API 設定」兩區都出現綠色「已設定」。
  4. 4設定圖文選單(教學第四階段,重要!必做!)

    • 直接在「設定 > LINE 整合 > 圖文選單」完成,不用進 LINE 後台:選版型(大型 7 種/小型 5 種)、每格設定點擊動作(功能入口/分頁連結/自訂網址/傳送文字)、可用 AI 生成背景圖(8~40 點),或選「AI 建立」一次生成 1~3 個分頁的多分頁選單(一頁 50/兩頁 60/三頁 70 點,背景圖一張共用)。
    • 最多保存 3 個版本,同時只有一版發佈;按「發佈」會自動上傳到 LINE 並設為全體預設。
    • 詳細說明LINE 圖文選單
    • 完成後你會看到用自己的 LINE 打開官方帳號聊天室,下方出現圖文選單。

    卡關想請我們直接幫忙?教學面板右上有「專人協助」按鈕,照圖文把 Folio 專人邀進你的服務提供者與 Messaging API channel(權限都選 Admin)。要先做完步驟 1 才有服務提供者可以邀請。

  5. 5設定預約通知

    • 到「店務 > 會員經營 > 預約通知」選提醒方式:「靜音模式」(不發 LINE 給顧客,只留後台紀錄)或「自動提醒」,自動提醒再選「標準通知」(只發預約成立確認卡)/「前一天」(前一天再提醒一次)/「三日確認」(前三天先問顧客會不會來)。
    • 注意選「自動提醒」前要先完成步驟 2,否則會被擋下。只做完 LINE Login 不算串好。
    • 可自訂提醒文案模板(支援顧客名/日期/時間/服務等變數)與推播發送時段。
    • 詳細說明預約通知與行前提醒
    • 完成後你會看到預約通知頁顯示你選的提醒方式。
  6. 6驗收

    1. 用自己的 LINE 加官方帳號好友 → 看到圖文選單。
    2. 點圖文選單「立即預約」→ LIFF 開啟預約站 → 送出測試預約。
    3. 應收到預約成功卡片(含日期、服務、導航按鈕)。
    4. 商家後台取消該測試單。

    常見問題快速指引

    症狀 載入
    顧客沒收到任何 LINE 通知 LINE 通知與推播總覽(先分清你的官方帳號與 Folio 系統帳號兩條線路)
    Webhook Verify 失敗 LINE 整合設定
    員工說沒收到新預約通知 通知設定(裝置推播)(員工通知走 PWA 推播+Folio 統一帳號,與商家 LINE 無關)

還沒用過 Folio?

這份手冊是寫給商家的操作說明,想先知道 Folio 能幫你的店做什麼,看功能介紹比較快。

LINE