LINE 快速登入串接設定

LINE 快速登入簡化顧客註冊會員的流程,讓顧客更快速註冊、降低加入會員的門檻


此篇文章分四項說明:
前置作業
串接設定
加入LINE官方帳號
取得用戶手機號碼


一、前置作業
在進行 LINE快速登入申請時需要提供官網的隱私權條款


管理後台「頁面設定 > 自訂頁面 > 新增」

將擬定好的隱私權條款放到內容中 > 啟用頁面狀態
*若您沒有隱私權條款,可私訊客服人員索取公版來使用


二、串接設定

步驟一、前往 LINE Developers 開發者後台 > Create a new provider > 取品牌名稱


步驟二、「Channels > Create a LINE Login Channel」


步驟三、填寫該頁面相關資訊 > Create

・Region to provide the service:Taiwan
・Company or owner's country or region :Taiwan
・Channel icon:您的商店 LOGO
・Channel name:您的商店名稱
・Channel description:您的商店介紹
・App types:Web app
・Email address:可聯絡您的 Email 信箱
・Privacy policy URL:貼上官網上的隱私權條款網址
・Terms of use URL:您的官網網址
・I have read and agree to the LINE Developers Agreement:打勾


步驟四、複製 Channel ID、Channel secret

同一頁面下滑找到 Channel secret


步驟五、FreeStore 管理後台 > 擴充套件 > LINE登入,貼上步驟四的兩個值


步驟六、複製頁面上 Callback URL


步驟七、回到 LINE Developers 開發者後台畫面 > LINE Login > 於 Callback URL Edit 貼上連結 > Update


步驟八、「Basic settings > OpenID Connect > Apply」

・勾起「My app only …」及「I will Follow …」
・到您的商店前台開啟隱私權條款頁面,進行螢幕截圖(可截取一半,但需要截到隱私權三個字) > Register > 將截圖上傳至 Screenshot > Submit


步驟九、當 OpenID Connect 顯示「Applied」,表示設定完成


步驟十、回到頁面最上方「Developing > Publish」


步驟十一、當狀態顯示為「Published」,恭喜您設定完成了!


步驟十二、前往官網 > 會員登入 > 測試 LINE登入是否能正常運作

若該會員是透過 LINE快速登入,在會員列表中將於頭像顯示大頭照&綠色框線


三、加入LINE官方帳號
若商家擁有LINE@官方帳號,可額外進行此步驟設定,在會員進行快速登入時跳出「加入官方LINE@好友」功能,藉此增加好友數。
*設定此功能前,請先確認您登入的 LINE開發者帳號擁有該 LINE@官方帳號「管理員權限」
*若會員當下選擇不加入官方帳號好友,仍可透過 LINE快速登入註冊網站會員

「Basic settings > Linked LINE Officail Account > Edit > 選擇欲綁定的 LINE@官方帳號」,選擇後點擊「Update」即可設定完成


四、取得用戶手機號碼
若您具備以下三種條件,即可在用戶使用 LINE 快速登入時,直接取得用戶的手機號碼。

1. LINE 官方帳號擁有「藍盾或綠盾」認證
2. 已完成認證為 LINE Certified Provider
     > 若以認證完成,LINE Developers 中 Provider 名稱後方會有綠色勾勾
3. 擁有申請電話號碼權限
     >  LINE Developers  中「LINE Login Channel > Basic settings > Permissions」,確認 Permissions 包含「OC_PHONE_NUMBER」


✋舉手發問
1. 如果用戶一開始註冊是帳號密碼,後面又用 LINE 快速登入建立會員,會創出兩個會員身份嗎?
> 不會,用戶透過 LINE/FB/Google 快速登入時,系統若比對到原會員已存在相同 Email 會員,將會自動綁定。



進一步閱讀「Google 快速登入串接設定