如何添加 HTML 以在 WordPress 注册表中显示额外内容？

想了解如何添加 HTML 以在 WordPress 注册表中显示额外内容吗？ 如果是，那么这篇文章适合您！

HTML（超文本标记语言）是一种用于从头开始创建网页的编码语言。

然而，在 WordPress 中，我们只使用其中的一小部分来控制内容的结构。 因此，您可以在 WordPress 帖子中包含额外的文本、图像和视频。

使用 WordPress 注册表单上的 HTML 表单字段也可以完成同样的操作。 这是为在您的网站上注册的用户提供额外信息或说明的好方法。

下面，我们准备了一个简单的指南，向您展示如何将 HTML 添加到 WordPress 注册表单。 开始吧！

什么是 HTML 表单域？ 为什么要在 WordPress 注册表中添加 HTML？

人们倾向于对 HTML 的技术方面保持警惕。 特别是当您需要将 HTML 添加到注册表单这样简单的内容时。

但是有了 WordPress 中的 HTML 表单字段，就没有什么可担心的了。 HTML 字段仅使用最少的编码，这让您非常容易理解。

将此字段添加到您的注册表后，您可以对其进行自定义，以便为在您的站点上注册的用户提供额外的信息或说明。

除此之外，该领域还有其他几个原因是有益的：

• 增加用户参与度：图像或视频等视觉元素可以提高用户参与度。 它还鼓励用户完成注册过程。
• 自定义：在注册表单中添加 HTML 允许您自定义您的表单以更好地适应您网站的设计和品牌。 这使网站脱颖而出，看起来更专业。
• 展示特别优惠：如果您提供特价或进行促销，HTML 可以帮助您展示此类信息。 这会鼓励用户注册您的网站。

这些是您应该将 HTML 添加到 WordPress 注册表单的几个原因。 我们相信你能想出更多。

话虽如此，让我们探索在 WordPress 注册表单中添加 HTML 的最佳方式。

在注册表中添加 HTML 字段以显示额外内容的最佳方式

在注册表单中添加 HTML 字段的最佳方法是借助注册表单插件。

这些插件允许您毫不费力地将 HTML 字段添加到您的 WordPress 注册表单中。

有很多选项可供选择。 但是，我们建议使用用户注册插件，这是一个拖放注册表单插件。

即使使用免费版本，它也可以让您创建无限的表单。 同样，您将获得无穷无尽的字段来添加到您的注册表中。

除此之外，用户注册还可以让您：

• 使用个人资料图像创建直观且设计良好的用户个人资料帐户。
• 只需单击一下即可导出注册表，然后将它们导入到相同或不同的站点。
• 轻松创建多步骤注册表格。
• 创建 WooCommerce 注册表格并将其与结帐页面同步。

但最重要的是，这个功能丰富的插件带有各种附加组件，包括 Advanced Fields 附加组件。

此插件可帮助您解锁高级字段，例如注册表的 HTML 字段。 这正是您在这里所需要的。

鉴于其强大的功能，我们将在本教程中使用用户注册。

在 WordPress 注册表中添加 HTML 的分步指南

要了解如何添加 HTML 字段以向您的注册表单添加额外内容，请按照以下简单步骤操作：

第 1 步：安装并激活用户注册专业版

您确实可以使用该插件的免费版本创建简单的表单。 但是，HTML 字段位于“高级字段”部分下。

要解锁此字段，您需要Advanced Fields附加组件，该附加组件仅随插件的高级版本一起提供。

User Registration Pro 的安装过程非常简单。 只需访问该插件的官方网站，您就会在其中看到 3 种不同的定价计划。

您将在所有计划中获得Advanced Fields附加组件，因此请根据您的预算和要求购买计划。

之后，您将收到指向您电子邮件的链接。 点击链接并访问您的帐户信息中心。

从那里，您可以下载插件的专业版并在许可密钥选项卡下获取许可密钥。

之后，返回您的 WordPress 仪表板并导航至插件 >> 添加新插件。 然后只需单击“上传插件”按钮。

接下来，选择您之前下载的User Registration Pro zip 文件并点击立即安装。

现在，将许可证密钥粘贴到所需区域并在您的站点上激活插件。

如果您需要详细的整个安装和设置过程，请点击此链接了解如何安装 User Registration Pro。

正确设置插件后，您可以继续下一步。

第 2 步：安装并激活 Advanced Fields 插件

现在您拥有高级版本，您可以轻松访问Advanced Fields附加组件。

因此，导航至用户注册 >> 扩展并搜索高级字段。

接下来，单击“安装附加组件”按钮，然后依次单击“激活” 。 就这样，您拥有了Advanced Fields附加组件。

第 3 步：使用 HTML 字段创建一个新的注册表单

现在，这是有趣的一步，创建一个新的注册表单。 您可以从头开始创建表单，也可以为此过程使用预先存在的模板。

因此，转到用户注册 >> 添加新用户，选择从头开始，或选择一个表单模板。

高级版显示您的大部分模板都已解锁。

在这里，我们将在本教程中使用学生注册表模板。 您可以将鼠标悬停在所需的模板上，然后单击开始按钮。

执行此操作后，系统会立即要求您命名表单。 因此，输入合适的表单名称并按Continue 。

您可以看到学生注册表所需的所有基本字段都已添加。

但是，您需要在表单上有一个 HTML 字段来添加额外的内容。 如前所述，您可以在“高级字段”选项下找到此字段。

因此，将其拖放到注册表的适当部分。

您可以根据表单的要求添加任意数量的字段。

此外，您可以自定义每个表单字段选项。 只需单击所需的字段，其字段选项就会出现在左侧。

因此，单击 HTML 字段，并编辑以下内容：

• Label ：为您的字段提供合适的标题，例如 Notes、Request 等。
• 描述：添加您想要包含在表单中的描述。
• 字段名称：此区域包含字段的 ID。 您可以保留原样或根据您的喜好更改它。
• 隐藏标签：您还可以从下拉列表中隐藏字段标签。 只需选择是或否。
• HTML ：您可以从该部分将所有额外内容添加到您的表单中。 您需要的额外内容可以是注释、免责声明内容、警告等。
• 启用工具提示：启用工具提示以向用户显示有关该字段的信息。

以同样的方式，编辑其余字段的字段选项。

注意：表单字段具有类似的字段选项，您可以编辑这些选项。 但是，根据字段添加/删除了一些选项。 所以，相应地定制。

自定义完成后，单击“更新表单”按钮保存。

您应该知道 HTML 字段的内容不会显示在表单生成器中。 但是您始终可以预览它以查看它在前端的外观。

这就是您的表单在网络上为用户显示的方式。

第 4 步：自定义注册表单设置

下一个重要步骤是配置注册表单的设置。

您会在Field Options旁边找到Form Settings选项。

单击它将进一步带您进入常规设置。 从这里，您可以自定义以下选项：

• 用户批准和登录选项：您可以从下拉列表中为您的用户设置自定义批准和登录条件。
• 默认用户角色：该插件允许您设置在您的表单中注册的用户的角色。 您可以从 6 个默认用户角色中进行选择，例如Administrator 、 Subscriber 、 Author等。
• 启用强密码：勾选复选框并为用户密码选择所需的强度。
• 重定向 URL ：此选项允许您在成功注册后为用户添加重定向 URL。
• 提交按钮类：您可以为提交按钮分别输入单个或多个 CSS 类名。
• 提交按钮文本：为提交按钮输入所需的文本。 您可以使用“申请”、“立即加入”等术语。
• 成功消息位置：您可以选择成功消息的位置，例如顶部或底部。
• 启用验证码支持：您可以为垃圾邮件和机器人保护启用验证码支持。
• 表单模板：使用下拉菜单从 5 种不同的表单模板样式中进行选择。
• 表单类：为表单包装器添加单个或多个 CSS 类名称。

接下来，就像常规设置一样，您可以配置表单的额外设置。

您可以启用各种重要的保护选项，例如Activate Auto Generated Password for users 、 Activate Spam Protection by HoneyPot和Enable Whitelist/Blacklist Domain 。

同样，您可以启用键盘友好型表单和启用重置按钮以使表单用户友好。 您还可以更改 标签 从Form Reset Button Label中删除您的重置按钮。

并且您可以启用带有额外字段的表单字段映射，以使用户注册插件与外部插件兼容。

这就是设置部分。 再次单击“更新”表单以保存所有更改。

第 5 步：在您的网站上发布注册表

最后，是时候发布带有 HTML 字段的注册表单，供用户在您的网站上填写。

要将表单嵌入您的网站，请转至帖子/页面 >> 添加新内容。

接下来，单击添加块( + ) 按钮并搜索用户注册块。 然后，通过单击将其添加到页面。

之后，从下拉菜单中选择您的 WordPress学生注册表。

您还可以使用顶部的预览按钮检查表单在前端的外观。

下面是您的表单在前端的外观图像。

最后，如果您喜欢表单的外观，可以点击发布。

最后的想法！

就是这样; 我们已经到了文章的结尾。 我们希望您已经学会了在 WordPress 注册表中添加 HTML 以显示额外内容。

感谢用户注册插件，在注册表单中添加 HTML 字段非常容易。 您所要做的就是将字段拖放到您的表单中并对其进行自定义。

同样，您可以探索用户注册的功能，例如在注册表单中添加密码字段、启用管理员批准 Woo-Commerce 用户等。

您可以在我们的博客上阅读有关此强大插件的更多信息。 对于简单的视频教程，您可以订阅我们的 YouTube 频道。

如果您对该插件有任何疑问，请通过社交媒体联系我们。 我们在 Facebook 和 Twitter 上可用。