• 【LINE 會員登入商家申請步驟】

    • 最後更新 2021-12-22 16:36

     

    此篇文章包含以下兩個段落,請點擊連結即可直接前往該段落。

     

     

     

    LINE 會員登入設定

    LINE 會員登入功能請依下方步驟操作:

    點擊   >>此連結  ,點擊右上角【Log in】按鈕

    進到 LINE Developers 頁面登入

     

    請登入 LINE ,使用個人 LINE 帳號登入,有商用帳號的商家可使用商用帳號登入。

    使用個人LINE帳號或是商用帳號登入

     

    若您是第一次登入LINE Developers,請先完成帳號設定,

    若您先前已創建過帳號,請略過此步驟,繼續進行下一個步驟設定

    申請開發者帳號,請輸入自訂帳號名稱、Email,勾選同意使用條款後,點選「Create my account」

    第一次登入LINE Developers,需先完成帳號設定

     

    進入 LINE Developers 後台後,

    如果尚未建立 Provider ,請點選【Create a new provider】

    點選【Create a new provider】

     

    此欄位為提供者名稱,請輸入自行設定名稱,設定完成請點擊【Create】

    命名提供者名稱

     

    請選擇【Create a LINE Login channel】

    請選擇【Create a LINE Login channel】建立一個新的channel 

     

    如果先前 LINE 帳號已有建立 Provider 、欲新增新的LINE Login Channel ID

    請從左側點擊 Admin Provider 名稱,再點擊【Create a new channel】

    已經有帳號請直接點選【Create a new channel】

     

    點擊【LINE Login】,即可進入設定畫面

    選擇【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會員登入的Channel資訊

     

    接著請點擊上方【LINE Login】頁籤,並於 Callback URL 點擊【Edit】按鈕

    設定會員登入後的回傳網址

     

    請輸入商店網址,並在後方加上 『/user/line』

    例如:商店網址為 https://demo.waca.ec ,請輸入『https://demo.waca.ec/user/line』 

    完成後請按下【Update】更新資訊

    回傳網址請輸入https://商店網址/user/line

     

    接著請點擊上方【Basic setings】頁籤 ,直接把頁面拉到最下面的 OpenID Connect ,點擊【Apply】按鈕進入編輯畫面

    從【Basic setings】頁籤最下面申請 OpenID Connect

     

    請勾選同意條款,並再次上傳商店 LOGO,點擊【Submit】提交
    ※ 只要有設定此選項,當消費者使用 LINE 登入商店會員後,會出現同意登入的權限提醒,系統會自動抓取該名消費者登入之 Email 為會員資料

    勾選 OpenID Connect 的確認選項並提交

     

    設定完成後,請回到頁面最上方,點擊【Developing】

    回到【Basic setings】頁籤最上方點 Developing

     

    請點擊【Publish】發佈設定

    再次確認是否發佈LINE會員登入

     

    接著請參考下圖

    請分別複製『Channel ID』『Channel secret』 後,複製填入至 WACA 後台

    在【Basic setings】頁籤複製會員登入的ID和密碼

     

     

    回到 WACA 後台,進入「會員管理」  「會員設定」中

    打開 LINE 登入設定的啟用開關,並填入剛剛所複製的代碼,儲存送出就可以囉。

    為維護資訊安全,儲存之後 Channel Secret (密碼) 會消失是正常的喔!

    將設定資訊回貼到 WACA 後台 

    儲存後會跳出儲存完畢的訊息

     

    設定完成後,商店首頁上方會新增 LINE 會員登入圖示

    網路商店前台會出現LINE會員登入的選項

     

    消費者使用 LINE 登入會員,會看到剛剛設定的登入資訊
    ※ 有設定「OpenID Connect」的 商家,只要消費者使用 LINE 登入商店都會出現此畫面

    消費者使用LINE會員登入時的畫面

     

    ※請特別留意※

    如使用 iOS Safari 瀏覽器登入 LINE 會員,有可能會顯示以下訊息:

    Safari 私密瀏覽不支援登入 LINE 功能

    這是由於 iOS Safari 私密瀏覽不支援登入 LINE 功能,

    因此建議 iOS 使用者請使用一般模式、或改用 Chrome 瀏覽器進入商店,即可正常登入 LINE 會員喔!

    詳細資訊可以參考 LINE 會員登入失敗常見原因-Safari 私密瀏覽

     

    消費者登入會員後,可以從 WACA 後台「會員列表」中瀏覽會員資訊
    ※ 有設定「OpenID Connect」的商家,只要消費者登入會員時有許可存取電子郵件帳號資訊,就會存取消費者登入 LINE 的 Email,作為會員 Email

    WACA 後台會員列表可以瀏覽會員資訊

     

     

     

    LINE 會員登入時加入 LINE 好友設定

    如果希望商店消費者,初次以 LINE 加入會員時,可以同時加入商店 LINE 官方帳號的好友,請依照下方說明設定。

    首先請先登入 LINE Official Account Manager,也就是 LINE 官方帳號的後台管理。

     

    接著從「設定」頁中的左側選單,選擇「Messaging API」,並「啟用Messaging API

    啟用Messaging API

     

    選擇服務提供者時,請選擇與商店的 LINE 會員登入同一個提供者(Providers)

    選擇Providers

    請選擇會員登入相同的Providers

     

    接著設定隱私權政策及服務條款,這兩個欄位為選填欄位,可以直接點選「確定」,進到下個設定頁。

    隱私權政策及服務條款為選填可忽略

     

    請再次確認「服務提供者名稱」是否與 LINE 會員登入為同一個提供者(Providers)。 LINE 官方帳號與服務提供者一旦連動後,就無法變更或移除。

    服務提供者名稱確定後無法更改

     

    回到 LINE 會員登入的設定頁,可以看到 Providers 下方的 Channels 多了 Messaging API 。

    Providers 下方的 Channels 多了 Messaging API

     

    請在 Channels 點選商店 LINE 會員登入 (LINE Login)

     

    進到設定頁後,選擇「Basic settings」,並往下滑,找到「Linked OA」。

    「Basic settings」往下滑找到「Linked OA」

     

    在 Linked OA 下拉選單選擇您的 LINE 官方帳號。

    選擇您的 LINE 官方帳號

     

    點選「Update」完成設定

    點選「Update」

     

    消費者從您的商店第一次登入 LINE 會員時,就會跳出加入 LINE 官方帳號好友的視窗,邀請消費者加入 LINE 好友囉!

    網路商店前台登入LINE會員

    登入LINE會員時,會有加入LINE好友的選項

     

     

    以上就是 LINE 會員登入設定說明,設定完後建議先至商店前台登入確認是否有串接成功喔!

     

TOP