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 學習資源

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

接下來,額外分享 3 項實用資源,可有效幫助大家做學習。

資源一:WP 高手架站課(線上課程)

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

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

點擊下面了解課程,立馬擁有自己的品牌網站,並增加網路曝光度!

WordPress 高手架站課|一堂課讓你變架站高手!
WordPress 高手架站課|一堂課讓你變架站高手!

資源二:SEO 排名飆升課(線上課程)

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

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

點擊下面了解課程,帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!

SEO 排名飆升課|帶你衝上 Google 第一頁!
SEO 排名飆升課|帶你衝上 Google 第一頁!

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

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

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

資源四:更多犬哥教學資源

如果你在操作過程中遇到問題,可以加入 犬哥研討社(目前有超過 9000+ 團員)。除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

如果你想學更多網頁設計、數位行銷知識,可關注 YouTube 頻道,或是歡迎追蹤 犬哥網站 IG

犬哥網站社團
犬哥網站社團

關於作者

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

犬哥網站

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

發佈留言

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

返回頂端