此篇文章包含以下兩個段落,請點擊連結即可直接前往該段落。
LINE 會員登入設定
LINE 會員登入功能請依下方步驟操作:
點擊 >>此連結 ,點擊右上角【Log in】按鈕
請登入 LINE ,使用個人 LINE 帳號登入,有商用帳號的商家可使用商用帳號登入。
若您是第一次登入LINE Developers,請先完成帳號設定,
若您先前已創建過帳號,請略過此步驟,繼續進行下一個步驟設定
申請開發者帳號,請輸入自訂帳號名稱、Email,勾選同意使用條款後,點選「Create my account」
進入 LINE Developers 後台後,
如果尚未建立 Provider ,請點選【Create a new provider】
此欄位為提供者名稱,請輸入自行設定名稱,設定完成請點擊【Create】
請選擇【Create a LINE Login channel】
如果先前 LINE 帳號已有建立 Provider 、欲新增新的LINE Login Channel ID
請從左側點擊 Admin Provider 名稱,再點擊【Create a new channel】
點擊【LINE Login】,即可進入設定畫面
進入 Create a channel 設定畫面,請分別按照以下圖示說明分別設定資訊:
- Region ➜ 請選擇國家
- Channel icon ➜ 請上傳商店LOGO
- Channel name ➜ 請輸入商店名稱
- Channel description ➜ 請設定登入歡迎詞
- App types ➜ 請勾選『 Web app 』
- Email address ➜ 請輸入聯絡電子信箱
- I have read and agree to the LINE Developers Agreement ➜ 請勾選
- 上方資訊設定完成後,請點擊【Create】
接著請點擊上方【LINE Login】頁籤,並於 Callback URL 點擊【Edit】按鈕
請輸入商店網址,並在後方加上 『/user/line』。
例如:商店網址為 https://demo.waca.ec ,請輸入『https://demo.waca.ec/user/line』
完成後請按下【Update】更新資訊
接著請點擊上方【Basic setings】頁籤 ,直接把頁面拉到最下面的 OpenID Connect ,點擊【Apply】按鈕進入編輯畫面
請勾選同意條款,並再次上傳商店 LOGO,點擊【Submit】提交
※ 只要有設定此選項,當消費者使用 LINE 登入商店會員後,會出現同意登入的權限提醒,系統會自動抓取該名消費者登入之 Email 為會員資料
設定完成後,請回到頁面最上方,點擊【Developing】
請點擊【Publish】發佈設定
接著請參考下圖
請分別複製『Channel ID』及『Channel secret』 後,複製填入至 WACA 後台
回到 WACA 後台,進入「會員管理」 ➜ 「會員設定」中
打開 LINE 登入設定的啟用開關,並填入剛剛所複製的代碼,儲存送出就可以囉。
為維護資訊安全,儲存之後 Channel Secret (密碼) 會消失是正常的喔!
設定完成後,商店首頁上方會新增 LINE 會員登入圖示
消費者使用 LINE 登入會員,會看到剛剛設定的登入資訊
※ 有設定「OpenID Connect」的 商家,只要消費者使用 LINE 登入商店都會出現此畫面
※請特別留意※
如使用 iOS Safari 瀏覽器登入 LINE 會員,有可能會顯示以下訊息:
這是由於 iOS Safari 私密瀏覽不支援登入 LINE 功能,
因此建議 iOS 使用者請使用一般模式、或改用 Chrome 瀏覽器進入商店,即可正常登入 LINE 會員喔!
詳細資訊可以參考 LINE 會員登入失敗常見原因-Safari 私密瀏覽
消費者登入會員後,可以從 WACA 後台「會員列表」中瀏覽會員資訊
※ 有設定「OpenID Connect」的商家,只要消費者登入會員時有許可存取電子郵件帳號資訊,就會存取消費者登入 LINE 的 Email,作為會員 Email
LINE 會員登入時加入 LINE 好友設定
如果希望商店消費者,初次以 LINE 加入會員時,可以同時加入商店 LINE 官方帳號的好友,請依照下方說明設定。
首先請先登入 LINE Official Account Manager,也就是 LINE 官方帳號的後台管理。
接著從「設定」頁中的左側選單,選擇「Messaging API」,並「啟用Messaging API」
選擇服務提供者時,請選擇與商店的 LINE 會員登入同一個提供者(Providers)。LINE 官方帳號與服務提供者一旦連動後,就無法變更或移除。
接著設定隱私權政策及服務條款,這兩個欄位為選填欄位,可以直接點選「確定」,進到下個設定頁。
請再次確認「服務提供者名稱」是否與 LINE 會員登入為同一個提供者(Providers)。 LINE 官方帳號與服務提供者一旦連動後,就無法變更或移除。
回到 LINE 會員登入的設定頁,可以看到 Providers 下方的 Channels 多了 Messaging API 。
請在 Channels 點選商店 LINE 會員登入 (LINE Login)
進到設定頁後,選擇「Basic settings」,並往下滑,找到「Linked LINE Official Account」。
在 Linked LINE Official Account ,點擊 Edit ,在下拉選單選擇您的 LINE 官方帳號,點選「Update」完成設定。
消費者從您的商店第一次登入 LINE 會員時,就會跳出加入 LINE 官方帳號好友的視窗,邀請消費者加入 LINE 好友囉!
以上就是 LINE 會員登入設定說明,設定完後建議先至商店前台登入確認是否有串接成功喔!