設定 LINE Login & 取得 LIFF ID:讓客人「在 LINE 裡直接預約」

賴管家編輯室
· 閱讀約 7 分鐘
設定 LINE Login & 取得 LIFF ID:讓客人「在 LINE 裡直接預約」

前面幾篇,我們讓官方帳號會自動收發訊息了。這一篇要做的是另一件很有感的事:讓客人直接在 LINE 裡面,打開一個預約頁、自己選時段,全程不用離開 LINE、也不用另外註冊帳號。

要做到這件事,會用到兩個名詞:LINE LoginLIFF

先搞懂:LINE Login 和 LIFF 是什麼?

  • LINE Login:讓客人用他的 LINE 帳號一鍵登入你的預約頁,不用再另外「註冊會員、設密碼」。對客人來說少了一大堆麻煩,願意用的人就多了。你可以想成店門口那位「幫客人快速報到的接待員」
  • LIFF(唸作「立夫」):它讓一個網頁直接開在 LINE 裡面。客人點一下,預約頁就在 LINE 內跳出來,選完時段送出,人從頭到尾都待在 LINE 裡,體驗很順。你可以想成「開在 LINE 裡的一個小房間」,客人不用被丟到外面的瀏覽器。
  • LIFF ID:這是你那個小房間的「門牌號碼」,一串長得像 1234567890-AbcdEfgh 的代號。你的預約工具需要知道這個門牌,才找得到、也才打得開你的頁面。

一句話:LINE Login 讓客人免註冊登入;LIFF 讓預約頁開在 LINE 裡;LIFF ID 是這個頁面的門牌號碼。

---

第 1 步:建立一個「LINE Login channel」

還記得上一篇說的「Messaging API 和 LINE Login 要放同一個 Provider」嗎?現在就是時候。

  1. 打開 LINE Developers 開發者後台https://developers.line.biz/,登入。
  2. 點進你的 Provider(那塊名牌,例如「Amy 美髮工作室」)。
  3. 「Create a new channel」(建立新的 channel)。
  4. channel 類型選 「LINE Login」,按下一步。
  5. 填一些基本資料(channel 名稱、描述等),完成後按 「Create」
設定 LINE Login & 取得 LIFF ID:讓客人「在 LINE 裡直接預約」

第 2 步:在 LINE Login 裡「新增一個 LIFF」

建立好 LINE Login channel 後,進到它裡面:

  1. 點最上面的 「LIFF」分頁。
  2. 「Add」(新增)。
  3. 填寫這個 LIFF(小房間)的設定:
    • LIFF app name:取個名字,例如「線上預約」。
    • Size:頁面大小,通常選 「Full」(全螢幕)體驗最好。
    • Endpoint URL:這格要填「這個小房間要打開哪一頁」的網址。這個網址通常是你選用的服務(例如賴管家)提供給你的,把它貼進來即可(一定要 https:// 開頭)。這格的細節,我們下一篇會專門講。
    • 其他選項(例如要不要顯示加好友)先用預設值即可。
  4. 「Add」 完成建立。
設定 LINE Login & 取得 LIFF ID:讓客人「在 LINE 裡直接預約」

第 3 步:複製你的「LIFF ID」

建立好之後,回到 「LIFF」分頁,你會看到剛剛那個 LIFF 出現在清單上,旁邊列著兩個東西:

  • LIFF ID:像 1234567890-AbcdEfgh 的那串 —— 這就是你要複製的門牌號碼。
  • LIFF URL:像 https://liff.line.me/1234567890-AbcdEfgh 的網址 —— 它其實就是「https://liff.line.me/ + 你的 LIFF ID」拼起來的,是給客人點開用的連結。

LIFF ID 複製起來,貼到你的預約工具設定裡(例如貼進賴管家)。

設定 LINE Login & 取得 LIFF ID:讓客人「在 LINE 裡直接預約」

第 4 步:把 LINE Login 的狀態切成「Published」

這一步很多人會漏掉,導致設定完卻沒反應,一定要做:

剛建好的 LINE Login,狀態預設是 「Developing」(開發中),這時它還沒有正式生效。你要把它切成 「Published」(已發佈):

  1. 點畫面上顯示 「Developing」 的地方。
  2. 跳出小視窗後,選 「Publish」(發佈)。
  3. 確認狀態變成綠色的「Published」就完成了。
設定 LINE Login & 取得 LIFF ID:讓客人「在 LINE 裡直接預約」

---

三個很容易搞混的東西,一次幫你分清楚

這是整個設定裡最容易讓人頭暈的地方,記住這張對照表就好:

  • LIFF ID = 門牌號碼(1234567890-AbcdEfgh)。貼給你的預約工具用。
  • LIFF URL = 給客人點的連結(https://liff.line.me/ + 門牌號碼)。
  • Endpoint URL = 這個小房間實際打開的那一頁(通常是你的服務給你的網址)。這是第三個、不一樣的東西,下一篇專門講。

小訣竅:看到 liff.line.me 開頭的,是給客人用的;看到一串「數字-英文」的,是給工具用的門牌 ID。

換個生活例子:美甲師小婷

小婷是工作室美甲師,採「完全預約制」。以前客人要預約,得先加她好友、私訊問時間、她再翻行事曆回覆,一來一回很累。

設定好 LINE Login + LIFF 之後,客人只要在她的官方帳號點一下「線上預約」,預約頁就直接在 LINE 裡打開,用自己的 LINE 一鍵登入、選好時段送出 —— 全程 30 秒,人都沒離開 LINE。小婷要做的,就是把這篇拿到的 LIFF ID(門牌號碼)貼進她的預約工具而已。

你可能會擔心的幾件事

  • 「LINE Login 和 Messaging API 是不是要分開兩個 Provider?」 不用,而且最好放同一個 Provider,管理才不會亂。
  • 「Endpoint URL 我沒有網頁,怎麼填?」 別擔心,這個網址通常是你選用的服務(例如賴管家)直接提供給你的,你只要貼上去。下一篇會細講。
  • 「切成 Published 會不會有風險?」 不會,這只是讓功能「正式生效」,本來就該切。忘了切才會出問題(設定看起來對卻沒反應)。

小提醒

  • LINE Login 和 LIFF 的建立不用付費
  • 記得最後一定要把狀態切成綠色 Published,否則會白忙一場。

結論

這一篇我們讓客人能「在 LINE 裡直接預約」,並拿到了那組門牌號碼 LIFF ID。做法拆開來就是:建 LINE Login channel → 新增一個 LIFF → 複製 LIFF ID → 狀態切成 Published。

下一篇,我們就來把剛剛跳過的兩個「網址回填」講清楚:Webhook URLLIFF Endpoint URL 各自該填在哪裡。

💬 三個 URL 看得頭很暈?很正常,私訊我們,我們幫你一個個對位,保證你不會貼錯格。

(上一篇:〈取得 Channel Access Token〉/下一篇:〈Webhook URL 要回填在哪裡?〉

賴管家編輯室

我們把客戶現場遇到的問題、產品更新與經營做法寫成筆記,陪一個人做生意的你少走彎路。

照著做

今晚的訊息,
就讓賴管家先接。

免費試用不用先加好友;個人版+智能客服基本版一個月 NT$248,平均一天約 8 元。

免費開始試用