知識庫

使用查詢字串自動填入表單欄位

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

您可以在將查詢字串傳送給聯絡人之前,將查詢字串新增到頁面URL ,從而自動填入頁面上的表單欄位。 字段將根據添加的查詢字串填充。 這也適用於隱藏的表單欄位。 例如,您可以建立自訂的UTM屬性,並使用UTM參數自動填入隱藏的表單欄位。 

若要建立包含查詢字串的網址,您需要複製要預先填寫的任何欄位的內部屬性名稱,然後將其新增到頁面網址的末尾。

請注意:無法使用查詢字串自動填入相依的表單欄位。 HubSpot也無法根據查詢字串中的多個值觸發相依欄位

複製旅居的內部名稱

若要尋找旅居的內部名稱,請按照以下步

  • 在左側邊欄選單中,前往「屬性」。
  • 按一下屬性的名稱以預先填入值。
  • 複製屬性的內部名稱
  • 對您要在表單中預先填充值的任何其他屬性重複此操作。

使用預先定義的值建立靜態查詢字串


複製內部旅居名稱後,你可以設定傳送給聯絡人的頁面網址: 

  • 在瀏覽器中,前往表單所在的頁面。 然後,複製網址
  • 在頁面URL的末尾新增問號(?)
  • 新增屬性的內部名稱,後跟等號以及要在欄位中自動填入的值。 根據屬性的欄位類型,請注意新增值的規則:
    • 單一核取方塊:查詢字串必須包含true或false值,而不是yes或no。
    • 日期選擇器:查詢字串必須包含YYYY-MM-DD格式的日期值。
    • 多個核取方塊:查詢字串值必須與屬性的值選項完全匹配,並以分號分隔多個值。
    • 選SELECT/Dropdown SELECT :查詢字串值必須與屬性的值選項完全匹配。
    • 針對所有欄位類型:建立查詢字串時,這些規則適用於所有欄位類型。
      • 屬性值中的空格必須以% 20分隔。 
      • 必須使用&符號(&)分隔多個不同的屬性。

包含查詢字串的範例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 =也許
  • 單一核取方塊欄位: & do_you_like_parties = true
  • 日期選擇器欄位: & date_of_party = 2018-10-2

使用個人化權杖建立動態查詢字串(僅限行銷中心  業版或企業版

您可以使用個人化權杖來建立動態查詢字串,這些字串將根據已知的聯絡人屬性自動填入表單欄位。

請注意:

  • 只有當URL定向到具有HubSpot表單的HubSpot託管頁面時,具有個人化權杖的動態查詢字串才會正常運作。
  • 如果URL定向到HubSpot獨立表單頁面,則此功能將法使用。
  • 包含動態查詢字串的網址也必須放置在HubSpot內容或包含HubSpot追蹤程式碼的外部頁面中。

 

擷取您的個人化權杖

首先,擷取建立查詢字串所需的個人化權杖。 若要擷取屬性的個人化權杖: 

  • 按一下建立電子郵件或電子郵件草稿的名稱
  • 在RTF工具列中,按一下個人化
  • 設定您的個人化權杖:
    • 在對話方塊中,選取要自動填入表單的個人化權杖。 
    • 插入個人化權杖時,選取使用此屬性的全域預設值核取方塊。
    • 視需要繼續新增其他個人化權杖。 



  • 在RTF工具列中,按一下更多> codef始程式碼圖示,即可檢視電子郵件的HTML。
  • 在原始程式碼中,您會看到已新增至電子郵件內文的每個個人化權杖的原始程式碼。 每個代幣將用雙括號括起來 {{}} {% ENDRAW %}。 反白顯示權杖(例如: {% RAW %} {{contact.firstname}} ) ,然後按一下滑鼠右鍵並選擇複製。 
  • 對您想要在表單中預先填充的任何個人化權杖重複此操作。
  • 在對話方塊底部,按一下取消並關閉以結束原始程式碼。

使用動態查詢字串建立網址

 

使用個人化權杖建立具有動態查詢字串的URL。 此網址可用作HubSpot內容(如電子郵件和頁面)中的連結,或包含HubSpot追蹤程式碼的外部頁面。 點擊連結的客服案件,如果查詢字串中的欄位有已知值,則會在頁面上看到自動填寫其資訊的表單。

若要使用動態查詢字串建立網址,請按照以下步驟操作:

  • 在瀏覽器中,前往表單所在的頁面。 然後,複製網址
  • 使用頁面URL和個人化權杖,格式化動態查詢字串:
    • 在頁面URL的末尾新增問號(?)。
    • 新增屬性的內部名稱,後跟等號和個人化權杖。 確保從權杖中刪除所有空格(例如, {{contact.firstname}} )。
    • 使用符號(&)分隔多個屬性。
  • 以下是格式正確的動態查詢字串網址範例:

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