如何使用 LINE login 快速登入 WordPress＋WooCommerce？（免費外掛）

如果你有 經營網路商店，可能會需要建置會員註冊的功能，除了方便後續的購物流程，也能進一步留下訪客資料，為後續的行銷做充足準備。

之前我們已經分享過 Super Socializer 外掛三大功能：「 Facebook＋Google 快速登入 」、「 社群分享 」、「 社群評論 」。更多 Super Socializer 外掛教學 。

不過你知道嗎？除了使用 Facebook＋Google 快速登入外， Super Socializer 也有 LINE 登入功能唷（ WordPress Line Login ）！

這篇文章會和大家分享，如何在 WordPress＋WooCommerce 網站上，嵌入免費的 LINE 快速登入功能。更多 網站加入 Line Chat 浮動按鈕教學。

那廢話不多說，我們就開始吧！

• 1. Super Socializer 是什麼？
• 2. 使用 LINE 社群登入
• 常見問題
• 聯絡犬哥網站

使用 LINE login 快速登入 WordPress＋WooCommerce，完整影片學習：

---

1. Super Socializer 是什麼？

Super Socializer 是一款優質的社群外掛，主要包含三大功能，分別是「 社交登錄 」、「 社交分享 」、「 社交評論 」，一款外掛就能搞定這些事情，簡單俐落。更多 Super Socializer 完整教學。

Super Socializer 有幾個很棒的功能＆特色，挑選出來跟大家分享。

• 支援多種社群快速註冊＋登入功能（像是 Facebook、Google、Line ..）。更多 Line 快速登入功能。
• 可在 WordPress 登入、註冊、評論表單 ..，啟用社群登入功能。
• 可在 WooCommerce 結帳頁面、客戶登錄表單上，啟用社群登入功能。
• 超過 100 種社群軟體的分享，且支援計數功能。
• 社群分享按鈕的樣式調整（像是形狀、大小、顏色、顯示順序、水平或垂直浮動顯示 ..）。
• 可自訂登錄、註冊後的網址重定向。
• 啟用社群留言功能，像是 Facebook、Disqus。
• 多站點兼容。
• 支持啟用 HTTPS 的網站。

下圖就是基本款的使用社群登入到 WordPress 後台（社群登入還能放在很多頁面，這只是其中一種）。

另外的就是社群分享功能（有超過 100 種社群集合），如下圖。

由於 Super Socializer 是個社群集成外掛，你也能依照自己需求，挑選特定功能外掛安裝即可，這樣可降低網站負擔。

---

2. 使用 LINE 社群登入

這個章節，我們會分 4 個步驟，並且示範如何創建 LINE 快速登入（ WordPress Line Login ）。

Step1：下載 Super Socializer＋啟用 LINE 登入鈕

前往 WordPress 外掛 > 安裝外掛，搜尋 Super Socializer 然後安裝＋啟用。

啟用之後，進入「 Social Login 」面板，將「 Enable Social Login 」打勾，選取 LINE 選項，等等還會有步驟要在這塊面板進行，不過我們先儲存設定。

切換到右邊「 Advanced Configuration 」面板，幫社群登入取個標題。

開啟 WooCommerce 登入 / 註冊 / 結帳頁面的社群登入功能，還有可設定登入 / 註冊成功後，網址要導向到哪裡。

• Enable at WooCommerce Customer Login Form：在 WooCommerce 登入表單，開啟社群快速登入。
• Enable at WooCommerce Customer Register Form：在 WooCommerce 註冊表單，開啟社群快速登入。
• Enable at WooCommerce Checkout Page：在 WooCommerce 結帳表單，開啟社群快速登入。
• Email required：開啟 Email 認證。
• Login redirection：登入後導向的位置，可依照自己需求選擇。有提供 4 種選項，分別是 Same page where user logged in（登入後停留在當前頁面）、Homepage（前往首頁）、Account dashboard（會員專區）、Custom Url（客製化網址）。
• Registration redirection：註冊後導向的位置，可依照自己需求選擇，其他同上。

重點小提醒：Email required（ Email 認證）可依站長需求決定是否開啟。開啟後，使用 Line 初次登入會跳出確認 Email 視窗，以便 WordPress 創建使用者帳號。

Super Socializer 社群登入設定完成後，下面就來申請 LINE 官方串接登入功能！

Step2：創建 Line Developer 帳號＋建立頻道

到 Line Developer Portal 並使用個人 Line 帳號登錄，如果沒有帳號，就先要先註冊一個。

登入之後，會來到會員頁面。找到「 Providers 」區塊，按下「 Create 」按鈕，接著輸入網站名稱，點擊「 Create 」進行建立。

創建成功，會進入新建「 Channels 」頁面，選擇「 Create a LINE Login channel 」。

接著便會進入頻道設定，第一個選項選「 LINE Login 」，地區選「 Taiwan 」，剩下的名稱、 LOGO 等 ..，則可自行設定。

接著下面兩項是頻道名稱、頻道說明，輸入四個字以內，方便自己辨識即可。

「 App types 」選擇「 Web app（網站類型）」，然後填入 Email 。

再來隱私權政策（Privacy policy URL）＆服務條款（Terms of use URL）也可輸入網址，完成後勾選「 同意 LINE Developers 條款 」，然後進行建立。

備註：如果電商還沒有隱私權政策＆服務條款頁面，可參考 WordPress 頁面新增，然後再到 WooCommerce 設定內指派即可。更多 WooCommerce 電商教學。

創建完成後，可前往「 LINE Login 」> 打開 「 Web app 」> 變更「 Callback URL（回調網址）」為：你的首頁網址/SuperSocializerAuth/Line 。

設定完成，按下「 Update 」即可。

回到「 Basic settings 」頁面，選擇「 Developing 」> 「 Publish 」公開使用此串接頻道。

那我們就完成 LINE 的串接頻道啦！

Step3：複製 Line 啟用憑證，並貼入到 WordPress 網站

我們到「 Basic Settings 」頁面，下滑找到「 Channel ID 」與「 Channel secret 」這兩項數值，複製下來。

接著回到 WordPress 後台，前往 Super Socializer > Social Login 面板 > 找到「 Line Channel ID 」與「 Line Channel Secret 」兩項數值。

將剛剛複製的數值貼上對應的空格，選擇儲存。

Step4：顯示成果一覽

Line 快速登入的憑證啟用後，前往 WordPress 前台的會員登入＆註冊頁面，就會發現 LINE 快速登入功能，已經出現囉。

我們也可以順利使用 Line Login，進行會員快速註冊＋登入了：）

除此之外，也可以在結帳頁面設定顯示 LINE 登入功能，這也是許多電商都必備的功能唷。

那麼，以上就是完整的「 WordPress Line Login 會員快速登入 / 註冊 」教學：）

---

常見問題

---

聯絡犬哥網站

在網站架設＋網路行銷的過程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！

接下來，額外分享 2 個實用資源，可有效幫助大家解決問題。

資源一：犬哥網站（專業 WordPress 網頁設計＆SEO 行銷公司）

如果你沒時間自己架站，或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站（WordPress 網頁設計＆SEO 行銷公司），請專家協助你會更容易！

我們有多年網頁設計、SEO 網站排名經驗，加上上百個高質感作品、SEO 實戰案例，絕對能滿足您的需求！

資源二：WordPress＋SEO 超強線上課程

這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗，從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站，3 大類型網站建置方法等豐富內容，一次教會你。

課程內容非常的紮實（長度超過 20 小時）。如果你剛學習自架網站，這門課程可以讓你用最快的速度，就學會這項技能！

網站建立完畢後，但卻沒有流量怎麼辦？或是只能靠花錢投廣告才會有訂單？

這門 SEO 排名飆升課，教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等，大幅提升行銷能力。

帶你衝上 Google 排名第一頁，大量提升網站營收和訂單！