如何在WordPress中創建自定義用戶註冊表單


您是否要在WordPress中創建自定義前端用戶註冊表單? 默認的WordPress用戶註冊表單顯示WordPress品牌,但與您網站的主題不匹配。 在本文中,我們將向您展示如何在WordPress中創建自定義用戶註冊表單。

如何在WordPress中創建自定義用戶註冊表單

為什麼要在WordPress中添加自定義用戶註冊表格

默認的WordPress用戶註冊頁面顯示WordPress品牌和徽標。 它與您的WordPress網站的其餘部分不匹配。

創建自定義用戶註冊表單可讓您將註冊表單添加到WordPress網站的任何頁面上。 它可以幫助您在註冊過程中提供更一致的用戶體驗。

自定義用戶註冊表單還允許您在註冊時重定向用戶。 您還可以顯示其他用戶配置文件字段,將其與自定義前端登錄表單結合起來,並將其與您的電子郵件營銷服務連接。

話雖如此,讓我們看一下如何在WordPress中創建自定義用戶註冊表單。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

在WordPress中創建自定義用戶註冊表單

您需要做的第一件事是安裝並激活WPForms – WordPress表單插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

WPForms是最好的WordPress聯繫人表單插件,可讓您在WordPress中創建所有類型的表單。

您至少需要專業版計劃才能訪問其用戶註冊插件。

您可以使用我們的WPForms優惠券: WPB10 購買任何WPForms計劃可獲得10%的折扣。

激活後,您需要訪問 WPForms»設置 頁以輸入您的WPForms許可證密鑰。 您可以從WPForms網站上的帳戶中獲取此密鑰。

添加您的WPForms許可證密鑰

接下來,您需要訪問 WPForms»附加組件 頁。 單擊“用戶註冊插件”旁邊的“安裝插件”按鈕。

安裝用戶註冊插件

WPForms現在將下載並安裝用戶註冊插件。 您需要單擊“激活”按鈕以開始使用插件。

激活用戶註冊插件

現在您可以創建您的自定義用戶註冊表單。

您需要參觀 WPForms»添加新 啟動WPForms Builder。

首先,您需要為表單輸入一個名稱,然後選擇“用戶註冊表單”作為模板。

表單構建器設置

WPForms現在將為您創建一個簡單的註冊表格。 默認情況下,此示例表單將添加以下WordPress用戶註冊字段。

  • 名稱-名和姓
  • 用戶名
  • 電子郵件
  • 密碼
  • 生物短

您可以從左側面板添加更多字段。 您也可以拖動字段以重新排列其順序。

在您的“自定義用戶註冊”表單中添加自定義字段

WPForms還允許您將自定義用戶配置文件字段連接到用戶註冊表單。

為此,您需要將其他用戶配置文件字段添加到WordPress網站。 最簡單的方法是使用插件。

在此示例中,我們使用User Meta Manager插件。 但是,WPForms的字段映射功能可與使用標準WordPress自定義字段添加和存儲用戶元數據的任何插件一起使用。

您需要做的第一件事是安裝並激活User Meta Manager插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 用戶»用戶元管理器 頁,然後單擊添加自定義元按鈕繼續。

將自定義用戶元添加到WordPress中的用戶配置文件

首先,您需要輸入一個密鑰。 此項是在內部識別自定義用戶配置文件字段的方式。

接下來,您需要選擇一個字段類型。 在此示例中,我們使用URL字段添加Facebook個人資料URL。 在“標籤”下,您需要輸入在填寫此字段時用戶可見的標籤。

單擊提交按鈕以添加自定義元字段。 您現在可以訪問 用戶»您的個人資料 頁以查看實際的字段。

自定義用戶個人資料字段,用於添加Facebook個人資料網址

現在,我們已經創建了一個自定義用戶配置文件字段,讓我們將其添加到WPForms中的自定義用戶註冊表單中,然後進行映射。

您將需要訪問 WPForms»所有表格 頁以編輯您的自定義用戶註冊表格或創建一個新的表格。

之後,單擊左側面板中的字段以將其添加到表單中。 在此示例中,我們將網站/ URL字段添加到表單中。

新增欄位

網站/ URL字段現在將出現在表單預覽中。 您需要單擊該字段,WPForms將在左側面板中顯示其屬性。

我們需要將標籤從“網站/ URL”更改為“ Facebook個人資料URL”。 您也可以為該字段添加描述。

編輯欄位

不要忘記單擊屏幕右上角的“保存”按鈕以保存表單。

接下來,您需要單擊“設置”按鈕以進行高級表單設置和字段映射。 在“設置”頁面上,單擊“用戶註冊”選項卡。

WPForms現在將顯示您的表單字段以及它們下方的下拉菜單,以選擇WordPress註冊字段進行映射。

您會注意到WPForms將自動映射您的默認字段,例如名稱,電子郵件,密碼等。您還可以選擇一個頁面,希望用戶在提交表單後將其重定向到該頁面。

您需要向下滾動到“自定義用戶元”部分。 在這裡,您可以輸入您先前創建的自定義元鍵,然後選擇您要與其映射的表單字段。

映射自定義字段

不要忘記單擊屏幕右上角的“保存”按鈕以保存您的設置。

在WordPress中添加自定義用戶註冊表單

WPForms使將表單添加到WordPress帖子,頁面和側邊欄小部件中變得非常簡單。

您需要創建一個新的帖子/頁面或編輯現有的帖子/頁面。 在帖子編輯屏幕上,您會注意到新的WPForms按鈕。

在WordPress帖子或頁面中添加表單

點擊它會彈出一個彈出窗口。 您需要從下拉菜單中選擇您的表單,然後單擊“添加表單”按鈕。

您會注意到WPForms短代碼將出現在帖子的內容編輯器中。 現在,您可以發布或保存您的帖子/頁面,然後預覽表單。

預覽自定義用戶註冊表單

WPForms還允許您在邊欄中添加自定義用戶註冊表單。 訪問 外觀»小部件 頁並將WPForm小部件添加到側邊欄。

將自定義用戶註冊表單添加到WordPress的邊欄中

您需要從小部件設置的下拉菜單中選擇要顯示的表單。 不要忘記單擊保存按鈕來存儲您的小部件設置。

就是這樣,您現在可以訪問您的網站以查看您的自定義用戶註冊表格。

邊欄中的自定義註冊表格

我們希望本文能幫助您學習如何在WordPress中輕鬆添加自定義用戶註冊表單。 您可能還希望查看我們的10個WordPress插件列表,這些列表將快速幫助您獲得更多流量。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。