【LINE】如何讓顧客使用 LINE 帳號登入
LINE帳號登入:
商家可以使用自己的公司作為 LINE 登入提供者
串接 EasyStore 與商家的 LINE 商用帳號
登入 LINE Bussiness ID

點擊【設定】> 【Messaging API】 > 【啟用Messaging API】

【建立服務提供者】,建議填寫品牌商店名稱

這裡可留空白,直接點擊【確定】

再點擊【確定】,這樣就已經成功開啟 Messaging API

開啟完後的頁面,如圖下:

下方點選【LINE Developers】的後台 > 點選【右上頭貼】> 按【LINE Developers Console】
或者直接點擊傳送門到 LINE Developer Console


選擇剛建立的 provider (服務提供者)> 點擊【Create a new channel】

點擊 "Create a LINE Login channel"

確保您的 Channel type 是 LINE Login,Provider 是您公司名稱,選擇您的 Region,例如 台灣

輸入以下的設定:
Channel name
Channel description
App types : 選擇 Web app

您可以參考以下是顯示在前台的例子:

點擊 【同意】 ,並前往點擊 【Create】

您已經成功建立了 LINE 登入管道

這裡您在 Basic settings > Basic Information > Channel ID > 複製

接下來,您會看到:Channel secret > 複製

複製了 Channel ID 和 Channel Secret, 前往 EasyStore 後台 > 客戶管理 > 更多 > 客戶設定 >

在客戶設定 > Login methods > LINE > 設定 Enabled 啟用 > 將所複製的 Channel ID 和 Channel Secret 填入後台

回到 LINE Developers Console 後台,前往 【LINE Login】

在LINE Login settings 里 > Callback URL > 輸入 https://easy.co/multipass/line > 點擊 Update

設定完畢之後,回到 > Basic settings > 拉直最下方 > OpenID Connect 區塊

在 OpenID Connect,需要提交電郵地址允許申請 > 勾取以下格子 > 並點擊 Apply

在Screenshot > 上傳您的官網 【登入頁面】截圖 > 點擊 【Submit 提交】

小提示:以下是您官網 “登入頁面” 的截圖參考

最後步驟,回到頁面最頂端,點擊 【Developing】 按鈕

點擊 【Publish】, 發佈您的 LINE 登入管道就完成了

以下是當客戶使用 LINE 登入您後台的流程:

顧客在使用 LINE 登入之後,自動跳出 “加入好友” 功能,讓客戶加您的 LINE 官方帳號為好友。
設定步驟教學:
1.前往 LINE Developers ,點擊 “Console” 或者 “Log In” 按鈕。
⭐ 請登入與申辦官方帳號相同的 Email

或
於 LINE 官方帳號後台 > Messaging API > 下方點選**【LINE Developers】**登入 LINE Developer 後台

最後,前往 LINE Developer Console > LINE Login Channel > Basic Settings 界面 >尋找 Linked LINE Official Account 欄位>選擇您的官方帳號 > Update

設定完畢之後,客人在使用 LINE 登入時,會顯示以下“加入好友”按鈕,讓客戶可以馬上點擊按鈕,加您的LINE官方帳號

顧客可以直接在 LINE 裡綁定官網帳號以接收訂單通知。你可參考這篇文章進行其餘設定: 【LINE】LINE 訂單通知
商家可以使用自己的公司作為 LINE 登入提供者
串接 EasyStore 與商家的 LINE 商用帳號
在這篇文章中:
1. LINE 帳號登入設定步驟
2. LINE 登入加入好友功能
1. LINE 帳號登入設定步驟:
登入 LINE Bussiness ID

點擊【設定】> 【Messaging API】 > 【啟用Messaging API】

【建立服務提供者】,建議填寫品牌商店名稱

這裡可留空白,直接點擊【確定】

再點擊【確定】,這樣就已經成功開啟 Messaging API

開啟完後的頁面,如圖下:

下方點選【LINE Developers】的後台 > 點選【右上頭貼】> 按【LINE Developers Console】
或者直接點擊傳送門到 LINE Developer Console


選擇剛建立的 provider (服務提供者)> 點擊【Create a new channel】

點擊 "Create a LINE Login channel"

確保您的 Channel type 是 LINE Login,Provider 是您公司名稱,選擇您的 Region,例如 台灣

輸入以下的設定:
Channel name
Channel description
App types : 選擇 Web app

您可以參考以下是顯示在前台的例子:

點擊 【同意】 ,並前往點擊 【Create】

您已經成功建立了 LINE 登入管道

這裡您在 Basic settings > Basic Information > Channel ID > 複製

接下來,您會看到:Channel secret > 複製

複製了 Channel ID 和 Channel Secret, 前往 EasyStore 後台 > 客戶管理 > 更多 > 客戶設定 >

在客戶設定 > Login methods > LINE > 設定 Enabled 啟用 > 將所複製的 Channel ID 和 Channel Secret 填入後台

回到 LINE Developers Console 後台,前往 【LINE Login】

在LINE Login settings 里 > Callback URL > 輸入 https://easy.co/multipass/line > 點擊 Update

設定完畢之後,回到 > Basic settings > 拉直最下方 > OpenID Connect 區塊

在 OpenID Connect,需要提交電郵地址允許申請 > 勾取以下格子 > 並點擊 Apply

在Screenshot > 上傳您的官網 【登入頁面】截圖 > 點擊 【Submit 提交】

小提示:以下是您官網 “登入頁面” 的截圖參考

最後步驟,回到頁面最頂端,點擊 【Developing】 按鈕

點擊 【Publish】, 發佈您的 LINE 登入管道就完成了

以下是當客戶使用 LINE 登入您後台的流程:

2. LINE 登入加入好友功能
顧客在使用 LINE 登入之後,自動跳出 “加入好友” 功能,讓客戶加您的 LINE 官方帳號為好友。
設定步驟教學:
1.前往 LINE Developers ,點擊 “Console” 或者 “Log In” 按鈕。
⭐ 請登入與申辦官方帳號相同的 Email

或
於 LINE 官方帳號後台 > Messaging API > 下方點選**【LINE Developers】**登入 LINE Developer 後台

最後,前往 LINE Developer Console > LINE Login Channel > Basic Settings 界面 >尋找 Linked LINE Official Account 欄位>選擇您的官方帳號 > Update

設定完畢之後,客人在使用 LINE 登入時,會顯示以下“加入好友”按鈕,讓客戶可以馬上點擊按鈕,加您的LINE官方帳號

猜你也想了解:
顧客可以直接在 LINE 裡綁定官網帳號以接收訂單通知。你可參考這篇文章進行其餘設定: 【LINE】LINE 訂單通知
更新時間: 17/12/2024
感謝!