HubSpot Kennisbank

Formulieren maken en bewerken met de nieuwe formuliereditor (BETA)

Geschreven door HubSpot Support | Aug 5, 2024 10:04:51 AM



Maak en gebruik formulieren met de nieuwe formuliereneditor om informatie over je bezoekers te verzamelen en op te slaan in je HubSpot CRM. Als je de nieuwe formuliereneditor gebruikt, kun je formulieren met meerdere stappen maken. Geef je formulier vervolgens een stijl die de identiteit en branding van je bedrijf weerspiegelt.

Nadat je het formulier hebt gemaakt, kun je het toevoegen aan je HubSpot pagina's met behulp van de Hubspot formuliermodule, een externe site met behulp van de insluitcode van het formulier, of het delen als een op zichzelf staande pagina met een link om te delen.

Een nieuw formulier maken

Een nieuw formulier maken:

  • Klik rechtsboven op Formulier maken.
  • Om het formulier aan een bedrijfsonderdeel te koppelen, klikt u op het keuzemenu Selecteer een bedrijfsonderdeel en selecteert u het bedrijfsonderdeel waaraan u dit formulier wilt koppelen.
  • Selecteer de editor voor uw nieuwe formulier.
  • Klik rechtsboven op Volgende.
  • Klik bovenaan op het potloodpictogram edit om de naam van het formulier te bewerken. U moet het formulier publiceren om de formuliernaam bij te werken.

 

Formuliervelden toevoegen en bewerken

Voeg formuliervelden toe om informatie van je websitebezoekers en contactpersonen te verzamelen. Elk formulierveld moet worden gekoppeld aan een eigenschap van HubSpot. Om een formulierveld toe te voegen:

  • Navigeer in je HubSpot account naar Marketing > Lead Capture > Formulieren.
  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Klik linksboven op het pictogram + toevoegen.
  • Klik in het linkerpaneel op het veldtype en sleep het naar het formuliervoorbeeld aan de rechterkant om ze in uw formulier op te nemen. Velden kunnen boven, onder of naast andere velden worden geplaatst.
  • Klik in het rechterpaneel en voer het veldlabel in. Bij het invoeren van het veldlabel verschijnt een lijst met vergelijkbare bestaande eigenschappen.
    • Klik in het dialoogvenster Koppel veld aan eigenschap op een voorgestelde eigenschap.
    • Om uw formulierveld aan een andere eigenschap te koppelen, klikt u op Eigenschap zoeken.

  • Om een gekoppelde eigenschap toe te voegen, klik je in het linkerpaneel om de sectie Gekoppelde eigenschap uit te vouwen. Klik op de eigenschap die je aan het formulierveld wilt koppelen.
  • Om een bestaande eigenschap te gebruiken als gekoppelde eigenschap met een veld op je formulier, gebruik je de zoekbalk om een bestaande eigenschap te zoeken. Het Objecttype van het toegevoegde veld kan bepalen of de formulierverzending op de activiteitentijdlijn van gekoppelde records verschijnt.

Let op:

  • Standaard is het veld E-mail vereist voor formulierverzendingen om contactpersonen aan te maken. HubSpot controleert of een e-mailadres geldig is voordat een gebruiker het formulier kan verzenden. Meer informatie over het toestaan van formulierverzendingen zonder e-mailadres om contactpersonen te maken.
  • Score, Berekende eigenschappen en Rijke tekst eigenschappen kunnen niet worden gebruikt in een formulier.

 

  • Om een nieuwe eigenschap te maken en deze te gebruiken als gekoppelde eigenschap met een veld op je formulier, klik je op Maak nieuw.
    • Selecteer het type formulierveld.
    • Stel in het rechterpaneel je formulierveld in.
    • Controleer de regels van je eigenschap en klik op Aanmaken. Standaard is de optie Weergeven in formulieren, pop-upformulieren en bots geselecteerd. Nadat je je nieuwe eigenschap hebt gemaakt, wordt deze automatisch gekoppeld aan het formulierveld. Leer hoe u uw eigenschappen beheert.
  • Nadat u uw formulierveld hebt toegevoegd, kunt u de opties van een veld bewerken:
    • Klik in het rechterpaneel op het veld in het voorbeeld van het formulier.
    • Klik in het linkerpaneel om de sectie Veldopties uit te vouwen. De opties hier kunnen variëren afhankelijk van het eigenschapstype van het veld. Lees meer over de extra beschikbare opties voor het aanpassen van velden.
      • Helptekst: informatieve tekst onder het label van het veld om de bezoeker te helpen het veld in te vullen.
      • Plaatshoudertekst: tekst die verschijnt in het invoervak voor het veld. De tekst verdwijnt als de bezoeker een waarde invoert in het veld en komt niet terug in de indiening, zelfs als het veld leeg blijft.
      • Standaardwaarde: een waarde die standaard wordt opgegeven voor het veld, tenzij de bezoeker deze wijzigt.
      • Verborgen veld: als deze optie is ingeschakeld, wordt de waarde van het veld ingesteld bij de formulierverzending, maar verschijnt het veld niet voor de bezoeker. Als u deze optie aanzet, stelt u de standaardwaarde in die wordt doorgegeven aan de eigenschap wanneer het formulier wordt verzonden.
      • Verplicht veld: als deze optie aan staat, moet het veld ingevuld worden om het formulier te verzenden. Als een formulierveld als verplicht is ingesteld, kan het niet als verborgen worden ingesteld.

Extra formulierelementen toevoegen

Voeg extra Tekst & Media of Beveiliging & Privacy toe aan je formulier. Net als formuliervelden kunnen deze elementen boven, onder of naast andere velden geplaatst worden. In bèta zijn bepaalde elementen mogelijk niet beschikbaar voor gebruik.

  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Klik linksboven op het pictogram + toevoegen.
  • Klik in het linkerpaneel op Andere.
  • Klik en sleep de elementen naar het formuliervoorbeeld aan de rechterkant om ze op te nemen in je formulier.


Voorwaardelijke logica toevoegen aan formulieren (alleenContent Hub of Marketing Hub Professional en Enterprise )

Nadat je je formuliervelden hebt toegevoegd, kun je voorwaardelijke logica instellen om relevante velden te verbergen of te tonen, of bezoekers door te verwijzen naar andere HubSpot pagina's op basis van hun eerdere antwoorden.

Voor elk formulier kun je tot 30 regels toevoegen met 10 voorwaarden per regel.

Voorwaardelijke logica instellen op je formulier:

  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Klik linksboven op het pictogram githubBranch logica.
  • Klik in het linkerpaneel op Logica toevoegen.
  • Configureer uw voorwaardelijke logicaregels in het gedeelte Logica. Als je bijvoorbeeld filtert op Stad en selecteert is een van Dublin , dan is de voorwaardelijke logicaregel alleen van toepassing op records met de waarde Dublin.
  • Als u een filter wilt verwijderen, klikt u op het pictogram deletee verwijderen.
  • Om een filter te klonen, klikt u op het pictogramduplicate klonen.
  • Om extra filters aan de regel toe te voegen, klik je op add Filter toevoegen aan deze groep.
  • Om een extra groep toe te voegen aan de regel, klik je op add Groep toevoegen .
  • Als je meerdere filters of groepen aan de regel hebt toegevoegd, klik je op het vervolgkeuzemenu AND OR tussen de filters en groepen om AND- of OR-logica toe te passen:
    • AND: Alle filters in de regel moeten waar zijn om de regel te activeren.
    • OF: Slechts één filter in de groep moet waar zijn om de regel te activeren. Meer informatie over AND- of OR-logica.
  • Klik in het gedeelte Dan op het vervolgkeuzemenu om acties op het formulier te selecteren. Je kunt uit de volgende opties kiezen:
    • Toon een veld: als de antwoorden van de gebruiker overeenkomen met de criteria die in je regels zijn ingesteld, wordt een specifiek veld weergegeven.
    • Een veld verbergen: als de antwoorden van de gebruiker voldoen aan de criteria die in je regels zijn ingesteld, wordt een specifiek veld weergegeven.
    • Ga naar stap: Als de antwoorden van de gebruiker voldoen aan de criteria die in je regels zijn ingesteld, ga dan naar een specifieke stap. Om deze optie te gebruiken moet het formulier minstens drie stappen hebben. Meer informatie over het toevoegen van formulierstappen.
    • Doorverwijzen naar: als de antwoorden van de gebruiker voldoen aan de criteria die zijn ingesteld in je regels, stuur ze dan door naar een HubSpot-pagina of een externe URL. Gebruikers met een Sales Hub Enterprise of Service Hub Enterprise account kunnen formulieren omleiden naar een meetinglink op een planningspagina.
  • Afhankelijk van de geselecteerde actie vult u de vereiste velden in.
  • Klik op Opslaan en activeren om de voorwaardelijke logica toe te passen.

Regels voor voorwaardelijke logica beheren

  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Klik linksboven op het pictogram githubBranch logica.
  • Klik op Logica toevoegen om nog een regel toe te voegen.
  • Om een regel te bewerken, klikt u op het vervolgkeuzemenu Acties en selecteert u Bewerken.
  • Om een regel te verwijderen, klikt u op het vervolgkeuzemenu Acties en selecteert u Verwijderen.

Formulierstappen toevoegen en bewerken

Let op: deze functie is alleen beschikbaar voor Marketing Hub, Sales Hub of Service Hub Starter, Professional en Enterprise of Marketing Hub Enterprise.

Maak formulieren met meerdere stappen om gebruikers aan te moedigen meerdere formuliersegmenten in te vullen in plaats van één lang formulier. Om een formulierstap toe te voegen aan een formulier met meerdere stappen:

  • Navigeer in je HubSpot account naar Marketing > Lead Capture > Formulieren.
  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Ga in het rechterpaneel met de muis over twee bestaande stappen en klik op het pictogram + toevoegen. Er verschijnt een nieuwe stapsectie. Vervolgens kunt u formuliervelden en extra formulierelementen instellen in het stappenpaneel.

  • Om de volgorde van een stap te wijzigen, gaat u met de muis over de stap. Klik vervolgens linksboven op de stap en versleep Stap [x] om deze te verplaatsen.
  • Om een stap te klonen, gaat u met de muis over de stap en klikt u op het pictogram duplicate klonen. U kunt geen stappen klonen die een e-mail, reCAPTCHA of privacygegevensvelden bevatten.
  • Om een stap te verwijderen, gaat u met de muis over de stap en klikt u op hetpictogram delete verwijderen.
  • Een voortgangsbalk geeft visueel aan hoeveel van het formulier een gebruiker heeft voltooid. U kunt de voortgangsbalk bewerken:
    • Ga met de muis over de voortgangsbalk en klik op het edit potloodpictogram.

    • In het linkerpaneel kun je de voortgangsbalk bewerken en in- of uitschakelen:
      • De voortgangsbalk wordt standaard toegevoegd aan alle formulieren. Als je de voortgangsbalk wilt uitschakelen, zet je de schakelaar Voortgangsbalk uit. Hierdoor wordt de voortgangsbalk uit alle formulierstappen verwijderd.
      • Kies in de sectie Formaat hoe je wilt dat de tekst op de voortgangsbalk verschijnt. Je kunt kiezen uit de volgende opties: Toon percentage bij voltooiing, Toon aantal stappen of Toon geen tekst.

Let op:

  • De formulierverzending wordt alleen voltooid als de bezoeker alle stappen van het formulier heeft ingevuld. Als een bezoeker de eerste stap wel heeft voltooid, maar de rest van het formulier niet, dan worden de velden van de eerste stap niet verzonden naar het formulier.
  • Je kunt maximaal 20 stappen per formulier toevoegen.

Bewerk de staplay-out en achtergrondbanner

Kies uit voorgedefinieerde staplay-outs met de snelle lay-outswitcher en pas de achtergrondbanner van je formulier aan.

  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Ga met de muis over de formulierstap en klik op het edit potloodpictogram rechtsboven.
  • Selecteer een stap lay-out in het linker paneel.
  • Klik rechtsboven op Opmaak verwijderen om de opmaak te verwijderen.

  • Klik op Bannerachtergrond om de sectie uit te breiden:
    • Schakel de schakelaar Achtergrondkleur in om de achtergrond van de banner van je formulier aan te passen.
    • Selecteer een kleur en ondoorzichtigheid.
    • Klik op het vervolgkeuzemenu Verloop om een verloop toe te voegen.
    • Gebruik een afbeelding voor de bannerachtergrond. Je kunt een afbeelding uploaden vanuit je HubSpot bestanden, afbeeldingen bladeren vanaf de harde schijf van je computer of gebruik maken van HubSpot AI om afbeeldingen te genereren.

Stijl je formulier

Pas de tekst, invoervelden, knop en achtergrond van je formulier en formulierstappen aan. De stijlopties die je instelt op het tabblad Globale stijl worden toegepast op alle formulierstappen. Je kunt individuele formulierstappen niet afzonderlijk stylen.

Je vorm stylen:

  • .
  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Klik linksboven op het stijlicoon.

  • Bij het aanpassen van je Tekst, Invoervelden of Knop kun je kiezen uit bestaande stijlen met behulp van de Snelveldinvoerstijlen. Je kunt de stijl ook handmatig aanpassen voor elk onderdeel van je formulier:
    • Tekst: pas het lettertype, de lettergrootte en de kleur aan voor de koptekst en de hoofdtekst. Je kunt een slagschaduw toevoegen aan de koptekst of een markering aan de hoofdtekst.
    • Invoervelden: pas het veld aan, inclusief achtergrond en randen. Je kunt ook het lettertype, de lettergrootte en de kleuren voor je labels aanpassen, evenals de kleuren voor je helptekst, plaatsaanduidingen en fouttekst.
    • Knop: pas de hoogte van de knop aan, de afronding van de hoeken, de achtergrond, het kleurverloop en voeg een slagschaduw toe aan de knop. Je kunt ook het lettertype, de lettergrootte en de kleur voor de tekst van de knop aanpassen.
    • Achtergrond: pas de achtergrond van je formulier en formulierstappen aan. Je kunt een achtergrondkleur instellen of een afbeelding gebruiken voor de achtergrond. Je kunt AI-assistenten gebruiken om afbeeldingen te genereren. Je kunt er ook voor kiezen om een rand in te stellen voor je formulier.

Formulierinstellingen aanpassen

Configureer de instellingen van het formulier, zoals wat er met de contactpersoon gebeurt nadat het formulier is verzonden, instellingen voor gebruikersmeldingen en de standaardtaal van het formulier. Je kunt de marketingstatus van de contactpersoon, de levenscyclusfase en meer instellen. Sommige opties worden mogelijk niet weergegeven, afhankelijk van je HubSpot abonnement.

  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Klik in het linkerpaneel op het pictogram settings instellingen.
  • Configureer op het tabblad Algemeen de volgende algemene formulierinstellingen:
    • Maak altijd contactpersoon van onbekend e-mailadres: selecteer deze optie om een nieuw contactpersoonrecord te maken voor elke inzending met een uniek e-mailadres. Als het ingediende e-mailadres overeenkomt met een bestaand Contactpersoonrecord in uw database, worden de gegevens van het bestaande record bijgewerkt.
      • Als deze optie is uitgeschakeld, probeert HubSpot eerst de inzending te koppelen aan een bestaande contactpersoon met het opgegeven e-mailadres. Als er geen contactpersoon bestaat op dat e-mailadres, zal HubSpot je contactpersonen herkennen en bijwerken op basis van de cookies in hun browsers. Dit kan ertoe leiden dat contactpersonen worden overschreven als hetzelfde formulier meerdere keren wordt verzonden vanaf hetzelfde apparaat.
      • Als deze optie is ingeschakeld, worden weergaven niet bijgehouden als een contactpersoon het formulier indient met een ander e-mailadres in een browser waar al een cookie staat. De optie Contactpersoonvelden vooraf invullen met bekende waarden wordt ook automatisch uitgeschakeld.
    • Contactpersonen instellen als marketingcontactpersonen: als je HubSpot-account toegang heeft tot marketingcontactpersonen, kun je automatisch alle contactpersonen die dit formulier hebben verzonden instellen als marketingcontactpersonen. Dit geldt voor zowel nieuwe als bestaande contactpersonen.
    • Velden vooraf invullen voor terugkerende bezoekers: als een contactpersoon eerder je site heeft bezocht en een formulier heeft verzonden, en Hubspot in staat was om hun cookies op te slaan en te volgen, kunnen alle bekende veldwaarden vooraf worden ingevuld op het formulier. Deze optie is standaard ingeschakeld. Lees meer over vooraf ingevulde formuliervelden.
    • Toevoegen aan marketing campagne: als je een Marketing Hub Professional of Enterprise abonnement hebt, kun je het formulier koppelen aan een campagne:
      • Om uw formulier aan een bestaande campagne te koppelen, klikt u op het vervolgkeuzemenu Campagne en selecteert u een campagne.
      • Om uw formulier aan een nieuwe campagne te koppelen, klikt u op het vervolgkeuzemenu Campagne en klikt u op Campagne maken. Ga vervolgens verder met het opzetten van uw campagne.
    • Werk bij het indienen de levenscyclusfase van contactpersonen en bedrijven bij: klik op het vervolgkeuzemenu Levenscyclusstatus instellen en selecteer een levenscyclusfase. Wanneerbezoekers het formulier verzenden, worden alle nieuwe of bestaande records ingesteld op de geselecteerde levenscyclusfase.
      • U kunt de levenscyclusfase van een record niet naar achteren verplaatsen. Als een bestaande contactpersoon of bedrijf met een latere levenscyclusfase een formulier indient, wordt de levenscyclusfase niet bijgewerkt.
      • De Levenscyclusfase die is ingesteld in een formulier overschrijft de standaard Levenscyclusfase die is geconfigureerd in de Hubspot instellingen.
  • Klik in het linkerpaneel op hettabblad Indieningsinstellingen om de indieningsinstellingen aan te passen. Pas de volgende instellingen voor formulierverzending aan:
    • E-mailmeldingen voor bezoekers: schakel het selectievakje E-mailmeldingen voor indiening verzenden naar de eigenaar van de contactpersoon in om automatisch een melding naar de verantwoordelijke van de contactpersoon te sturen. Als een contactpersoon geen verantwoordelijke heeft, worden er geen meldingen verzonden. Meer informatie over eigenaarschap van objecten in HubSpot.

    • E-mailmeldingen voor indiening: klik op hetvervolgkeuzemenu E-mailmeldingen voor indiening verzenden naar om de standaardteams of personen te selecteren naar wie de e-mailmeldingen voor indiening moeten worden verzonden, ongeacht het eigenaarschap van de contactpersoon. Ontvangers die hier zijn ingesteld, worden overschreven door ontvangers die zijn ingesteld in de formulieropties op HubSpot-pagina's.

  • Klik op het tabblad Taal en regioom de taalinstellingen van je formulier aan te passen. Klik op het keuzemenu Primaire taal en selecteer een standaardtaal voor je formulier. Foutmeldingen, labels voor standaard eigenschappen, helptekst, plaatshoudertekst en standaardwaarden worden naar deze taal vertaald.
  • Om een AI-vertaling van uw formulier te maken( alleenMarketing Hub of Marketing Hub Professional en Enterprise ):
    • Schakel de schakelaar AI-vertalingen voor alle formulierinhoud inschakelen in.
    • Selecteer in het vervolgkeuzemenu Primaire taal de taal waarin je het formulier wilt vertalen. Foutmeldingen, labels voor standaard eigenschappen, helptekst, plaatshoudertekst, standaard waarden, aangepaste labels, rijke tekst en toestemmings tekst worden automatisch vertaald naar deze taal.
    • Als je je formulier hebt bijgewerkt sinds de vorige vertaling, klik dan op Nu opnieuw vertalen om de vertaling bij te werken.

Live validatie op formuliervelden beheren

Als je validatieregels hebt ingesteld voor een eigenschap, zijn deze regels van toepassing op formuliervelden en moeten bezoekers aan deze regels voldoen om het formulier te kunnen verzenden. Live validatie op formuliervelden geeft bezoekers direct feedback over hun invoer, waardoor het eenvoudiger wordt om fouten te corrigeren en formulieren nauwkeurig in te vullen.

Als je bijvoorbeeld een validatieregel hebt ingesteld voor de eigenschap Bestelnummer om alleen numerieke waarden te bevatten, krijgen bezoekers feedback om niet-numerieke invoer te corrigeren.

Standaard staat live validatie op formulieren aan. Zo schakelt u live validatie op formuliervelden in of uit:

  • Navigeer in het menu aan de linkerkant naar Marketing > Formulieren.

  • Klik op het tabblad Instellingen voor indiening.
  • Schakel de schakelaar Live validatie van formuliervelden inschakelen in of uit.
  • Klik linksonder op Opslaan.

Je formulier publiceren of delen

Nadat je een nieuw formulier hebt gemaakt of je formulier hebt bijgewerkt, publiceer je het formulier om de wijzigingen live te zetten. Voeg het vervolgens toe aan je HubSpot content, gebruik de insluitcode van het formulier om het toe te voegen aan een externe pagina, of deel het als een op zichzelf staande pagina met een link om te delen.

  • Navigeer in je HubSpot account naar Marketing > Lead Capture > Formulieren.
  • Maak een nieuw formulier of ga met de muis over een bestaand formulier en klik op Bewerken.
  • Klik rechtsboven op Publiceren om de updates van je formulier te publiceren.
  • Om je formulier in te sluiten op een HubSpot pagina, navigeer je naar je inhoud, voeg je de formuliermodule toe en selecteer je het formulier.
  • Om je formulier te delen of in te sluiten op een externe site, klik je rechtsboven op Delen en kies je uit de volgende opties:
    • Insluitcode ophalen: gebruik een insluiting om uw formulier op een extern gehoste pagina toe te voegen. Om analyses voor je formulier op een externe pagina bij te houden, moet je HubSpot trackingcode op de pagina zijn geïnstalleerd. Meer informatie over het toevoegen van een HubSpot-formulier aan een externe site.
      • Klik onder aan de pagina op Kopiëren.
      • Plak de insluitcode in de HTML-module op je pagina.
    • Kopieer een link om te delen: gebruik een URL om het formulier als zelfstandige pagina te delen.
      • Klik op Kopiëren om de URL van de formulierpagina naar je klembord te kopiëren.
      • Open in uw browser een nieuw venster of tabblad en plak de URL van uw formulierpagina in de adresbalk om deze te laden. Je kunt de URL van de formulierpagina ook direct delen met anderen om hen toegang te geven tot het formulier.