Formuliervelden automatisch invullen met een querystring

Je kunt formuliervelden automatisch invullen op een pagina door querytekenreeksen toe te voegen aan de URL van de pagina voordat je deze naar je contactpersonen verzendt. De velden worden ingevuld op basis van de toegevoegde querytekenreeks. Dit werkt ook voor verborgen formuliervelden. Je kunt bijvoorbeeld aangepaste UTM-eigenschappen maken en UTM-parameters gebruiken om een verborgen formulierveld automatisch in te vullen.

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

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

Kopieer de interne naam van de eigenschap

Om de interne naam van een eigenschap te vinden:

• Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
• Navigeer in het linker zijbalkmenu naar Eigenschappen.
• Klik op de naam van een eigenschap om waarden vooraf in te vullen.
• Kopieer de interne naam van de eigenschap. Lees hier meer over interne namen.
• Herhaal dit voor alle andere eigenschappen waarvoor je vooraf waarden wilt invullen in je formulier.
  
  

Maak statische query-strings met vooraf gedefinieerde waarden

Nadat je de namen van de interne eigenschappen hebt gekopieerd, kun je de URL van de pagina instellen die je naar je contactpersonen stuurt:

• Navigeer in je browser naar de pagina waar je formulier op staat. Kopieer vervolgens 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: query-strings moeten een waar of onwaar waarde bevatten, geen ja of nee.
  • Datumkiezer: query-strings moeten een datumwaarde bevatten in de indeling JJJJ-MM-DD.
  • Meerdere selectievakjes: querytekenreeksen moeten exact overeenkomen met de waardeopties van de eigenschap, met een puntkomma als scheiding tussen meerdere waarden.
  • Keuzevakjes/dropdownselectie: de querystringwaarden moeten exact overeenkomen met de waardeopties van de eigenschap.
  • Voor alle veldtypes: bij het maken van query strings gelden deze regels voor alle veldtypes.
    • Spaties in een waarde van een eigenschap moeten worden gescheiden met %20.
    • Meerdere verschillende eigenschappen moeten worden gescheiden met een ampersand (&).

Voorbeeld URL met een querystring

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 tekstveld: &lastname=Smith
• Eénregelig tekstveld: &email=jsmith@email.com
• Dropdown select veld: &favorite_season=Winter%20Season
• Veld met meerdere selectievakjes: &favorite_fast_food=Burger;Taco's
• Nummer veld: &favorite_number=7
• Radio select veld: &will_you_come_to_the_party=Maybe
• Enkel selectievakje veld: &do_you_like_parties=true
• Datumkiezer veld: &datum_van_feest=2018-10-2

Maak dynamische query-strings met personalisatietokens (alleenMarketing Hub Professional of Enterprise )

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

Je personalisatietoken ophalen

Zoek eerst de personalisatietokens op die nodig zijn om je query-strings te maken. Om een personalisatietoken voor een eigenschap op te halen:

• Ga in je HubSpot-account naar Marketing > E-mail.
• Klik op E-mail maken of op de naam van een conceptmail.
• Klik in de werkbalk Rijke tekst op Personaliseren.
• Stel uw personalisatietokens in:
  
  • Selecteer in het dialoogvenster een personalisatietoken die automatisch in uw formulier moet worden ingevuld.
  • Schakel het selectievakje Gebruik de globale standaardwaarde van deze eigenschap bij het invoegen van uw personalisatietoken.
  • Ga zo nodig door met het toevoegen van extra personalisatietokens.
    
    

• Klik in de werkbalk Rijke tekst op Meer > codef broncodepictogram om de HTML van je e-mail te bekijken.
• In de broncode ziet u de ruwe code voor elke personalisatietoken die aan de e-mailtekst is toegevoegd. Elk token wordt omsloten door dubbele haakjes {{ }}. Markeer een token (bijvoorbeeld {{ contact.firstname }}), klik dan met de rechtermuisknop en selecteer Kopiëren.
• Herhaal dit voor alle personalisatietokens die u vooraf in uw formulier wilt invullen.
• Klik onderaan het dialoogvenster op Annuleren en sluiten om de broncode af te sluiten.
  
  

Maak uw URL met dynamische querytekenreeksen

Gebruik de personalisatietokens om een URL te maken met dynamische query strings. Deze URL kan worden gebruikt als een link in je HubSpot content zoals e-mails en pagina's, of een externe pagina met je HubSpot tracking code. Een contactpersoon die op de link klikt, ziet het formulier op de pagina automatisch gevuld met zijn of haar gegevens als de waarden voor de velden in de querystring bekend zijn.

Zo maak je een URL met dynamische query strings:

• Navigeer in je browser naar de pagina waar je formulier op staat. Kopieer vervolgens de URL.

• Maak met behulp van de URL van de pagina en de personalisatietokens een dynamische querystring:

• • Voeg een vraagteken (?) toe aan het einde van de pagina-URL.
  • Voeg de interne naam van de eigenschap toe, gevolgd door een gelijkheidsteken en het personalisatietoken. Zorg ervoor dat alle spaties uit het token worden verwijderd (bijv. {{contact.voornaam}} ).
  • Scheid meerdere eigenschappen met een ampersand (&).
• Hier is een voorbeeld van een URL met correct geformatteerde dynamische query strings:

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