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

04/12/2024

什么是动态字段填充?

动态字段填充是一种技术,允许网站所有者根据用户选择、表单类型、查询字符串或条件逻辑来自动填写表单字段。例如,一个电子商务商店可以创建一个表单,其中的产品字段使用WooCommerce或其他电子商务软件中的现有产品动态填充。同样,一个房地产网站可以在他们的预约和潜在客户生成表单中自动填充房源、代理和房产类型字段。高级用户和开发人员还可以使用URL参数,通过电子邮件通讯或其他网站互动来动态填写表单字段。

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

首先,你需要安装并激活WPForms插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。WPForms是市场上最好的WordPress联系表单插件。它允许你使用简单的拖放工具轻松创建在线表单。它还具有动态字段填充、条件逻辑和高级表单字段。综合这些功能,允许你在网站上创建更加智能和互动的表单。

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

接下来,你需要访问WPForms » 新增来创建你的第一个表单。你需要为你的表单提供一个名称,然后选择一个模板开始。这里有很多表单模板可供选择。在本教程中,我们将使用账单/订单表单模板。

WPForms现在将加载预选字段的表单。你可以点击编辑表单字段,或使用拖放功能将它们上下移动。你还可以只需点击一下即可添加和删除表单字段。

让我们添加一个新的表单字段,并用动态选项填充它。你可以添加一个下拉菜单、多选或复选框字段到你的表单中,以使用动态选择选项。只需从左列点击一个字段,将其拖动到你的表单中即可。

接下来,你可以点击编辑表单字段。只需从左列切换到高级菜单。

在这里,你需要选择‘动态选择’。WPForms支持你网站上注册的文章类型和分类。在本教程中,我们将选择‘文章类型’作为动态选择,并选择‘产品’作为动态文章类型来源。

WPForms现在会自动加载并在表单预览中显示这些字段。

使用URL参数自动填表

WPForms还允许你使用URL参数动态填表。这项功能允许你创建智能链接,这些链接会自动将信息传递到表单中,并填充给用户提交。

首先,你需要创建一个新表单或编辑一个现有的WPForms表单。完成表单创建后,切换到左列的设置选项卡,然后选择‘常规’标签。在此屏幕上,你需要点击‘启用通过URL预填’选项的开关。

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

创建带有URL参数的链接

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

URL的组成部分:

  • 在问号之前的URL部分是包含你表单的页面URL。例如,你的联系表单页面。
  • ?wpf 表示WPForm表单字段参数的开始。
  • 15 是你的表单ID。
  • _1 是字段ID。
  • =value =表示你要传递给表单的实际字段值。

例如,我们将产品标题作为文本字段传递到反馈表单的URL:

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

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

在WPForms中查找表单和字段ID

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

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

同样,为了找到表单字段ID,你只需点击编辑它。你将在左侧列中的表单字段属性中看到字段ID,位于顶部。

如果你想向子字段传递值,只需在URL中将子字段标识符添加到字段ID之后:

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

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

你还可以将动态字段填充功能与其他表单插件结合使用,如Formidable Forms、Gravity Forms等。然而,我们推荐使用WPForms,因为这使整个过程变得简单,而且我们对其非常了解,因为我们就是这个产品的开发者。有关完整详细信息,请参阅我们关于WPForms与Formidable Forms与Gravity Forms的比较。

我们希望这篇文章能帮助你了解如何在WordPress中使用动态字段填充来自动填表。你可能还想查看我们的文章如何在WordPress中跟踪和减少表单放弃率,以及我们的专家推荐最佳小型企业在线客服软件。
如果你喜欢这篇文章,请订阅我们的YouTube频道,获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>