這是一篇「 WordPress登入&註冊 」頁面導向教學,讓顧客進入結帳頁面前,自動跳轉至會員登入&註冊頁面。
使用 WooCommerce 架設電商平台,可能會希望客戶購買商品前,必須先成為會員(留下相關資訊),才能完成結帳流程。
但 WooCommerce 預設狀態,是無法設定「 訪客進入結帳頁面前,強制跳轉登入&註冊頁面 」的。
因此,我們將使用「 WooCommerce Force Authentification Before Checkout 」外掛,快速完成強制跳轉「 WordPress登入&註冊頁面 」功能。
此外,文章中還會額外分享另一款「 Login Signup Popup 」外掛,幫助大家修改登入 / 註冊表單樣式!更多 WordPress 表單外掛推薦。
話不多說,我們開始學習吧!
- 1. WooCommerce Force Authentification 是什麼?
- 2. 安裝+啟用 WooCommerce Force Authentification
- 3. 登入+註冊頁面,導向測試
- 4. 後續補充教學
- 5. 修改登入 / 註冊表單樣式(額外分享)
- 常見問題
- WordPress 學習資源
WordPress 如何在結帳前,將訪客優先導向到登入 / 註冊頁面?影片學習:
1. WooCommerce Force Authentification 是什麼?
WooCommerce Force Authentification Before Checkout 可快速完成「 進入結帳頁面前,將訪客強制導向至會員登入&註冊頁面 」功能。
在結帳前讓訪客先進行登入 / 註冊,變得很輕鬆簡單,完全不需要代碼設定,啟用即可運作。
另外也能搭配社群登入外掛串接,會更方便客戶登入 / 註冊會員,更多 FB&Google 社群登入功能。
還可配合其他 WordPress 表單設計外掛,調整欄位項目、客製化樣式設計,取代單調的預設模版。
如果有這方面的需求,那這款外掛應該會幫助到你!
2. 安裝+啟用 WooCommerce Force Authentification
這章節,來進行 WooCommerce Force Authentification 外掛安裝+啟用吧!
前往 WordPress 後台 > 安裝外掛,搜尋「 WooCommerce Force Authentification 」外掛,即可安裝+啟用。
此外掛本身不需設定,即可直接實現「 結帳前,將訪客強制導向到 WordPress 登入&註冊頁面 」,是不是很方便呢?
外掛安裝+啟用後,還需調整 WordPress+WooCommerce 相關設定,下個章節,會繼續教學!
3. 登入+註冊頁面,導向測試
完成外掛安裝+啟用,即可享受外掛自動導向的便利囉!
我們來透過實際測試,來檢視外掛成效。
使用訪客模式(或開啟無痕模式),前往網站,隨機選購商品,前往購物車頁面,點擊結帳。
發現被自動導向到 WordPress登入&註冊頁面~
4. 後續補充教學
啟用外掛後,也可分別在 WordPress 及 WooCommerce 進行後續設定,檢查註冊 / 登入選項,是否都有正常打開,比較算是一個完整流程。
WordPress 設定
前往 WordPress 設定 > 一般設定,勾選「 任何人均可註冊 」,儲存設定。這樣訪客才能註冊成為網站會員。
WooCommerce 設定
前往 WooCommerce 設定 > 帳號及隱私權,勾選「 允許客戶在『 我的帳號 』頁面上建立帳號 」。
這樣訪客在 WooCommerce 預設的「 我的帳號 」頁面,才會看到「 會員註冊 」表格。
那麼,以上就是完整的 WordPress 登入&註冊頁面,優先導向教學啦!
5. 修改登入 / 註冊表單樣式(額外分享)
如果覺得原本的表單樣式過於單調,我們可以藉由 Login Signup Popup 外掛,幫助我們修改登入&註冊表單樣式。
操作一樣很容易上手,跟著下面的步驟,即可快速修改表單樣式!
安裝+啟用 Login Signup Popup 外掛
前往 WordPress 後台 > 安裝外掛 > 搜尋「 Login Signup Popup 」外掛,安裝+啟用。
前往登入&註冊畫面,會發現表單已經變更新樣式囉!
修改表單樣式
除了樣式調整,我們還能夠使用 Login Signup Popup,變更按鈕顏色。
前往 Login Signup Popup > Settings,點選 Style > 下滑找到 Form 區域,即可在此處,修改表單樣式、按鈕 / 文字顏色等 .. 細項。
這邊我以修改切換按鈕為例,調整你喜歡的色彩,儲存設定。
接著依序調整設計,就可以到前台觀看,發現登入&註冊表單樣式,修改成功囉~
大家妥善運用 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 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
點擊下面了解課程,立馬擁有自己的品牌網站,並增加網路曝光度!
資源二:SEO 排名飆升課(線上課程)
網站建立完畢後,但卻沒有流量怎麼辦?或是只能靠花錢投廣告才會有訂單?
這門 SEO 排名飆升課,教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..,大幅提升行銷能力。
點擊下面了解課程,帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!
資源三:犬哥數位(專業 WordPress 網頁設計公司)
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!
資源四:更多犬哥教學資源
如果你在操作過程中遇到問題,可以加入 犬哥研討社(目前有超過 9000+ 團員)。除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。
如果你想學更多網頁設計、數位行銷知識,可關注 YouTube 頻道,或是歡迎追蹤 犬哥網站 IG。