使用查詢字串自動填入表單欄位
上次更新時間: 四月 5, 2024
您可以在將查詢字串傳送給聯絡人之前,將查詢字串新增到頁面URL ,從而自動填入頁面上的表單欄位。 字段將根據添加的查詢字串填充。 這也適用於隱藏的表單欄位。 例如,您可以建立自訂的UTM屬性,並使用UTM參數自動填入隱藏的表單欄位。
若要建立包含查詢字串的網址,您需要複製要預先填寫的任何欄位的內部屬性名稱,然後將其新增到頁面網址的末尾。
請注意:無法使用查詢字串自動填入相依的表單欄位。 HubSpot也無法根據查詢字串中的多個值觸發相依欄位
複製旅居的內部名稱
若要尋找旅居的內部名稱,請按照以下步
- 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
- 在左側邊欄選單中,前往「屬性」。
- 按一下屬性的名稱以預先填入值。
- 複製屬性的內部名稱。
- 對您要在表單中預先填充值的任何其他屬性重複此操作。
使用預先定義的值建立靜態查詢字串
複製內部旅居名稱後,你可以設定傳送給聯絡人的頁面網址:
- 在瀏覽器中,前往表單所在的頁面。 然後,複製網址。
- 在頁面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追蹤程式碼的外部頁面中。
擷取您的個人化權杖
首先,擷取建立查詢字串所需的個人化權杖。 若要擷取屬性的個人化權杖:
- 在你的 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}}