功能說明:
  • 顧客可於「會員註冊」、「結帳頁」使用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」
    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
    • 自有網域及 CYBERBIZ 網域設定邏輯相同。
    • 跨境用戶填入網址不需加上 zh-TW 等,僅需填寫一般的網域即可。
    • 若未完成此步驟,顧客在前台使用 LINE 帳號註冊/登入時會看到「400」的錯誤提示。
    • 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

📌 常見問題

在 EC 上透過 LINE App 登入 LINE 使用情境 : iOS系統無法直接跳轉登入畫面,請依照下方指示進行登入。

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

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

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

是否滿意教學文件

點擊下方星星

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

真的很抱歉造成您的困擾

可以留下您的建議或回饋

告訴我們哪裡需要更改