Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Forms

Automatisch invullen van formuliervelden met een querystring

Laatst bijgewerkt: september 8, 2021

Geldt voor:

Alle producten en plannen

U kunt formuliervelden op een pagina automatisch laten invullen door querystring toe te voegen aan de URL van de pagina voordat u deze naar uw contactpersonen stuurt. Velden worden ingevuld op basis van de toegevoegde querystring. Dit werkt ook voor verborgen formuliervelden.

Let op: het is niet querystrings te gebruiken voor het automatisch vullen van afhankelijke formuliervelden. HubSpot kan ook geen afhankelijke velden triggeren op basis van meerdere waarden binnen query strings.

Om een URL met een querystring te maken, moet u eerst de interne eigenschapnaam kopiëren van de velden die u vooraf wilt vullen, en deze vervolgens toevoegen aan het einde van de URL van uw pagina.

Kopieer de interne naam van de eigenschap

Om de interne naam van een eigenschap te vinden:

  • Klik in uw HubSpot-account op de settingsinstellingenpictogram in de hoofdnavigatiebalk.
  • Navigeer in het linker zijbalk menu naar Eigenschappen.
  • Klik op de naam van een eigenschap om waarden voor te vullen in uw formulier.
  • Kopieer de interne naam van de eigenschap.

  • Herhaal dit voor alle andere eigenschappen waarvan u de waarden in uw formulier wilt laten voorinvoeren.

Statische query strings met vooraf gedefinieerde waarden maken

Nadat u de interne namen van de eigenschappen hebt gekopieerd, stelt u de URL van de pagina in die u naar uw contactpersonen stuurt.

  • Navigeer in je browser naar de pagina waar je formulier op staat en kopieer de URL.
  • Voeg een vraagteken (?) toe aan het einde van de pagina-URL.
  • Voeg de interne naam van de eigenschap toe, gevolgd door een gelijkheidsteken en de waarde die automatisch in het veld moet worden ingevuld. Let op de regels voor het toevoegen van waarden, afhankelijk van het veldtype van de eigenschap:
    • Enkelvoudig selectievakje: querystrings moeten een waarde waar of onwaar bevatten, niet ja of nee.
    • Datumkiezer: query strings moeten een datumwaarde bevatten in een YYYY-MM-DD formaat.
    • Meervoudige selectievakjes: de querystringwaarden moeten exact overeenkomen met de waardeopties van de eigenschap, met een puntkomma als scheidingsteken tussen meerdere waarden.
    • Radioselectie/dropdownselectie: de querystringwaarden moeten exact overeenkomen met de waardeopties van de eigenschap.
  • Voor alle veldtypes, scheid spaties in een eigenschap waarde met %20.
  • Scheid meerdere eigenschappen met een ampersand (&).

Nadat u de URL met statische querystring hebt gemaakt, kunt u deze gebruiken als link in uw inhoud, zoals e-mails en pagina's. Een contact die op de link klikt zal het formulier op de pagina automatisch ingevuld zien met de voorgedefinieerde waarde(n) in de querystring. Hier is een voorbeeld en uitsplitsing van een URL met correct geformatteerde statischequery strings:

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

  • Begin van querystring en éénregelig tekstveld:?firstname=John
  • Eénregelig tekst veld: &achternaam=Smith
  • Enkelregelig tekstveld: &email=jsmith@email.com
  • Dropdown selectieveld: &favorite_season=Winter%20Season
  • Meerdere selectievakjes veld: &favorite_fast_food=Burger;Tacos
  • Getal veld: &favorite_number=7
  • Keuzeveld: &will_you_come_to_the_party=Maybe
  • Enkel selectievakje veld: &do_you_like_parties=true
  • Datumkiezer veld: &datum_van_partij=2018-10-2

Creëer dynamische querystrings met personaliseringstokens(alleenMarketing HubProfessional en Enterprise, Legacy Marketing Hub Basic)

U kunt personalisatietokens gebruiken om dynamische querystrings te maken die formuliervelden automatisch vullen op basis van bekende contacteigenschappen.

Let op: dit zal alleen correct werken op een HubSpot pagina met een HubSpot formulier. Deze functionaliteit zal niet werken op een HubSpot formulier deelpagina. De link URL moet ook geplaatst worden in je HubSpot content of een externe pagina met je HubSpot tracking code.
  • { local.navEmail }}
  • Klik op E-mail maken of op de naam van een concept-e-mail.
  • Klik in de rich tekst werkbalk op het personalisatie token icoon contacten.

  • Selecteer in het dialoogvenster een personaliseringstoken om automatisch in uw formulier in te vullen. Ga verder met het toevoegen van extra personalisatie tokens indien nodig.
Let op: zorg ervoor dat het selectievakjeGlobale standaardwaarde van deze eigenschap gebruikenis ingeschakeld bij het invoegen van uw personaliseringstoken.
  • De personalisatie tokens verschijnen nu in de e-mail body. Klik in de rich text werkbalk op het broncode icoon codef om de HTML van uw e-mail te bekijken.

  • In de broncode zie je de ruwe code voor elk personaliseringstoken dat aan de e-mail wordt toegevoegd. Elk token wordt omsloten door dubbele haakjes {{}}{% endraw %}. Markeer een token (bijv. {% raw %}{{ contact.firstname }}), klik dan met de rechtermuisknop en selecteer Kopiëren.
  • Herhaal dit voor alle gepersonaliseerde tokens die u vooraf in uw formulierwilt invoegen.
  • Onderaan het dialoogvensterklikt u op Annuleren en sluiten om de broncode te verlaten.

  • Navigeer in je browser naar de pagina waar je formulier op staat en kopieer deURL.

    • Voeg een vraagteken (?) toe aan het eind van de pagina-URL.
    • Voeg de interne naam van de eigenschap toe, gevolgd door een gelijkheidsteken en het personalisatie token. Zorg ervoor dat alle spaties uit de token zijn verwijderd (bijv. {{contact.voornaam}} ).
    • Scheid meerdere eigenschappen met een ampersand (&).

Hier is een voorbeeld van een URL metcorrect geformatteerde dynamischequery strings:

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

Nadat u de URL met dynamische querystrings hebt gemaakt, kunt u deze gebruiken als een link in uw HubSpot-inhoud zoals e-mails en pagina's, of een externe pagina met uwHubSpot-trackingcode. Een contact die op de link klikt zal het formulier op de pagina automatisch ingevuld zien met hun informatie als ze bekende waarden hebben voor de velden in de query string.

New Call-to-action