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.

Begrijp beperkingen en overwegingen

• Query-strings kunnen afhankelijke formuliervelden niet automatisch aanvullen .
• Afhankelijke formuliervelden kunnen niet worden geactiveerd op basis van meerdere waarden in een querystring.

Maak statische query strings met vooraf gedefinieerde waarden

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

Kopieer de interne naam van de eigenschap

1. Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
2. Navigeer in het menu aan de linkerkant naar Eigenschappen.
3. Klik op de naam van een eigenschap om waarden vooraf in te vullen.
4. Kopieer de interne naam van de eigenschap. Meer informatie over interne namen van eigenschappen.
5. Herhaal dit voor alle andere eigenschappen waarvoor je automatisch waarden wilt invullen in je formulier.

Maak je URL met statische query strings

Nadat u de namen van de interne eigenschappen hebt gekopieerd, kunt u de URL van de pagina instellen die u naar uw contactpersonen stuurt:

1. Navigeer in uw browser naar de pagina waarop uw formulier staat. Kopieer vervolgens de URL.
2. Voeg een vraagteken (?) toe aan het einde van de pagina-URL.
3. 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 statische 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
• Eenregelig tekstveld: &lastname=Smith
• Eenregelig 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

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:

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op E-mail maken of klik op de naam van een conceptmail.
3. Klik in de werkbalk Rijke tekst op Personaliseren.
4. 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.

5. Klik in de werkbalk Rijke tekst op Meer en selecteer het pictogramcodef broncode om de HTML van je e-mail te bekijken.
6. 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.
7. Herhaal dit voor alle personalisatietokens die u vooraf in uw formulier wilt invullen.
8. 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:

1. Navigeer in je browser naar de pagina waar je formulier op staat. Kopieer vervolgens de URL.
2. 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 (&).
3. 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}}