WooCommerce客製

WooCommerce 帳戶設定 – 加入函數讓使用者登出後導向指定頁面

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – WooCommerce 帳戶設定 原本的重新導向是將使用者跳轉至登入頁面,這樣的設定對於一些電商網站而言是比較沒有意義的,如果説在使用者操作登出後,可以跳轉回首頁,或者導向至感謝頁、電子報訂閱、折扣優惠頁等,會比較容易提升訪客在網站中做更多資訊瀏覽或者下單購買的機會,因此在本篇教學中,就是要說明如何運用簡單的函數來修改 WooCommerce 預設的重新導向方式,讓使用者在登出後可以到達我們所指定的網站頁面。接下來跟著鵠學苑的腳步,讓我們開始學習吧!

WooCommerce Codex
https://docs.woocommerce.com/wc-apidocs/index.html
WordPress wp_logout 說明
https://codex.wordpress.org/Function_Reference/wp_logout

加入函數設定會員登出導向至首頁

第一步:以安裝 WooCommerce 的銷售網站為例,下圖是我的帳戶頁面,首先可以先嘗試登出後的動作。

第二步:點選登出後會回到登入畫面,如果沒有做特別設定,只要操作登出後都會到達下方圖片中的登入頁。

第三步:如果想要讓使用者登出後可以自動跳轉至首頁,可以使用下面這一段函數。使用 add_action 來定義 wp_logout 登出時執行的動作為 wp_redirect ,值為 home_url ,也就是首頁網址。

第四步:會加入方式為進入外觀的佈景主題編輯器中,選擇子主題後,在 funtion.php 檔案結尾處加入上方提供的函數,點選更新,如下圖所示。

第五步:完成後當會員登出後就會重新導向至網站首頁,可參考下方影片。

帳戶登出指定重新導向頁面函數

第一步:如果不想要將登出用戶重新導向至首頁,而是想要跳轉到網站指定頁面,則可以使用下方函數,加入方式與第一小節中說明相同。

第二步:修改 wp-redirect 中的網址為想要將使用者導向的頁面網址,修改單引號中的網址即可。

第四步:完成後就會將登出使用者導向至指定頁面,下方影片中筆者是設定轉向至商品型錄頁。

結語:

在 WordPress 加入函數前,請記得要先為網站做備份,尤其在不知道網站中啟用哪些外掛,或者網站是委外建置的狀況下,輕易加入函數是很容易導致網站發生錯誤的,這一點請務必要注意到。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

woocommerce相關文章:

網站資訊文章推薦

Chrome 76 版更新項目介紹,破解網址隱藏 WWW 與子網域名稱
SEO到底追不追的完?文章怎麼寫!
購物網站架設 – 電子商務網站建置的細節與項目

Share
Published by
鵠學苑