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

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

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

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

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

Automatically fill form fields in WordPress with Dynamic field population

什么是动态场群?

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

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

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

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

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

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

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

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

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

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

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

WPForms License key

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

Creating a new form

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

让我们添加一个新的表单字段来填充动态选项.

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

Add form fields

接下来,单击以编辑该字段,然后从左栏中展开"高级选项"菜单.

Advanced options

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

Dynamic choices

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

您现在可以保存表单并退出表单构建器.

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

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

Adding WPForms block in WordPress

您现在可以保存您的帖子或页面并访问您的网站,以查看您的表单,其中包含正在运行的动态字段值.

WPForm preview

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

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

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

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

Enable dynamic fields

您现在可以保存表单并退出表单构建器.您的表单现在已准备好使用 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

Adding URL to your post

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

在 WPForms 中查找表单和字段 ID

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

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

Finding form ID in WPForms

同样,为了找到表单字段 ID,您只需单击即可编辑它.您将在左栏中看到表单字段属性以及顶部的字段 ID.

Finding the form field ID

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

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

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

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

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

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

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

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/how-to-use-dynamic-field-filling-in-wordpress-to/

0
订阅评论
提醒
0 评论
内联反馈
查看所有评论