LINE 帳號快速註冊/登入商店會員

4. EC + SC.png

SHOPLINE 提供多元的會員註冊及登入方式讓店家做選擇,顧客除了可透過 Email 和 Facebook 帳號註冊/登入會員外,店家也可以設定讓顧客使用 LINE 帳號成為商店會員。

當商店有簡單方便的註冊/登入方法,可以提高顧客加入商店會員的意願,幫助店家累積會員數。

開始前請注意:

  • 透過 LINE 發送的訊息都將以付費訊息發送,會佔用 LINE 每月免費訊息的額度。
  • 為保障資料安全,當顧客登入後閒置逾 24 小時,系統將自動登出;閒置判斷基準為未執行需要網路連線的操作,如重新載入網頁、搜尋商品、提交資料等。
  • 系統建立顧客資料需「電郵」或「手機號碼」其中一項資料,若您希望取得顧客 LINE 綁定之手機號碼,請開啟 LINE Login 取得會員手機號碼功能;若系統無法取得上述資料,將導致顧客資料建立失敗。

 

步驟一:前往 SHOPLINE 後台

前往商店後台 >「第三方服務 > LINE」。

Screenshot 2026-11-06 at 4.30.22 PM.png

 

步驟二:開啟 LINE 註冊及登入

開啟「開啟 LINE 註冊及登入」功能,系統將跳轉至設定頁面。

*注意:該頁面其餘功能與 LINE@ 相關,屬旗艦計畫 / O2O 計畫支援,如有興趣了解更多,可於右下角對話視窗留下聯絡方式。

Screenshot 2026-11-06 at 4.32.08 PM.png

 

步驟三:登入 LINE developer

前往 LINE developer 頁面,點擊「LINE Login > Start now」,使用 LINE 帳號登入;若為公司戶,請使用公司 LINE 帳號。

mceclip3.png

mceclip4.png

 

步驟四:輸入「Name」及「Email address」欄位

於「Name」及「Email address」欄位輸入欲在應用程式頁面使用的名稱及電子信箱,勾選「我已閱讀且同意 LINE 應用程式協議」,點選「Confirm」及下一步的「Register」。

「Name」及「Email address」欄位後續皆可再進行修改。

 

步驟五:Create New Provider

點選「Create」按鈕,並於「Provider name」欄位輸入「您的公司名稱」,點選下方「Create」。

mceclip6.png

 

步驟六:Create a LINE Login channel

點選 LINE Login 框裡的「Create a LINE Login channel」。

mceclip7.png

 

1. Channel icon / name / description

上傳一張圖片(可用商店 Logo 圖)、輸入「Channel name」及「Channel description」,這些內容在顧客透過 LINE 註冊時,會顯示於頁面中,保存後亦可再編輯。

*注意:「Channel name」欄位請勿輸入空格,避免在保存時出現錯誤提示。

mceclip10.png

 

2. App type / Email address

在「App types (can select more than one) 」同時勾選「WEB app」和「Mobile app」,再於下方輸入 Email 地址,勾選「我已閱讀且同意 LINE 應用程式協議」,點選「Create」。

「Privacy policy URL」和「Terms of use URL」欄位為選填,留空即可。

mceclip9.png

mceclip11.png

 

步驟七:確認設定資訊

在 LINE Login channel 點選「Basic settings」分頁,確認您已完成以下三件事,確保商店可以正常使用 LINE 註冊/登入功能。

1. 複製貼上「Channel ID」及「Channel secret」

這是專屬的設定值,請複製後於 SHOPLINE 後台相對應的欄位內貼上。

*注意:務必留意貼上於後台的設定值正確,避免顧客在前台使用 LINE 帳號註冊/登入時顯示「400」錯誤提示。

mceclip14.png

mceclip15.png

 

貼上至以下 SHOPLINE 後台欄位。

mceclip0.png

 

2. 確認「App types」

確認是否顯示「Mobile app」和「Web app」。

mceclip0.png

 

3. 授權「OpenID Connect > Email address permission」

系統預設顯示「Unapplied」,點選右側「Apply」,勾選下圖中兩個選項,並上傳「商店公告隱私權政策(告知顧客會存取使用者之 Email 地址)」的內容截圖畫面,完成後點選「Submit」。

mceclip0.png

 

完成後,「Unapplied」將更新為「Applied」。

mceclip17.png

若該欄位維持 unapplied,您的顧客在商店前台使用 LINE 帳號註冊/登入時,會顯示以下錯誤提示,且無法完成商店會員註冊/登入。

Screenshot 2026-01-21 at 5.31.42 PM.png

若顯示為 applied,但部分顧客嘗試使用 LINE 帳號註冊/登入時仍看到該錯誤提示,表示顧客使用的 LINE 帳號未綁定 Email 地址,請顧客使用手機上的 LINE 應用程式,進入「設定 > 我的帳號」的畫面後於「電子郵件帳號」欄位輸入 Email 綁定即可。

 

步驟八:複製貼上 Callback URL

複製 SHOPLINE 後台的 Callback URL,進入「LINE Login」分頁,找到「Web app > Callback URL」下方的「Edit」按鈕,將複製的 URL 貼於此欄位,再點選「Update」。

mceclip0.png

Screenshot 2026-01-21 at 5.29.37 PM.png

若未完成此步驟,顧客在前台使用 LINE 帳號註冊/登入時會顯示「400」的錯誤提示。

image__5_.png

 

步驟九:狀態更新為「Published」

該頁面右上角可以顯示「Developing」狀態,點擊選擇「Publish」,狀態將更新為「Published」。

mceclip19.png

mceclip20.png 

 

步驟十:連接

於 SHOPLINE 後台 >「第三方服務整合 > LINE > 連接 LINE 註冊及登入」頁面右下角點擊「連接」,系統將顯示「開啟 LINE 註冊及登入成功!」提示,表示設定成功。

 image12.png

 

步驟十一:完成設定

完成以上設定步驟,開啟後台「第三方服務整合 > LINE」的「開啟 LINE 註冊及登入」功能,商店前台的會員註冊/登入頁面即會顯示「使用 LINE 登入」按鈕。

*注意:如上述步驟完成後,仍無法於商店前台使用 LINE 帳號註冊/登入會員,請於後台聯繫線上顧問,我們會協助查看您於 LINE 應用程式中的相關設定。

Screenshot 2026-01-21 at 5.33.18 PM.png

 

 

 

 

 

最後更新時間:2026 年 11 月 6 日

 

還有其他問題?提交請求

評論