功能說明：
  • 顧客可於「會員註冊」、「結帳頁」使用LINE快速登入，系統將自動抓取客戶LINE的「Email」做帳號比對。
  • 透過 LINE快速登入 ，推播商家官方帳號，進而增加官方帳號曝光度。
  • 使用LINE登入，可使其與 CYBERBIZ 顧客列表作關聯，企業版可篩選 透過 「LINE快速登入」 的會員。

操作目錄：

常見問題
  • 頁面出現 400 錯誤訊息 (檢查設定步驟)
  • 出現無法綁定 Email 相關錯誤訊息 (檢查設定步驟)
  • 在 EC 上透過 LINE App 登入，跳轉畫面情境
    • 注意事項:
    • 請商家參照以下文件操作，並填入應用程式ID、應用程式密鑰並開啟【啟用LINE登入】，方可使用LINE登入。
    • 若您有已建立的LINE官方帳號，請確認您的LINE login channel與 LINE官方帳號下之 Messaging API channel的Provider為同一個。
    • 消費者使用 Hinet信箱登入會員，若忘記密碼，會因為 Hinet 阻擋訊息而無法重新設定密碼，可建議客戶使用其他信箱註冊。 。
    • 顧客的 LINE帳號 一定要綁定EMAIL，才可使用 LINE 登入。

    📌 建立 LINE 登入資訊

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

    2. 進入畫面後，若您尚未有任何 Provider，請先按下方建立一個，
      若已先設定好 串接 Messaging API了，請選擇對應的 Provider。
      選擇/建立provider
      *若尚未建立過 Provider的客戶可自行建立一個。
      無provider

    3. 點選【Create a LINE Login channel】。 (此設定以原有 Provider 用戶為範例)
      新建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 快速登入呈現 400。
      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官方帳號好友



    請先至下方 LINE PROVIDER 設定 確認是否正確設定


    1. 請先至LINE Developers 選擇頁籤「Basic settings」，往下滑至「Add friend option」→「Linked LINE Official Account」，選擇 Edit。
      linkoa

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

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

    📌 LINE 快速登入進階設定 : 取得會員手機號碼

    (此功能需先設定 LINE快速登入後，再前往設定相關功能。)
    (商家可自行選擇是否要設定該功能)

    LINE 快速登入進階設定 : 取得會員手機號碼

    📌 LINE Provider 設定

    1. 請先至 LINE OA 建立/MESSAGING API 串接設定 建立好 LINE OA 官方帳號。
    2. 並確認同個 Provider 下建立 LINE Login channel 和 LINE messaging API channel。
    3. 設定完成 才可開始設定  LINE 快速登入導引會員加入LINE官方帳號好友。
      4. provider

    📌 常見問題

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

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

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

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

    Loading