WooCommerce：如何自定義我的帳戶頁面？
已發表: 2018-03-28
自定義 WooCommerce“我的帳戶”頁面是設計師和開發人員最需要的功能之一。
電子商務網站的“我的帳戶”頁面對於其運營的順利運行絕對至關重要，應該精心設計以允許用戶充分利用帳戶管理 - 當然 - 可以定制以轉換更多的銷售和/或吸引退貨業務。
“我的帳戶”頁面是一個實際的 WordPress 頁面（您可以在“頁面”下找到它），其中包含一個 WooCommerce 短代碼。 此類簡碼輸出默認帳戶管理選項卡及其獨特內容。
為了自定義“我的帳戶”頁面（當然還有它的所有子頁面，例如“編輯地址”頁面）的外觀、風格、佈局、內容和設計，您有兩種不同的選擇。 如果您熟悉 PHP 自定義，那麼幾乎任何事情都可以通過簡單的代碼片段來實現：添加自定義選項卡、刪除選項卡、更改選項卡的內容、對選項卡進行排序等等。 我們已經在 Business Bloomer 上看到了這一點，但我將鏈接到下面的一些文章和教程作為提醒。
另一種時尚的選擇是使用插件。 有時，這可能是一種快速且無錯誤的方式，無需編寫代碼即可實現您的需求。 這取決於你——所以在這篇文章中，我們將看到這兩種方法！
1. WooCommerce“我的帳戶”自定義片段
作為 WooCommerce 自由職業者，我喜歡在不安裝插件的情況下編寫代碼和實現目標。 那是我，所以你可能會有不同的想法。
如果您喜歡挑戰，PHP 和 WooCommerce 鉤子可以讓您在“我的帳戶”頁面上實現幾乎所有目標。
在列出我喜歡的一些片段之前，我建議你去研究我的WooCommerce“我的帳戶”視覺掛鉤指南：https://businessbloomer.com/woocommerce-visual-hook-guide-account-pages/ - 這會給你一個了解帳戶管理頁面的編碼方式以及您可以使用哪些“掛鉤”來顯示其他內容。
完成後，您可以查看這些有用的片段（鏈接應該是不言自明的）：
- https://businessbloomer.com/woocommerce-add-new-tab-account-page/
- https://businessbloomer.com/woocommerce-hide-rename-account-tab/
- https://businessbloomer.com/woocommerce-merge-account-tabs/
- https://businessbloomer.com/woocommerce-show-extra-content-my-account-page/
- https://businessbloomer.com/woocommerce-add-first-last-name-account-register-form/
- https://businessbloomer.com/woocommerce-add-select-field-account-register-form/
- https://businessbloomer.com/woocommerce-display-products-purchased-user/
享受
2. WooCommerce“我的帳戶”自定義插件
假設您的目標是提供出色的客戶服務。 在這種情況下，您可以自定義“我的帳戶”頁面，為您的客戶提供他們正在搜索的信息，通過常見問題解答回答他們的問題，或者允許他們下載用戶或指導指南。
雖然標準的 WooCommerce 安裝沒有很多自定義功能或用戶友好的方式來添加額外的自定義字段 - 您可以使用自定義 WooCommerce 我的帳戶頁面插件輕鬆實現它。
您不希望您的客戶在您的商店中尋找他們的問題的答案 - 只是在此過程中讓他們感到沮喪。 相反，您可以讓“我的帳戶”頁面成為客戶的綜合中心——他們可以在其中找到用戶指南和有關保修、過去訂單甚至獎勵的信息。
以下是您的商店如何通過自定義 WooCommerce 我的帳戶頁面受益：
- 最大限度地減少產品退貨：添加額外的產品信息、說明指南或手冊將幫助客戶對他們願意購買的產品充滿信心——降低退貨的可能性。
- 提高客戶忠誠度：自定義“我的帳戶”頁面通過在易於查找的位置為他們提供所需的所有信息，從而使他們的生活更輕鬆，這也消除了聯繫客戶服務的需要。 它還為他們提供了一個尋找獨家折扣和優惠券的地方，讓他們成為您的忠實客戶。
- 最大程度地保留客戶：在“我的帳戶”頁面上提供額外的優惠券和折扣可以幫助您讓您的客戶不斷光顧並讓他們渴望——因此他們不時檢查新的銷售和優惠。
- 減少客戶投訴/查詢： 67% 的客戶更喜歡自助服務而不是致電特定代表。 提供用戶指南和一個查看產品和尋找答案的多合一的地方將使他們不太可能就相同或其他查詢與您聯繫。
既然我們已經了解了自定義“我的帳戶”頁面如何幫助您和您的客戶 - 讓我們看看您可以使用哪些插件將商店的客戶體驗提升到一個新的水平。
YITH – WooCommerce 自定義我的帳戶頁面
Yith 的 WooCommerce 自定義我的帳戶頁面可讓您更好地控制您在“我的帳戶”頁面上顯示的內容，並且是使頁面對您的客戶有吸引力和有用的絕佳方式 - 無論您使用的是什麼主題。
與“我的帳戶”頁面定制相關的最大功能值得一提的是：
- 您可以在“側邊欄”或“標籤”顯示模式之間切換
- 您可以對帳戶管理選項卡的內容進行排序、刪除、添加、重命名和更改
- 您可以向特定用戶角色顯示某些選項卡
- 您可以更改顏色、標籤、添加圖標
它允許您添加無限數量的菜單，其中包含說明、調查、可下載文件、優惠券、新聞、通知和視頻教程等內容。
它還允許您宣傳您的產品並顯示與折扣代碼和促銷優惠相關的消息。 編輯內容、標籤和商店默認部分的位置也很容易，例如儀表板和訂單。
主要功能：允許您創建僅對特定用戶可見的部分，並限制他們使用特定用戶角色。
定價： 59.99 美元/年，提供 1 年支持和更新以及 30 天退款保證。
IconicWP – WooCommerce 帳戶頁面
這個插件是最無縫的插件之一，因為它與 WooCommerce 完全集成，適用於任何編碼良好的主題，並且就像另一個 WooCommerce 功能一樣 - 就像沒有安裝的插件一樣。
這個插件的不同和獨特之處在於，您不僅可以在“我的帳戶”頁面上設置無限頁面，而且您添加的任何頁面都會自動顯示為選項卡式鏈接。
它也是一個對簡碼友好的插件，因為如果您使用頁面構建器，您可以使用簡碼輕鬆呈現選項卡鏈接。 此外，它還有助於頁面排序——而且 all-in-all 是一款出色的初學者友好型插件，具有熟悉的界面。
主要功能：這是唯一允許您使用古騰堡編輯器的插件 - 可以輕鬆創建自定義和動態佈局，並在選項卡中添加圖像畫廊或視頻等內容。
定價： 1-site Plugin License 費用為 49 美元/年。
WooCommerce – 為 WooCommerce 自定義我的帳戶
此插件可讓您通過具有強大自定義面板的實時自定義程序添加自定義“我的帳戶”端點（選項卡）。
除了創建無限的帳戶端點外，它還可以輕鬆自定義選項卡（添加新的或隱藏默認選項卡）、修改標籤、顯示自定義內容（文本、表單或媒體）以及添加圖標。
您還可以提供對特定用戶角色的端點訪問，編輯字體、字體顏色、大小、背景圖像和顏色、填充、邊距和邊框。
主要功能：此插件的最佳功能之一是能夠將端點分組以創建選項卡，然後將選項卡添加為在父選項卡下縮進的子頁面。 您還可以添加自定義 CSS 代碼。
定價： 49.00 美元（每年計費）
WooCommerce – 我的帳戶頁面編輯器
此插件是通過添加多個端點、編輯或刪除默認端點以及通過拖放對端點進行排序來自定義您的 WooCommerce 我的帳戶頁面的另一個可靠選項。
WYSIWYG 編輯器允許您添加產品頁面、類別、外部或內部鏈接或內容。 您還可以限制用戶角色。 此外，您還可以選擇在選項卡樣式的頂部、左側或右側顯示端點，並使用任何內置圖標與端點一起顯示。
主要功能：您可以從任何端點類型中進行選擇——單個、頁面、鏈接和組，並從四種不同的顏色和佈局選項中進行選擇。
定價： 49.00 美元（按年計費）
Codecanyon – WooCommerce 自定義我的帳戶頁面
這個預算友好的插件允許您創建一個簡單、乾淨、舒適的“我的帳戶”頁面並對其進行自定義。
除了允許您創建自定義“我的帳戶”選項卡外，它還允許您通過直觀的界面重命名、重新排序和禁用選項卡。 有趣的是，它帶有許多樣式選項，例如三種不同的佈局、修改背景顏色和自定義文本——以徹底改造您的 WooCommerce 我的帳戶頁面。
您還可以限制特定的用戶角色、使用簡碼並添加自定義用戶元數據——WooCommerce 不支持這些。
主要功能：這個插件的迷人之處在於它支持超過 11 種類型的內容——包括鏈接、編輯器、功能、顯示購物車、顯示我的帳戶和聯繫 7 表單。
定價：常規許可證售價 34 美元。
Codecanyon – WooCommerce 我的帳戶頁面插件，編輯和自定義帳戶頁面
這個負擔得起的插件允許您自定義您的“我的帳戶”頁面、添加自定義選項卡、完全控制其內容並個性化整體體驗。
它使您可以輕鬆添加頁面或端點、自定義其內容以及對端點進行分組以增強頁面佈局並更好地組織它。
此外，它還帶有一個用戶友好的 WYSIWYG 編輯器，它允許使用 HTML - 總而言之，它是您商店“我的帳戶”頁面的無縫定制插件。
主要功能：此插件允許您通過將鏈接附加到選項卡或端點來吸引客戶對“新產品”等特定頁面的關注。
定價：常規許可證售價 29 美元。
Codecanyon – SS WooCommerce Myaccount Ajax 選項卡
這種簡單輕巧的解決方案對於網站流量高的商店來說是一個很好的解決方案，可以最大限度地減少整體服務器負載。
它提供了三種獨特的選項卡樣式——默認、經典和平面，並允許您添加無限選項卡、刪除選項卡、使用拖放重新排序它們以及添加自定義內容。
這個插件的獨特之處在於它將您的“我的帳戶”頁面選項卡轉換為 Ajax 選項卡——允許客戶在同一頁面上瀏覽選項卡鏈接及其內容。 因此，它消除了每次客戶需要查看選項卡內容時刷新頁面的需要。
此外，它還支持 HTML、自定義簡碼、JavaScript 和滑塊內容。
主要功能：它支持垂直選項卡方向並提供更好的客戶體驗——允許他們查看選項卡的內容而不會刷新頁面或延遲。
定價：常規許可證售價 29 美元。
Pheoniixx Designs – 為 WooCommerce 自定義我的帳戶
這個功能豐富的插件支持多站點網絡，並提供多個選項來根據您的特定要求自定義您的“我的帳戶”頁面。
您可以創建無限的菜單選項，並在兩種菜單樣式或佈局選項之間進行選擇——側邊欄和選項卡。 此外，它還為您的客戶提供了上傳個人資料圖片的選項。
此外，您可以獲得廣泛的樣式選項來個性化菜單項文本、菜單項顏色、菜單之間的填充以及圖標和文本之間的邊距。 您還可以輕鬆地向菜單添加自定義 URL，並在每個菜單選項下編輯圖標、標籤和內容。
主要功能：它支持簡碼，並允許您根據用戶角色（如客戶、貢獻者或管理員）限制“我的帳戶”頁面上的菜單選項。
定價：單站點許可證的價格為 35.18 美元，提供一年支持、終身更新和無續訂費用。
結論
自定義您的 WooCommerce 我的帳戶頁面是改善客戶體驗和與您的商店互動的絕佳方式。 在單個頁面上添加所有必要的詳細信息、指南、常見問題解答和產品信息可以防止客戶感到沮喪、需要跟進查詢、減少退貨並提高忠誠度。
您可以創建盡可能多的頁面和選項卡——無需學習任何新內容。 上面提到的每個插件都具有獨特的功能、優勢和劣勢。 因此，請分析您的需求並為您的商店選擇合適的插件，以提供滿足您所有客戶需求的一站式解決方案。