如何在 WordPress 表单中自动填充字段(使用插件)

已发表: 2021-01-15

您想在 WordPress 表单中自动填充字段吗? 您可以自动使用帖子类型或产品等信息在表单字段中创建选项。

这使表单更易于填写,并且还可以在您构建表单时节省大量时间。

WPForms 使使用动态字段选择自动填充表单字段变得容易。 我们将在本文中向您展示如何设置它。

立即创建您的 WordPress 表单

什么是动态字段选择?

动态字段选择是自动为访问者填写的表单响应。

您可以让 WPForms 自动输入所有选项,而不是手动输入每个答案。

WPForms 是最好的 WordPress Form Builder 插件。 免费获取!

自动填充的字段可以帮助:

  • 减少表单遗弃——通过预先填写字段,您可以使表单更容易填写
  • 提高准确性 - 您的访问者不必自己输入答案
  • 使表单保持最新 – WPForms 始终在表单字段中显示最新的项目。

在 WPForms 中,您可以使用动态字段选择来自动填充 3 种字段类型:

  • 下拉菜单
  • 多选字段
  • 复选框

您可以使用简单的拖放构建器将它们添加到您的表单中。

WPForms 主页

自动填充的表单字段非常适合:

  • 客户支持表格上的 WooCommerce 产品
  • 房地产查询表上的属性
  • 职位申请表上的职位发布
  • 兽医摄入表格上的宠物或特定品种
  • 业务联系表上的服务

让我们逐步通过一个示例,以便您了解使表单更智能是多么容易。

如何在 WordPress 表单中自动填充字段

在本教程中,我们将在联系表单上自动填充 WooCommerce 产品。 以下是我们将要完成的步骤:

  1. 安装 WPForms 插件
  2. 添加您的自动填充字段
  3. 发布您的表格

让我们从安装插件开始。

第 1 步:安装 WPForms 插件

首先,安装并激活 WPForms 插件。 如果您需要帮助,这是有关如何安装 WordPress 插件的分步指南。

现在我们要添加一个新表单。 首先,转到WPForms » Add New

添加带有自动填充字段的新表单

当 WPForms 打开时,在顶部输入表单的名称。

为具有自动填充字段的表单键入名称

接下来,让我们点击简单的联系表单模板开始。

为具有自动填充字段的表单选择模板

您将看到表单构建器在全屏窗口中打开。 简单的联系表单已经包含以下字段:

  • 姓名
  • 电子邮件
  • 评论或留言

让我们拖动一个下拉字段,然后添加自动填充的答案选项。

单击下拉字段并将其拖到右侧的表单预览中。

使用下拉菜单添加动态字段选择

接下来,单击下拉列表以打开左侧的设置。 让我们在这里编辑标签以描述下拉列表的内容。

更改动态选择字段上的下拉标签

现在向下滚动一点并展开Advanced Options 。 我们将在此处选择 2 项设置,以便更轻松地填写表单:

  • 风格– 我们将选择现代下拉菜单,因为它允许访问者搜索列表。 这是使非常长的下拉列表更易于使用的好方法。 如果需要,您可以轻松创建多选下拉菜单,以便您的访问者可以选择 1 个以上的答案。
  • 占位符– 为字段设置占位符总是一个好主意。 占位符看起来像是默认选择,但访问者无法选择它。 这是确保选择不会默认为列表中的第一个答案的好方法。

自动填充的字段样式和占位符设置

现在我们准备向我们的新下拉菜单添加一个动态字段选择,

第 2 步:设置您的自动填充字段

现在我们将设置将出现在下拉列表中的选项。

使用动态字段选择,您不必担心输入所有答案。WPForms 将为您获取所有选项。

当您在下拉菜单中展开Advanced Options时,您将看到 2 个选项: Post TypeTaxonomy

自动填充字段的动态选择

帖子类型允许您从动态帖子类型源自动填充该字段。 在 WooCommerce 商店中,此处第二个下拉列表中的选项可能如下所示:

  • 帖子- 您网站上所有博客帖子的列表。
  • 页面– 列出您网站上的所有页面。
  • 产品– 您商店中所有产品的列表。

这些都是帖子类型。 如果您有任何设置,则可以使用自定义帖子类型。 例如,我们有几个其他选项可供选择,因为我们设置了 2 个额外的自定义帖子类型:

使用帖子类型选择自动填充字段

让我们看看可用于自动填充表单字段的其他选项。

如果您选择下拉列表中的第二个选项Taxonomies ,您将看到名为Dynamic Taxonomy Source的第二个下拉列表。

第二个下拉列表中的选项将包括以下选项:

  • 标签– 与您的博客文章相关的所有标签。
  • 类别– 与您的博客文章相关联的类别。
  • 产品类别– 与您的电子商务产品相关的类别
  • 产品标签– 您添加到产品中的标签
  • 产品类型– 产品类型或变体。

同样,您的商店几乎肯定会有更多选择可供选择。

在这个例子中,店主添加了一个插件来按品牌对产品进行分组,这就是为什么我们还有一个品牌分类法,我们可以用它来自动填充我们的领域。

使用动态分类选择自动填充字段

在本教程中,我们将选择Post Type然后Products 。 这将列出我们商店中的所有产品。

有时自动填充的字段可以有很多选择。 如果您想从下拉列表中排除项目,请查看我们的从自动填充字段中排除项目的指南。

最后,您需要检查表单的常规设置。 查看我们的指南:

  • 在 WPForms 中设置电子邮件通知
  • 设置表单确认消息

单击保存以保存您的表单。

第 3 步:发布您的表单

您可以通过不同的方式发布表单:在帖子中、在页面中或在侧边栏中。 您可以为此使用短代码,但我们建议改用嵌入选项。

首先单击表单构建器顶部的嵌入

使用动态选择嵌入您的表单

然后点击创建新页面

使用自动填充字段为表单创建新页面

为您的页面输入一个名称,然后单击Let's Go

使用自动填充的字段为您的表单创建一个页面

如果这里一切正常,只需单击“发布”即可上线。

使用动态字段选择发布表单

就是这样! 您的表单已准备好提交。

带有自动填充字段的已发布表单

现在是测试动态字段的好时机,这样您就可以开始获取查询了。

立即创建您的 WordPress 表单

Next: 使用 WPForms 快速制作智能表单

自动填充字段是一种快速构建复杂表单的智能方式。 如果您希望对表单进行更多操作,可以尝试以下其他一些想法:

  • 使用查询字符串自动填写字段
  • 在 WordPress 日历上接受用户提交的事件
  • 接受来自您网站前端的博客文章
  • 使用智能标签自动填充字段、进行动态描述并添加预填充的默认选项。

准备好构建您的表单了吗? 立即开始使用最简单的 WordPress 表单构建器插件。 WPForms Pro 包含许多免费模板,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,以获取更多免费的 WordPress 教程和指南。