犬哥網站

希望這篇文章對你有幫助!

如果希望我協助「 網站建置、講座教學等 .. 」,歡迎 聯絡我
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 網站架設流程中,或許會遇到一些解決不了問題,你可以在下方留言給我,我會盡力協助解答。

或是給我一些鼓勵也可以,讓我更有動力提供學習資源給大家,我會非常感謝:)

我最近也開啟了 YouTube 頻道,裡面有些影片教學,你也能配上 Blog 一起學習,應該會來的更加順手(歡迎訂閱我+開啟小鈴鐺,可收到第一手影片教學通知)。

當然,如果怕問題描述不清楚,也可以加入 WordPress 教學時光屋 – 犬哥網站 ,我同步也會在社團中幫忙解惑。

希望這些對你有所幫助,祝架站順利啦。

犬哥網站:wordpress教學社團

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

回到頂端