你想在WordPress中创建一个自定义前端用户注册表单吗?
默认的WordPress用户注册表单显示WordPress品牌,但与您的站点主题不匹配。
在本文中,我们将向您展示如何在WordPress中创建自定义用户注册表单。
为什么在WordPress中添加自定义用户注册表单
默认的WordPress用户注册页面显示WordPress品牌和徽标。它与WordPress站点的其他部分不匹配。
创建自定义用户注册表单允许您在WordPress站点的任何页面上添加注册表单。它可以帮助您在注册过程中提供更一致的用户体验。
自定义用户注册表单还允许您在注册时重定向用户。您还可以显示其他用户配置文件字段,将其与自定义前端登录表单结合起来,并将其与电子邮件营销服务连接起来。
说到这里,让我们来看看如何在WordPress中创建一个自定义的用户注册表单。
视频教程
如果您喜欢书面说明,请继续阅读。
创建自定义用户注册表单
创建自定义用户注册表单最简单的方法是使用WPForms。它是最好的WordPress联系人表单插件,允许您在WordPress中创建所有类型的表单。
WPForms非常易于使用,并提供了一个拖放表单构建器,因此您可以使用它来定制您想要的注册表单。该插件还集成了流行的电子邮件营销服务和支付服务,如PayPal。
对于本教程,我们将使用WPForms Pro计划,因为它包含用户注册插件。
你需要做的第一件事就是在你的网站上安装并激活WPForms表单插件。有关更多细节,请参阅我们关于如何安装WordPress插件的一步一步指南。
激活后,您需要访问WPForms»Settings页面以输入您的WPForms许可密钥。您可以在wpform的网站上从您的帐户中获得此密钥。
一旦密钥被验证,您需要访问WPForms»Addons页面,然后单击‘安装Addon’按钮旁边的’用户注册插件’
WPForms现在将安装并激活用户注册插件。你会看到状态变为‘Active’插件安装时。
现在可以创建自定义用户注册表单了。
首先,只需访问WPForms»Add New来启动WPForms构建器。
首先,您需要在顶部为表单输入一个名称,然后将鼠标悬停在User Registration form模板上。之后,点击‘创建用户注册表单’按钮。
WPForms现在将为您创建一个简单的注册表单。默认情况下,这个示例表单将添加以下WordPress用户注册字段。
您可以从左侧面板添加更多字段,也可以拖动字段以重新排列它们的顺序。
该插件还允许您编辑每个表单字段。只要点击任何表单字段,你就会看到’字段选项’在左边。
例如,您可以更改字段标签、编辑其格式、添加描述、设置条件格式等等。
当您编辑完表单后,不要忘记点击’保存’按钮在右上角。
在自定义用户注册表单中添加自定义字段
WPForms还允许您将自定义用户配置文件字段连接到用户注册表单。
要做到这一点,您将需要添加额外的用户配置文件字段到您的WordPress站点。最简单的方法就是使用WordPress插件。
在本教程中,我们将使用高级自定义字段插件。然而,WPForms的字段映射特性可以与任何使用标准WordPress自定义字段来添加和存储用户元数据的插件一起工作。
你需要做的第一件事是安装并激活Advanced Custom Fields插件。有关更多细节,请参阅我们关于如何安装WordPress插件的一步一步指南。
激活后,您需要访问Custom Fields»Field Groups并单击‘Add New’按钮。
然后输入新字段组的名称。例如,如果您想在注册时收集社交媒体信息,那么您可以将其命名为“社交媒体详细信息”。
下一步,点击‘+添加字段’按钮。
现在,您需要输入将出现在配置文件页面上的Field Label。您将注意到,在输入字段标签时将自动生成字段名,但如果需要,也可以编辑字段名。
之后,继续从下拉菜单中选择一个字段类型。您可以选择字段来包含文本、数字、图像、文件、复选框、URL、密码等等。
还有更多的选项来编辑您的新字段。您可以启用该选项,使该字段成为必需,添加默认值,设置字符限制,并配置条件逻辑。
下一步,向下滚动到‘Location’部分。在本节中,您必须创建一组规则来确定哪些屏幕将使用这些自定义字段。
因为我们希望它们显示在所有用户配置文件中,如果‘user Role等于all .’
现在,滚动到‘Settings’section,并确保该字段为‘Active’通过将开关从“否”滑动到“是”。
当您对新的自定义字段设置满意后,继续单击‘Publish’按钮。
要查看自定义字段的作用,只需切换到User»Profile并向下滚动到页面底部。
现在我们已经创建了一个自定义用户配置文件字段,让我们将它添加到WPForms中的自定义用户注册表单中,然后确保将表单字段映射到自定义字段,以便正确存储数据。
您需要访问WPForms»All Forms页面来编辑我们之前创建的自定义用户注册表单,或者您也可以创建一个新的。
之后,从左侧面板中拖动一个字段以将其添加到表单中。在这个例子中,我们添加了‘Website/URL’字段到我们的表单。
Website/URL字段现在将出现在您的表单预览中。您需要单击该字段,WPForms将在左侧面板中显示其属性。
将标签从Website/URL更改为Social Media Details。您还可以为该字段添加描述。
不要# 8217;t忘记点击& # 8216;拯救# 8217;按钮,以保存表单。
接下来,你需要点击‘设置’用于高级表单设置和字段映射的按钮。在设置页面,点击‘User Registration’选项卡。
WPForms现在将显示您的表单字段和下面的下拉菜单,以选择WordPress注册字段来映射它。
您将注意到WPForms将自动映射您的默认字段,如名称,电子邮件,密码等。您还可以选择一个页面,希望在用户提交表单后将其重定向到该页面。
你需要向下滚动到‘Custom User Meta’部分。在这里,您可以输入前面创建的自定义元键,然后选择要与其映射的自定义表单字段。
不要# 8217;t忘记点击& # 8216;拯救# 8217;按屏幕右上角的按钮保存设置。
在WordPress中添加自定义用户注册表单
WPForms使得在WordPress帖子、页面和侧边栏小部件中添加表单变得超级简单。
您需要创建一个新的帖子/页面或编辑一个现有的。在你的WordPress编辑器中,点击顶部的加号(+),然后向下滚动到widgets部分添加一个WPForms块。
之后,您可以从WPForms块中的下拉菜单中选择自定义注册表单。
现在您将在WordPress编辑器中看到您的注册表单预览。继续并发布您的帖子或页面,以查看自定义注册表单的操作。
WPForms还允许您在侧边栏中添加自定义用户注册表单。只需访问Appearance»Widgets页面并将WPForm小部件添加到侧边栏。
接下来,您需要从小部件设置中的下拉菜单中选择要显示的表单。不要忘记单击Save按钮来存储您的小部件设置。
就这样,您现在可以访问您的网站来查看自定义用户注册表单的运行情况了。
用注册表单创建自定义登录页面
当您将注册表单添加到网站的页面时,WordPress将默认使用您的主题’s布局,模板和样式。
然而,你可以使用WordPress登陆页面构建器从零开始创建一个令人惊叹的注册页面。
SeedProd是WordPress最好的登陆页面构建器。它是用户友好的,并提供了一个拖放构建器,帮助您创建所有类型的登录页面。该插件还提供了预构建模板和大量定制功能。
在本教程中,我们将使用seedprod&# 8217; Pro版本,因为它包含登录页面模板和高级自定义功能。还有一个免费版本的SeedProd,但它没有创建登录页面的选项。
首先,您需要在您的站点上安装并激活SeedProd插件。你按照我们的详细教程如何安装一个WordPress插件。
一旦插件激活,您将被重定向到WordPress管理面板中的SeedProd,并将被要求输入许可密钥。您可以在SeedProd帐户中找到密钥。
验证密钥后,您就可以用注册表单创建一个登录页面了。
开始,头部到SeedProd»Pages,然后点击‘设置登录页’按钮。
接下来,您需要为您的登录页面选择一个模板。SeedProd提供了不同的模板来帮助您快速入门。
选择模板后会出现一个弹出窗口。您需要为您的登录页面输入一个名称和一个URL。完成后,点击‘保存并开始编辑页面’按钮。
接下来,您可以使用SeedProd’s拖放登录页面构建器编辑登录页面。
只需从左侧菜单中选择一个块,并拖动到您想要在登录页面上添加它的位置。例如,您可以添加标题,图像,视频等
要添加您的注册表单,请转到左侧的高级块部分。然后选择Contact Form’阻止并将其放在您的登录页面上。
我们建议您从模板中删除现有的Username和Password块,这样用户就不必两次输入登录凭据。
接下来,单击登录页面上的WPForms块。现在您将看到一个选项‘Select a Form’在你左边的菜单上。继续并从下拉菜单中选择您的注册表单。
您现在应该在登陆页面构建器中看到您的注册表单的预览。不要忘记点击‘保存’按钮来存储更改。
之后,你可以转到‘Connect’标签和整合不同的电子邮件营销服务。SeedProd与Drip, Constant Contact, AWeber, activeccampaign等轻松集成
接下来,您可以转到‘Page Settings’选项卡并将页面状态更改为“常规设置”下的“发布”。您甚至可以编辑页面标题、URL和启用SeedProd链接。
如果你想优化你的页面搜索引擎,然后去SEO设置。你可以输入一个SEO标题,描述,社交媒体缩略图等。SeedProd还允许您在Scripts设置下添加代码片段。
一旦你对设置满意,只需点击‘保存’按钮,并关闭页面构建器。
之后,转到SeedProd»Pages并单击登录页面下的开关,使您的页面‘活跃。’
现在您可以访问您的登录页面查看注册表单的操作。
我们希望这篇文章能帮助你学习如何在WordPress中轻松添加自定义用户注册表单。你可能也想看看我们关于如何选择最好的网站建设者的指南,或者我们对小型企业最好的实时聊天软件的比较。
和
RSS