Formuliervelden automatisch invullen met een query string

U kunt formuliervelden op een pagina automatisch invullen door query strings toe te voegen aan de URL van de pagina voordat u deze naar uw contacten stuurt. De velden worden ingevuld op basis van de toegevoegde query string. Dit werkt ook voor verborgen formuliervelden.

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

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 zijbalkmenu naar Eigenschappen.
• Klik op de naam van een eigenschap om waarden vooraf in te vullen.
• Kopieer de interne naam van de eigenschap.
• Herhaal dit voor alle andere eigenschappen waarvoor u vooraf waarden wilt invullen in uw formulier.
  
  

Maak statische query strings met vooraf gedefinieerde waarden

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

• Navigeer in uw browser naar de pagina waarop uw formulier 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:
  • Enkelvoudige checkbox: query strings moeten een waar of onwaar waarde bevatten, niet ja of nee.
  • Datumkiezer: query-strings moeten een datumwaarde bevatten in het formaat JJJJ-MM-DD.
  • Meerdere checkboxen: query string-waarden moeten exact overeenkomen met de waarde-opties van de eigenschap, met een puntkomma als scheiding tussen meerdere waarden.
  • Radio select/Dropdown select: query string-waarden moeten exact overeenkomen met de waarde-opties van de eigenschap.
• Scheid voor alle veldtypes spaties in een waarde van een eigenschap met %20.
• Scheid meerdere eigenschappen met een ampersand (&).
  
  

Voorbeeld URL met een query string

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 query string en éénregelig tekstveld:?firstname=John
• Eenregelig tekst veld: &lastname=Smith
• Eenregelig tekstveld: &email=jsmith@email.com
• Dropdown select veld: &favorite_season=Winter%20Season
• Veld met meerdere selectievakjes: &favorite_fast_food=Burger;Tacos
• Nummer veld: &favorite_number=7
• Radio select veld: &will_you_come_to_the_party=Maybe
• Enkel checkbox veld: &do_you_like_parties=true
• Datumkiezer: &date_of_party=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 formuliervelden automatisch vullen op basis van bekende contacteigenschappen.

Haal uw personalisatietoken op

Haal eerst de personalisatie tokens op die nodig zijn om je query strings te maken. Om een personalisatietoken voor een eigenschap op te halen:

• Navigeer in uw 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 om automatisch in uw formulier in te vullen.
  • Schakel het selectievakje Gebruik de globale standaardwaarde van deze eigenschap bij het invoegen van uw personalisatietoken in.
  • Ga zo nodig door met het toevoegen van extra personalisatietokens.
    
    

• Klik in de rich text werkbalk op Meer > codef broncode pictogram om de HTML van uw e-mail te bekijken.
• In de broncode ziet u de ruwe code voor elk personalisatietoken dat aan de e-mail wordt toegevoegd. Elk token wordt omsloten door dubbele haakjes {{}}{% endraw %}. Markeer een token (bijv. {% raw %}{{ contact.voornaam }}).), 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 query-strings

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 zal het formulier op de pagina automatisch ingevuld zien met hun gegevens als ze bekende waarden hebben voor de velden in de query string.

Zo maak je een URL met dynamische query strings:

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

• Gebruik de pagina-URL en personalisatietokens om uw dynamische querystring op te maken:

• • 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.voornaam}}&lastname={{contact.achternaam}}&email={{contact.email}