如何在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

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

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