WordPress 如何在結帳前,將訪客強制導向到會員登入 / 註冊頁面?

WordPress 如何在結帳前,將訪客強制導向到會員登入 / 註冊頁面?

這是一篇「 WordPress登入&註冊 」頁面導向教學,讓顧客進入結帳頁面前,自動跳轉至會員登入&註冊頁面。

使用 WooCommerce 架設電商平台,可能會希望客戶購買商品前,必須先成為會員(留下相關資訊),才能完成結帳流程。

但 WooCommerce 預設狀態,是無法設定「 訪客進入結帳頁面前,強制跳轉登入&註冊頁面 」的。

因此,我們將使用「 WooCommerce Force Authentification Before Checkout 」外掛,快速完成強制跳轉「 WordPress登入&註冊頁面 」功能。

此外,文章中還會額外分享另一款「 Login Signup Popup 」外掛,幫助大家修改登入 / 註冊表單樣式!更多 WordPress 表單外掛推薦

話不多說,我們開始學習吧!

WordPress 如何在結帳前,將訪客優先導向到登入 / 註冊頁面?影片學習:

WordPress 如何在結帳前,將訪客優先導向到登入 / 註冊頁面?影片學習

1. WooCommerce Force Authentification 是什麼?

WordPress 登入&註冊頁面導向外掛

WooCommerce Force Authentification Before Checkout 可快速完成「 進入結帳頁面前,將訪客強制導向至會員登入&註冊頁面 」功能。

在結帳前讓訪客先進行登入 / 註冊,變得很輕鬆簡單,完全不需要代碼設定,啟用即可運作。

另外也能搭配社群登入外掛串接,會更方便客戶登入 / 註冊會員,更多 FB&Google 社群登入功能

還可配合其他 WordPress 表單設計外掛,調整欄位項目、客製化樣式設計,取代單調的預設模版。

如果有這方面的需求,那這款外掛應該會幫助到你!


2. 安裝+啟用 WooCommerce Force Authentification

這章節,來進行 WooCommerce Force Authentification 外掛安裝+啟用吧!

前往 WordPress 後台 > 安裝外掛,搜尋「 WooCommerce Force Authentification 」外掛,即可安裝+啟用。

WordPress登入 :安裝+啟用 WordPress 登入&註冊頁面導向外掛
安裝+啟用 WordPress 登入&註冊頁面導向外掛

此外掛本身不需設定,即可直接實現「 結帳前,將訪客強制導向到 WordPress 登入&註冊頁面 」,是不是很方便呢?

外掛安裝+啟用後,還需調整 WordPress+WooCommerce 相關設定,下個章節,會繼續教學!


3. 登入+註冊頁面,導向測試

完成外掛安裝+啟用,即可享受外掛自動導向的便利囉!

我們來透過實際測試,來檢視外掛成效。

使用訪客模式(或開啟無痕模式),前往網站,隨機選購商品,前往購物車頁面,點擊結帳。

前往購物車,進行結帳

發現被自動導向到 WordPress登入&註冊頁面~

導向 WordPress 登入&註冊頁面成功~

4. 後續補充教學

啟用外掛後,也可分別在 WordPress 及 WooCommerce 進行後續設定,檢查註冊 / 登入選項,是否都有正常打開,比較算是一個完整流程。

WordPress 設定

前往 WordPress 設定 > 一般設定,勾選「 任何人均可註冊 」,儲存設定。這樣訪客才能註冊成為網站會員。

WordPress 後台設定:勾選「 任何人均可註冊 」選項

WooCommerce 設定

前往 WooCommerce 設定 > 帳號及隱私權,勾選「 允許客戶在『 我的帳號 』頁面上建立帳號 」。

這樣訪客在 WooCommerce 預設的「 我的帳號 」頁面,才會看到「 會員註冊 」表格。

WooCommerce 設定:勾選「 允許登入&建立帳號 」相對應選項

那麼,以上就是完整的 WordPress 登入&註冊頁面,優先導向教學啦!


5. 修改登入 / 註冊表單樣式(額外分享)

如果覺得原本的表單樣式過於單調,我們可以藉由 Login Signup Popup 外掛,幫助我們修改登入&註冊表單樣式。

操作一樣很容易上手,跟著下面的步驟,即可快速修改表單樣式!

安裝+啟用 Login Signup Popup 外掛

前往 WordPress 後台 > 安裝外掛 > 搜尋「 Login Signup Popup 」外掛,安裝+啟用。

WordPress登入:安裝+啟用 Login Signup Popup 外掛
WordPress登入:安裝+啟用 Login Signup Popup 外掛

前往登入&註冊畫面,會發現表單已經變更新樣式囉!

登入&註冊表單成功變換樣式~

修改表單樣式

除了樣式調整,我們還能夠使用 Login Signup Popup,變更按鈕顏色。

前往 Login Signup Popup > Settings,點選 Style > 下滑找到 Form 區域,即可在此處,修改表單樣式、按鈕 / 文字顏色等 .. 細項。

WordPress登入:前往 Style 設定,修改 WordPress登入&註冊表單樣式
WordPress登入:前往 Style 設定,修改 WordPress登入&註冊表單樣式

這邊我以修改切換按鈕為例,調整你喜歡的色彩,儲存設定。

修改表單文字 / 按鈕對應色彩

接著依序調整設計,就可以到前台觀看,發現登入&註冊表單樣式,修改成功囉~

修改登入&註冊表單樣式成功~

大家妥善運用 Login Signup Popup 外掛,就能輕鬆修改登入&註冊表單,變成自己喜歡的樣式:)


常見問題

如何讓顧客結帳前,強制導向登入&註冊頁面?

使用 WooCommerce Force Authentification Before Checkout 外掛,即可快速完成「 結帳前,將訪客強制導向到 WordPress 登入&註冊表單 」功能。

外掛使用方式很簡單,安裝+啟用,無需任何操作 / 設定,立即運作功能。

能否設計登入&註冊表單樣式?

我們可使用 Login Signup Popup 外掛,修改登入&註冊表單。更多 WordPress 表單外掛推薦

Login Signup Popup 功能,能夠修改表單樣式、文字 / 按鈕顏色等 .. ,讓 WordPress 登入&註冊表單,更貼近網頁主視覺。更多 網頁設計配色( Logo 製作)教學

登入&註冊表單可串接社群快速登入?

是的,我們可使用 Super Socializer 社群外掛,完成社群快速登入。

只要與第三方社群軟體做好設定,即可使用 Super Socializer 系統支援的社群軟體。

想要串接 FB 和 Google 可參考:用 Super Socializer 建立 FB 、 Google 快速登入 教學。

串接 Line 可參考:用 Super Socializer 建立 Line 快速登入 教學。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 90 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組電子書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站:WordPress 架站 x SEO 優化技巧,一站式學習!

希望這些對你有所幫助,祝一切順利啦!

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

回到頂端