LINE 帳號登入網站會員

透過 LINE 帳號登入功能,能幫助消費者無痛加入或登入您的網站會員。免去記憶帳號密碼的困擾,享受一鍵授權即可下單的便捷體驗,有效降低註冊門檻並提升購買意願。

一、建立 LINE Login Channel

Step 1 建立通訊頻道

🚀 操作平台: LINE Developers

1. 在您的 Provider 專案中,點選 Create a new channel
2. 頻道類型請務必選擇 「LINE Login」

建立 LINE Login Channel 介面

Step 2 填寫頻道基礎資訊

依畫面指引填寫 Channel icon、Name、Description 等必要欄位。

⚠️ 品牌形象提醒:
此處填寫的資訊將會對外公開,客戶在首次授權登入時會清楚瀏覽。強烈建議上傳您的官方 LOGO 並填寫正確的品牌名稱。
填寫頻道基本資料

Step 3 正式發布頻道

1. 建立完成後,回到頁面上端狀態區點選 Developing
2. 在彈出的視窗中,點選綠色的 Publish 選項,將頻道狀態切換為正式發布。

將頻道狀態由 Developing 切換至 Publish

二、申請電子郵件權限

Step 4 啟動權限申請程序

在頁面中往下捲動至 OpenID Connect 區塊。點選 Apply 按鈕開始申請獲取使用者的電子郵件權限。

申請 OpenID Connect 電子郵件權限

Step 5 提交合規申請表單

1. 勾選同意使用條款。
2. 上傳網站 LOGO 圖片(將顯示於授權畫面)。
3. 說明您徵求使用者同意的方式與目的。
4. 確認後點擊 Submit 提交審核。

填寫電子郵件權限申請表單

Step 6 查核申請狀態

通過申請後,該區塊狀態會顯示為 「Applied」,代表未來登入時可同步取得客戶的 Email 資料。

確認權限申請狀態為 Applied

三、串接網站後台與 Callback URL

Step 7 擷取通訊金鑰

🚀 操作平台: LINE Developers Basic settings 分頁

分別複製以下兩組核心數據:
1. Channel ID
2. Channel secret

獲取 Channel ID 與 Secret 畫面

Step 8 網站管理後台配置

🚀 操作路徑: 網站後台 內頁 會員專區 社群登入設定

1. 勾選啟用 「LINE 登入」 功能。
2. 填入 Channel ID 與 Secret,並點擊 儲存
3. 儲存後,複製下方自動生成的 「已授權的重新導向 URL」

網站後台填寫金鑰並產出 Callback URL

Step 9 回填授權網址至 LINE

🚀 操作平台: LINE Developers LINE Login 分頁

1. 定位至 「Callback URL」 欄位點選編輯。
2. 貼上網站產出的網址,點擊 Update 儲存。

🎉 設定大功告成!
您的網站現在已正式啟動 LINE 帳號登入功能。
回填已授權的重新導向 URL 畫面