2025 年 4 月 16 日

功能說明:
  • 顧客可於「會員註冊」、「結帳頁」使用LINE快速登入,系統將自動抓取客戶LINE的「Email」做帳號比對。

操作目錄:

注意事項:
  • 請商家參照以下文件操作,並填入應用程式ID、應用程式密鑰並開啟【啟用LINE登入】,方可使用LINE登入。
  • 消費者使用 Hinet信箱登入會員,若忘記密碼,會因為 Hinet 阻擋訊息而無法重新設定密碼,可建議客戶使用其他信箱註冊。 。
  • 顧客的 LINE帳號 一定要綁定EMAIL,才可使用 LINE 登入。
  • LINE 相關設定有較多頁籤需來回跳轉,請注意文章中標示頁籤以便您的設定。

📌 建立 LINE 登入資訊

  1. 請先至LINE Developers 登入帳號(需要有LINE帳戶),若已經登入可按「console」進入。
    登入linedeveloper

  2. 進入畫面後,若您尚未有任何 Provider,請先按下方建立一個,
    選擇/建立provider
    *若尚未建立過 Provider的客戶可自行建立一個。
    無provider

  3. 點選【Create a LINE Login channel】。
    新建loginchannel

  4. 選擇 LINE Login 功能。
    login畫面

  5. 填寫下方欄位。
    • 【Region to provide the service】: Taiwan
    • 【Company or owner’s country or region】 : Taiwan
    • 新建channel
    • 【Channel icon】: 上傳網站 Logo
    • 【Channel name】: 輸入商店名稱
    • 【Channel description】: 輸入商店簡述。(內容不可換行)
    • 【App types】: 勾選 Web app
    • 設定channel
    • 【Email address】: 輸入 email
    • 【Privacy policy URL】: 輸入網站隱私政策網址
    • 【Terms of use URL】: 輸入網站服務條款網址
    • 勾選條款後點擊 Creat 按鈕
    • 設定channel2

  6. 完成設定後,可先將狀態「Developing」轉至「Published」,
    選擇頁籤「Basic settings」滑至最下方至「OpenID Connect」。
    設定openID

  7. 點開 OpenID Connect 的「Apply」
    • 若無法於後台完成 LINE 快速登入串接,請檢查已完成此步驟。

    openID connect

  8. 設定【OpenID Connect】欄位資訊,確認狀態為「Applied」,
    並勾選裡面的內容,依照需求上傳 商家Logo,並按下「Submit」。
    openID connect2

  9. 點選 頁籤「LINE Login」設定 Callback URL,點選「Edit」。
    callback

  10. 填入商家的 Callback URL。
    範例 : 我的商店網址 : https://2020test.cyberbiz.co/
    則可填入 https://2020test.cyberbiz.co/customer/auth/line/callback

    • 若 LINE 快速登入頁面呈現 400 Bad Request,屆時顧客無法由 LINE 帳號登入或註冊會員,請商家確認此步驟網址填寫無誤。

    • 自有網域及 CYBERBIZ 網域設定邏輯相同。
    • 跨境用戶填入網址不需加上 zh-TW 等,僅需填寫一般的網域即可。
    • Callback URL 支援新增多個網域,如您有購買自有網域,請務必將 CYBERBIZ網域及自有網域都一併設定。

    callbackURL設定


📌 填入【帳號ID】、【應用程式密鑰】至 CYBERBIZ 後台


  1. 請先至LINE Developers 選擇頁籤「Basic settings」,複製【Channel ID】【Channel secret】。
    設定id,secret

  2. 至 CYBERBIZ 後台貼上並開啟「啟用LINE登入」
    後台路徑 :「第三方整合」「LINE 註冊登入」
    設定id,secret

  3. 設定完成後至商店前台即可使用「LINE 快速登入」
    前台登入畫面


📌 LINE 快速登入導引會員加入LINE官方帳號好友(PLUS版專用)

  1. 請先至LINE Developers 選擇頁籤「Basic settings」,往下滑至「Linked OA」,選擇 Edit。
    linkoa

  2. 可選擇同個 Provider下的 LINE官方帳號。
    linkoa選擇

  3. 前台畫面,使用 LINE快速登入,並可出現「加入好友」按鈕。
    前台登入畫面19
    *會員若點擊「取消」,仍可登入但就不會自動加入 LINE官方帳號。
    前台登入畫面20

📌 常見問題:iOS系統無法直接跳轉登入畫面

若 iOS系統無法直接跳轉登入畫面,請依照下方指示進行登入。

  1. 建議使用 Safari 瀏覽器 進行操作。

  2. 若出現 『要在「LINE」中打開嗎?』 的彈窗,請選擇 打開。
    line打開

  3. 如果沒有出現彈窗,請點擊畫面下方 「使用 LINE 應用程式登入」。
    line登入

滿意此教學文件嗎?

平均星星 5 / 5. 投票數 1

真的很抱歉造成您的困擾

可以留下您的建議或回饋

告訴我們哪裡需要更改