Formuliervelden automatisch invullen met een querystring

Je kunt formuliervelden automatisch invullen op een pagina door query strings toe te voegen aan de URL van de pagina voordat je deze naar je contactpersonen stuurt. De velden worden ingevuld op basis van de toegevoegde querystring. 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 eigenschapsnaam kopiëren van de velden die je vooraf wilt vullen en deze vervolgens 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 menu aan de linkerkant naar Eigenschap.
• Klik op de naam van een eigenschap om waarden vooraf in te vullen.
• Kopieer de interne naam van de eigenschap. Meer informatie over interne namen vind je hier.
• 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, waarbij meerdere waarden worden gescheiden door een puntkomma.
  • 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 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:?voornaam=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
  
  

Creëer dynamische query-strings met personalisatietoken( alleenMarketing Hub Professional of Enterprise )

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

Uw personalisatietoken ophalen

Haal eerst de personalisatietoken op die nodig zijn om uw querystrings 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 personalisatietoken in:
  
  • Selecteer in het dialoogvenster een personalisatietoken om automatisch in te vullen in uw formulier.
  • Schakel het selectievakje De globale standaardwaarde van deze eigenschap gebruiken in wanneer u uw personalisatietoken invoegt.
  • 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 zie je de ruwe code voor elk personalisatietoken dat 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 personalisatietoken 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 query strings

Gebruik de personalisatietoken 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-URL. Een contactpersoon die op de link klikt, ziet het formulier op de pagina automatisch ingevuld met zijn of haar gegevens als de waarden voor de velden in de querystring bekend zijn.

Om een URL te maken 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 pagina-URL en personalisatietoken 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 zijn verwijderd (bijv. {{contact.firstname}} ).
  • 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}}