如何在 WordPress 中使用动态字段填充来自动填充表单

您想在 WordPress 中使用动态字段填充来自动填写您网站上的表单吗?

动态字段填充允许您根据用户选择、查询字符串或字段类型自动填充表单字段。

这使您的表单变得智能,节省用户时间,提供更好的用户体验,并最终提高表单完成率。

在本文中,我们将向您展示如何在 WordPress 中使用动态字段填充来自动填写表单。

使用动态字段填充自动填充 WordPress 中的表单字段

什么是动态字段人口?

动态字段填充是一种允许网站所有者根据用户选择、表单类型、查询字符串或条件逻辑自动填充表单字段的技术。

例如,电子商务商店可以创建一个表单,其中使用WooCommerce或任何其他电子商务软件中的现有产品动态填充表单中的产品字段。

同样,房地产网站可以在其预约和潜在客户生成表格中自动填充列表、代理、物业类型字段。

高级用户和开发人员还可以使用 URL 参数,使用来自电子邮件通讯或其他网站交互的智能链接动态填写表单字段。

说了这么多,我们来看看如何在WordPress中轻松使用动态字段填充。

如何在 WordPress 中使用动态字段填充

首先,您需要做的是安装并激活WPForms插件。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。

WPForms 是市场上最好的 WordPress 联系表格插件。它允许您使用简单的拖放工具轻松创建在线表单。

它还带有动态字段填充、条件逻辑和高级表单字段。总之,这些功能允许您为您的网站创建更智能和交互式的表单。

注意: WPForms 由 WPBeginner 创始人Syed Balkhi共同创立。

激活插件后,您需要访问WPForms » 设置页面以输入您的许可证密钥。您可以在 WPForms 网站上的帐户下找到此信息。

WPForms 许可证密钥

接下来,您需要访问WPForms » Add New创建您的第一个表单。系统会要求您为表单提供一个名称,然后选择一个模板开始。

创建新表单

WPForms 现在将使用预先选择的字段加载您的表单。您可以单击编辑表单字段或使用拖放功能上下移动它们。您还可以通过单击添加和删除表单域。

让我们添加一个新的表单字段以使用动态选择填充它。

您可以在表单中添加下拉列表、多项选择或复选框字段以使用动态选择选项。只需单击左栏中的字段即可将其添加到表单中。

添加表单域

接下来,单击以编辑该字段,然后从左列展开“高级选项”菜单。

高级选项

从这里,您需要在 Dynamic Choices 下选择一个动态选项。WPForms 支持在您的 WordPress 网站上注册的帖子类型和分类法。在本教程中,我们将选择产品帖子类型。

动态选择

WPForms 现在将自动加载并显示表单预览中的字段。

您现在可以保存表单并退出表单生成器。

要在 WordPress 帖子或页面中添加表单,只需编辑要添加的帖子或页面。

在帖子编辑屏幕上,将 WPForms 块添加到您的帖子编辑区域。之后,从下拉菜单中选择您之前创建的表单。

在 WordPress 中添加 WPForms 块

您现在可以保存您的帖子或页面并访问您的网站,以查看具有动态字段值的表单。

WPForm 预览

使用 URL 参数自动填写表单字段

WPForms 还允许您使用 URL 参数动态填写表单字段。这使您可以创建智能链接,自动将信息传递到表单并填写以供用户提交。

首先,您需要在 WPForms 中创建新表单或编辑现有表单。创建完表单后,从左列切换到设置选项卡,然后选择“常规”选项卡。

在此屏幕上,您需要选中启用动态字段填充框。

启用动态字段

您现在可以保存表单并退出表单生成器。您的表单现在已准备好使用 URL 参数动态填充表单字段。

使用 URL 参数创建链接

WPForms 接受以特定格式通过 URL 参数传递的动态表单字段。

https://example.com/contact/?wpf15_1=value

让我们分解一下。

问号“?”之前的 URL 部分 是包含您的表单的页面的 URL。例如,您的联系表单页面。

?wpf – 表示 WPForm 表单字段参数的开始。

15 – 是您表单的 ID

_1 – 接下来你有字段 ID

=value – = 表示要传递给表单的值的开头,后跟实际的字段值。

这是一个 URL 示例,我们将产品标题作为文本字段传递给反馈表单。

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase

将 URL 添加到您的帖子

请注意,我们如何使用 %20 来表示产品标题中单词之间的空格。

在 WPForms 中查找表单和字段 ID

为了创建 URL 参数,您需要知道表单和字段 ID。以下是如何找到这些值的方法。

只需编辑您的表单,您就会在浏览器的地址栏中看到表单 ID。

在 WPForms 中查找表单 ID

同样,为了找到表单字段 ID,您只需单击即可对其进行编辑。您将在左列中看到表单字段属性以及顶部的字段 ID。

查找表单字段 ID

现在,如果您想将值传递给子字段怎么办?

只需在 URL 中的字段 ID 后添加子字段标识符,如下所示:

https://example.com/contact/?wpf15_3_city=london

有关更多详细信息,请参阅 WPForms开发人员文档,其中显示了为所有类型的表单字段使用不同参数的更多示例。

您现在可以将此功能与您的CRM 软件或电子邮件营销服务结合使用,向您的用户发送智能表单链接。大多数营销平台都带有自己的个性化 MERGE 标签,您可以将其添加到智能 URL 中以自动在表单中填写个人信息。

您还可以将动态字段填充功能与其他表单插件(如Formidable Forms、Gravity Forms等)一起使用。但是,我们建议使用 WPForms,因为它使整个过程变得简单,而且我们非常了解它,因为我们构建了产品。

我们希望本文能帮助您了解如何使用 WordPress 中的动态字段填充来自动填写表单。您可能还想查看我们关于如何在 WordPress 中跟踪和减少表单放弃的文章。