Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站

Heateor-Social-Login-WordPress-外掛教學,幫助你快速登入你的網站封面

如果在WordPresss使用Woocommerce,除了既有的會員註冊、登入之外,可能也有需求想使用社群登入(FB、Line)等等,今天來分享如何使用Line來登入,使用的外掛是Heateor Social Login WordPress,接著就讓我們來看看如何使用吧!

 

Heateor Social Login WordPress
https://tw.wordpress.org/plugins/heateor-social-login/

 

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑01

首先可以從上方連結連到WordPress官方的外掛下載,或是直接在WordPress後台的「安裝外掛」進行搜尋,安裝之後我們直接啟用。

接著在外掛的設定頁面啟用想使用哪個社群進行登入,這邊我們以Line為例

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑02

下面會需要填寫Line串接的I D跟Secret,這時候我們來到Line的 開發者網站,接著點擊右上角登入

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑03

登入之後會到我們的個人檔案頁面,如下圖看到 Providers ,我們點擊 Creare ,建立自己好記的名稱。

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑04

接著這個畫面我們選擇第一個,含有「Line Login」字串的圖示,點擊下去。

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑05

再來就是依照內容填寫資料,要注意的是這邊有一個APP type,記得兩個都要打勾勾

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑06

再來我們切換到「LINE Login」的分頁,這邊要設定Callback URL,可以在網站內裡看到

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑07

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑08

設定完之後我們就可以將之發布,如下圖

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑09

最後複製你的Channel ID及 Line Channel Secret 到網站裡,這樣就大功告成啦!

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑10

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑11

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑12

Heateor Social Login WordPress 外掛教學,幫助你快速登入你的網站|鵠學苑13

 

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

返回頂端