如何自訂 WooCommerce 登入頁面（3 種方法）
WPBeginner賺取合作夥伴鏈接的佣金。佣金不影響我們編輯的意見或評估。了解更多關於我們的編輯過程。
為何創建自訂 WooCommerce 客戶登入頁面？
當客戶登錄到您的 WooCommerce 商店時，他們會看到默認的 WordPress 登入頁面，只有 WordPress 標誌和品牌。該頁面如果只是為了訪問您的網站控制台，那還可以接受。然而，客戶可能會對單調的設計感到不滿，並對於與您的網站外觀不匹配的登入頁面感到懷疑。自訂 WooCommerce 登入頁面能讓您添加自己的標誌，並調整設計以匹配您的網站，讓您的網站看起來更加專業，並提供更好的用戶體驗。此外，還可以添加更多的表單字段，甚至可以向客戶宣傳特定產品或展示特別優惠。
方法 1：使用 SeedProd 創建完全自訂的 WooCommerce 登入頁面
最好的方法是使用 SeedProd來創建自訂的 WooCommerce 客戶登入頁面。它是最好的 WordPress 登陸頁面和主題生成器，非常易於使用。您可以使用 SeedProd 的拖放生成器來自訂頁面或主題的設計和佈局，而不需編寫一行代碼。
首先，您需要安裝並激活 SeedProd 插件。如果需要幫助，請參閱我們的指南“如何安裝 WordPress 插件”。激活後，您會看到 SeedProd 歡迎界面。請輸入您的許可證密鑰並點擊“驗證密鑰”按鈕。您可以在 SeedProd 帳戶區域找到許可證密鑰。
接下來，您可以為您的 WooCommerce 商店創建自訂的登錄頁面。從 WordPress 儀表板導航到 SeedProd » 登陸頁面並點擊“設置登錄頁面”按鈕。
之後，SeedProd 會顯示多個模板。您可以快速選擇一個並根據需要進行自訂。這有助於節省時間，您可以使用現有的設計來創建自己的 WooCommerce 登錄頁面。插件還允許您使用空白模板創建登錄頁面。
選擇模板後，會彈出一個窗口。請輸入頁面名稱並點擊“保存並開始編輯頁面”按鈕。接下來，您將看到拖放頁面生成器。您現在可以通過從左側菜單添加新塊來自訂登錄頁面。SeedProd 提供標準塊，例如標題、文本、圖片、按鈕等。
除了那些，您還可以添加高級塊，比如抽獎、聯繫表單、社交分享按鈕、選單表單等。還有 WooCommerce 塊，例如最新產品、特色產品和暢銷產品，您可以添加到您的登錄頁面模板中。
使用 WooCommerce 塊，您可以輕鬆推薦您的頂級產品並推廣折扣優惠以獲得更多轉化。此外，SeedProd 還讓您進一步自訂登錄頁面的任何部分。只需點擊部分，您將看到更多選項，如編輯標籤、顏色、字體和間距。
完成自訂 WooCommerce 登錄頁面後，不要忘記點擊頂部的“保存”按鈕。之後，您可以導航到“頁面設置”標籤，點擊“頁面狀態”切換將其從草案更改為發布。然後，您可以再次點擊“保存”按鈕並關閉頁面生成器。
接下來，您需要確保用戶看到新自訂的 WooCommerce 登錄頁面。前往 WooCommerce 儀表板中的 SeedProd » 登陸頁面。簡單地點擊“登錄頁面”下的開關，使其變為綠色並顯示“啟用”。
切換後，您的新登入頁面將顯示在您的 WordPress 網站上！您可以訪問您的電子商務商店查看其效果。
方法 2：使用 WPForms 自訂 WooCommerce 客戶登入表單
您是否想創建一個與您的網站主題匹配並提供更多字段的登入表單？默認的 WordPress 登入表單只允許用戶輸入電子郵件地址或用戶名和密碼。通過自訂登錄表單，您可以添加更多字段，讓客戶使用姓名或手機號碼登入。最好的方法是使用 WPForms。它是最適合初學者使用的 WordPress 表單生成器，超過六百萬個網站使用 WPForms 來構建更智能的表單。
您可以輕鬆創建自訂的 WooCommerce 登錄表單並將其顯示在您的在線商店的任何位置，如側邊欄或產品頁面。首先，您需要安裝並激活 WPForms 插件。如果需要幫助，請參閱我們的指南“如何安裝 WordPress 插件”。激活後，您可以從 WordPress 儀表板導航到 WPForms » 設置並輸入許可證密鑰。您可以在 WPForms 帳戶區域找到許可證密鑰。
接下來，您需要前往 WordPress 管理面板中的 WPForms » 插件。之後，向下滾動到“用戶註冊插件”並點擊“安裝插件”按鈕。
現在，您準備創建一個自訂的 WooCommerce 登錄表單。只需點擊 WPForms » 新增啟動表單生成器。在下個屏幕上，您可以為您的表單命名。然後，搜索“用戶登錄表單”模板並點擊“使用模板”按鈕。
隨後，您可以使用拖放生成器自訂用戶登錄表單模板。WPForms 使添加不同的字段或重新排列模板中的現有字段非常容易。例如，您可以在左側菜單中拖動電話號碼等高級字段並將其放在模板中。
您還可以進一步自訂每個字段。只需點擊任何字段以編輯其標籤、添加描述並使其成為必要字段。
完成後，點擊頂部的“保存”按鈕。然後，您需要將 WooCommerce 客戶登錄表單添加到您網站的頁面上。點擊表單生成器頂部的“嵌入”按鈕，選擇是否將表單放在現有頁面上或創建新頁面。選擇“創建新頁面”選項，輸入頁面名稱並點擊“出發吧！”按鈕，WPForms 登錄表單將顯示在 WordPress 內容區域內。
獎勵：自訂 WooCommerce 結帳登入頁面
WooCommerce 允許回訪者在結帳頁面登錄。要自訂 WooCommerce 結帳登入頁面，最佳方法是使用強大的 FunnelKit 插件。FunnelKit 允許您自訂 WooCommerce 結帳頁面，添加多步結帳流程，一鍵追加銷售等等。您可以選擇經過高度優化的預製結帳模板，並使用任何流行的 WordPress 頁面生成器進行自訂。
