知識庫

使用查询字符串自动填充表单字段

作者:HubSpot Support | Nov 21, 2022 11:56:28 AM

在向联系人发送页面 URL 之前,您可以在页面上添加查询字符串,从而自动填充表单字段。字段将根据添加的查询字符串弹出。这也适用于 隐藏的表单字段。例如,您可以创建自定义 UTM 属性,并使用 UTM 参数自动填充隐藏表单字段

要创建带有查询字符串的 URL,需要复制要预先填充的字段的内部属性名称,然后将其添加到页面 URL 的末尾。

请注意: 不能使用查询字符串自动填充从属表单字段。HubSpot 也无法根据查询字符串中的多个值触发从属字段。

复制属性的内部名称

查找属性的内部名称:

  • 在左侧边栏菜单中,导航至属性
  • 单击属性名称预填充值。
  • 复制属性的内部名称在此了解有关内部名称的更多信息。
  • 对表单中要预填充值的其他属性重复上述操作。


创建带有预定义值的静态查询字符串

复制内部属性名称后,就可以设置要发送给联系人的页面 URL 了:

  • 在浏览器中,导航到表单所在的页面。然后,复制URL
  • 在页面 URL 的末尾添加一个问号(?)
  • 添加属性的内部名称,然后添加等号和要在字段中自动填充的值。根据属性的字段类型,注意添加值的规则:
    • 单复选框:查询字符串必须包含true 或 false值,而不是 yes 或 no。
    • 日期选择器:查询字符串必须包含YYYY-MM-DD格式的日期值。
    • 多个复选框:查询字符串值必须与属性值选项完全匹配,多个值之间用分号隔开。
    • 单选/下拉选择:查询字符串值必须与属性值选项完全匹配。
    • 适用于所有字段类型: 创建查询字符串时,这些规则适用于所有字段类型。
      • 属性值中的空格必须用 %20 分隔。
      • 多个不同属性必须用"&"分隔。

带查询字符串的 URL 示例

使用静态查询字符串创建 URL 后,可将其用作电子邮件和页面等内容中的链接。联系人点击链接后,页面上的表单就会自动填充查询字符串中预定义的值。下面是一个格式正确的静态查询字符串 URL 的示例和分解:

http://www.domain.com/marketing-offer?firstname=John&lastname=Smith&email=jsmith@email.com
&favorite_season=Winter%20Season&favorite_fast_food=Burger;Taco&number_property=7

&will_you_come_to_the_party=Maybe&do_you_like_parties=true&date_of_party=2018-10-24

 

  • 查询字符串和单行文本字段的开头:?firstname=John
  • 单行文本字段:&lastname=Smith
  • 单行文本字段:&email=jsmith@email.com
  • 下拉选择字段:&favorite_season=Winter%20Season
  • 多复选框字段:&favorite_fast_food=Burger;Tacos
  • 数字字段:&favorite_number=7
  • 单选框字段:&will_you_come_to_the_party=Maybe
  • 单选框字段:&do_you_like_parties=true
  • 日期选择器字段:&date_of_party=2018-10-2

使用个性化标记创建动态查询字符串 仅限Marketing Hub 专业版企业版)

您可以使用个性化标记创建动态查询字符串,根据已知的联系人属性自动填充表单字段。

请注意:

  • 只有当URL指向带有HubSpot表单的HubSpot托管页面时,带有个性化标记的动态查询字符串才能正常工作。
  • 如果 URL 指向HubSpot 独立表单页面,则该功能将无法使用。
  • 带有动态查询字符串的 URL 还必须放在 HubSpot 内容或带有 HubSpot跟踪代码的外部页面中。

 

找回个性化令牌

首先,检索创建查询字符串所需的个性化标记。检索属性的个性化标记:

  • 单击创建电子邮件或电子邮件草稿的名称
  • 在富文本工具栏中,单击个性化
  • 设置个性化标记:
    • 在对话框中,选择要在表单中自动填充的个性化标记
    • 插入个性化标记时,选择 "使用此属性的全局默认值 "复选框。
    • 根据需要继续添加其他个性化标记。



  • 在富文本工具栏中,单击更多>codef 源代码图标,查看电子邮件的 HTML。
  • 在源代码中,您将看到添加到电子邮件正文中的每个个性化标记的原始代码。每个标记将用双括号 {{ }}括起来。突出显示一个标记(例如,{{ contact.firstname }}),然后右键单击并选择复制
  • 对要预填充到表单中的任何个性化标记重复上述操作。
  • 在对话框底部,单击 "取消 "并关闭, 退出源代码。

 

使用动态查询字符串创建 URL

使用个性化标记创建带有动态查询字符串的 URL。该 URL 可用作电子邮件和页面等 HubSpot 内容中的链接,或带有 HubSpot跟踪代码的外部页面。如果查询字符串中的字段有已知值,点击链接的联系人就会看到页面上的表单自动填充了他们的信息。

创建带有动态查询字符串的 URL:

  • 在浏览器中,导航到表单所在的页面。然后,复制URL
  • 使用页面 URL 和个性化标记,格式化动态查询字符串:
    • 在页面 URL 末尾添加问号(?)
    • 添加属性的内部名称,然后是等号和个性化标记。确保去掉标记中的所有空格(例如:{{contact.firstname}} )。
    • 用"&"分隔多个属性。
  • 下面是一个格式正确的动态查询字符串 URL 的示例:

http://www.domain.com/marketing-offer?firstname={{contact.firstname}}&lastname={{contact.lastname}}&email={{contact.email}}