Automatisch invullen van formuliervelden met een querystring

U kunt de veldwaarden in een formulier op een pagina automatisch invullen door query-strings aan de pagina-URL toe te voegen voor de volgende veldtypen: tekst van één regel, tekst van meerdere regels, keuzelijst selecteren, meerdere aankruisvakjes, getal, keuzeradio, enkel aankruisvakje en datumkiezer. Dit werkt ook voor verborgen formuliervelden.

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

Kopieer de interne naam van de eigenschap

• Klik in uw HubSpot-account op de instellingenpictogram settings in de hoofdnavigatiebalk.
• Navigeer in het linker zijbalkmenu naar Properties.
• Klik op de naam van een eigenschap waarvan u de waarden in uw formulier wilt voorinvullen.
• Kopieer de interne naam van de eigenschap.

• Herhaal dit voor alle andere eigenschappen waarvoor u waarden wilt voorinvoerenin uw formulier.

Statische query-strings met vooraf gedefinieerde waarden maken

U kunt statische query-strings maken om formuliervelden automatisch te vullen met vooraf gedefinieerde waarden.Navigeer in je browser naar de pagina waar je formulier op staat en kopieer deURL.

• 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.
  • Keuzerondjes/Dropdown select: de query string waarden moeten exact overeenkomen met de waarde-opties van de eigenschap.
• Scheid meerdere eigenschappen met een ampersand (&).

Nadat u de URL heeft aangemaakt met statische query strings, kunt u deze gebruiken als een 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.

Een voorbeeld en uitsplitsing van een URL met correct geformatteerde statische querystrings:

http://www.domain.com/marketing-offer?firstname=John&lastname=Smith&email=jsmith@email.com&favorite_season=Winter&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
• 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-24

Dynamische querystrings maken met personaliseringstokens( alleenMarketing HubProfessional en Enterprise , Legacy Marketing Hub Basic)

U kunt personalisatie tokens gebruiken om dynamische query strings te maken die automatisch formuliervelden vullen op basis van bekende contact eigenschappen.

• Navigeer in uw HubSpot-account naar Marketing > E-mail.
• Klik op E-mail maken of op de naam van een concept-e-mail.
• Klik in de rich text-werkbalk op het pictogram Contacten voor een personaliseringstoken.

• Selecteer in het dialoogvenster een personaliseringstoken die automatisch in uw formulier moet worden ingevuld. Ga verder met het toevoegen van extra personalisatie tokens indien nodig.

• 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 ziet u de onbewerkte code voor elk personaliseringstoken dat aan de e-mailtekst is toegevoegd. Elk token wordt ingesloten 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 het token zijn verwijderd (bijv. {{contact.firstname}} ).
  • Scheid meerdere eigenschappen met een ampersand (&).

Een voorbeeld van een URL metcorrect geformatteerde dynamische query strings:

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

Nadat je de URL met dynamische query strings hebt gemaakt, kun je deze gebruiken als link in je HubSpot content zoals e-mails en pagina's, of een externe pagina met je HubSpottracking code. Een contact dat 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.