Akohub | 如何在 Shopify 啟用 LINE 快速登入並綁定 LINE 官方帳號加好友 article
Akohub Logo

如何在 Shopify 啟用 LINE 快速登入並綁定 LINE 官方帳號加好友

August 23, 2023

*最後更新時間:2023.10.05

安裝 Ako Marketing 即可免費開通 LINE 快速登入&綁定 LINE OA 加好友

目錄

步驟一:安裝 Ako Marketing Retargeting Ads

  1. 點擊連結下載 Ako Marketing Retargeting Ads 👉 https://apps.shopify.com/ako-retargeting
  2. 在 Ako Marketing 後台前往導覽列 Settings > Social Login,將「LINE」和「Account Page Social Login」切換為開啟狀態:
    開啟後會員就能在商店使用 LINE 帳號登入或註冊:

步驟二:建立品牌專屬的 LINE Login App 

  1. 請點擊連結(https://developers.line.biz/console)建立 LINE 開發者帳號,依序填寫資料後按下 Create my account:


  2. 點擊 Create a new provider:


  3. 在 Provider name 輸入你的商店或品牌名稱,這會顯示在會員使用 LINE 帳號登入的存取畫面:
    ↓ 登入時的存取畫面
    Sample Provider

  4. 選擇 Create a LINE Login channel:
  5. 填寫 Create a new channel 表格:
    • 【Region to provide the service】:選擇 Taiwan
    • 【Company or owner's country or region :選擇 Taiwan
    • 【Channel icon :上傳網站或品牌 Logo
    • Channel name :輸入網站或品牌名稱
    • Channel description :輸入網站或品牌簡述
    • App type :勾選 Web App
    • Email address 】:會自動帶入 Email
    • Privacy policy URL :輸入網站隱私權政策網址
    • Terms of user URL :輸入網站使用者條款網址
    • 勾選同意條款並按下 Create 按鈕:

  6. 在 LINE Login 頁籤,將「Use LINE login in your web app」切換為開啟狀態,並將這串網址「https://app.akohub.com/social/line/oauth 」複製貼上至「Callback URL」的欄位:


  7. 接著在 Basic Settings 頁籤中的「OpenID Connect」點一下 Apply,打勾同意條款、上傳品牌 Logo 並按下 Submit:點擊 Submit 後 OpenID Connect 的 Email address permission 會跳轉為 「Applied」狀態:


  8. 將 LINE Login App 從 Developing 切換為 Publish:


  9. 複製 Basic Settings 頁籤裡的「Channel ID」和「Channel secret」,並前往 Ako Marketing 後台 Settings > Social Login > Custom App > LINE,把剛剛複製的「Channel ID」和「Channel secret」分別貼入欄位內:


  10. 接著請依照您的需求設定 LINE OA 加好友的畫面:
    • 若您「不用」綁定 LINE 官方帳號加好友,請在 LINE Official Account Display Options 勾選「None」儲存,就完成建立有品牌 LOGO 的 LINE 登入畫面囉!

    • 若您「」綁定 LINE 官方帳號加好友,您有「Normal」和「Aggressive」兩種模式可選擇,兩者差別如下:


  11. 這樣就完成建立品牌專屬的 LINE Login App 了,下圖為示範帳號實際建立的登入畫面👇

步驟三:連結 LINE 官方帳號(已建立 LINE 官方帳號版本)

  1. 登入  LINE Official Account Manager ,點擊右上角的設定,並選擇「Messaging API」:

  2. 選擇跟 LINE Login App 相同的 Provider,依序按下 Agree 和 OK:



  3. 返回 LINE 開發者帳號主頁( https://developers.line.biz/console 進入你的 LINE Login App > Basic settings > 在 Linked OA 按下「 Edit」連結你的 LINE 官方帳號:
  4. 這樣就完成綁定 LINE 官方帳號加好友的功能囉 ✨

步驟四:連結 LINE 官方帳號(尚未建立 LINE 官方帳號版本)

  1.  在開發者帳號(https://developers.line.biz/console/)主頁按一下 Create a new channel:

  2. 選擇 Messaging API:

  3. 上傳你的 LINE 官方帳號頭像、官方帳號名稱與簡述:

  4. 選擇你的 LINE 官方帳號產業類型、輸入 Email,並同意條款按下 Create:

  5. 再次確認並點擊 OK:
  6. 返回開發者帳號主頁 (https://developers.line.biz/console/),進入你的 LINE Login App > Basic settings > 在 Linked OA 按下「Edit」並選擇你要連結的 LINE 官方帳號(請選擇與 LINE Login App 相同的 Provider):
  7. 前往 LINE Official Account Manager  編輯 LINE 官方帳號的「自動回應訊息」,當會員在你的 Shopify 商店使用 LINE 登入並將 LINE 官方帳號加為好友後,就能第一時間收到你的歡迎訊息:


  8. 這樣就完成綁定 LINE 官方帳號加好友的功能囉 ✨

 

👉 上述設定如有任何問題,歡迎來信 service@akohub.com

👉 你知道登入 LINE 還能再送點數刺激新客下單嗎?到手的名單不要浪費,來信 service@akohub.com 預約專人諮詢,讓我們告訴你怎麼使用會員系統提升營收!