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

*最後更新時間：2024-12-02
*預計閱讀時間：20 分鐘
*本文提及的 LINE 帳號快速登入功能需搭配 Ako Marketing 的免費方案
*若尚未安裝 App 👉 請點此安裝 Ako Marketing，提供 14 天免費試用

步驟 1：安裝 Ako Marketing 並開啟 LINE 快速登入

1. 請點此安裝 Ako Marketing 並選擇 Starter 以上方案
   🔔 若需使用紅利點數，請選 Gold Plan(US$29/月；若需點數和會員分級功能，請選 Platinum Plan(US$49/月)

2. 從 Ako Marketing 後台，依序前往 Loyalty Program > Settings > Customer widgets > Social login > Set up，在 Login options 勾選 LINE 平台，並將 Account page social login 切換為顯示中：
   
   

3. 接著在 Install social login app embed on account page 底下點 Install，您會前往「佈景主題 > 應用程式嵌入」，系統會替您將社群登入介面開啟，請直接按儲存：
   
4. 儲存後顧客就能直接使用 LINE 帳號快速完成會員註冊與登入囉，不過目前會員看到的登入畫面仍會掛著 Ako 的預設 LOGO，步驟 2 開始會說明如何自訂登入畫面的 LOGO / 名稱，以及綁定品牌 LINE OA 讓顧客快速將品牌加入好友。
   

步驟 2：建立品牌專屬的 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 > Customer widgets > 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 官方帳號，請前往步驟 3 完成最後一步設定。

⮕ 如果這是第一次建立品牌 LINE 官方帳號，請前往步驟 4 完成最後一步設定。

步驟 3：連結 LINE 官方帳號（已經有 LINE 官方帳號的看這裡）

1. 登入  LINE Official Account Manager ，點擊右上角的設定，並選擇「Ｍessaging 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 官方帳號加好友的功能囉 ✨
   

步驟 4：連結 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 官方帳號加好友的功能囉 ✨