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 je 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 bedrijfseenheid te koppelen, klik je op het vervolgkeuzemenu Selecteer een bedrijfseenheid en selecteer je de bedrijfseenheid waaraan je dit formulier wilt koppelen.
  • Selecteer uw nieuwe formuliereditor.
  • Klik rechtsboven op Volgende.
  • Klik bovenaan op het edit potlood om de naam van het formulier te wijzigen. U moet het formulier publiceren om de naamswijziging toe te passen.

Formuliervelden toevoegen en bewerken

Voeg formuliervelden toe om informatie van je websitebezoekers en contactpersonen te verzamelen. Elk formulierveld moet worden gekoppeld aan een HubSpot eigenschap. 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 + plus-pictogram.
  • Klik in het linkerpaneel op het veldtype en sleep het naar het formuliervoorbeeld aan de rechterkant om ze in je 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 Eigenschappen 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 verschijnt op de activiteitentijdlijn van gekoppelde records.

Let op:

  • Standaard is het veld E-mail vereist voor het verzenden van formulieren 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 dat contactpersonen worden aangemaakt bij formulierinzendingen zonder e-mailadres.
  • De eigenschappen Score, Berekening en Rijke tekst kunnen niet worden gebruikt in een formulier.

  • Om een nieuwe eigenschap te maken en te gebruiken als een 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 Maken. 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 type eigenschap 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 het verzenden van het formulier, maar verschijnt het veld niet voor de bezoeker. Stel de standaardwaarde in die wordt doorgegeven aan de eigenschap als 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 worden geplaatst. 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 + plus.
  • Klik in het linkerpaneel op Andere.
  • Klik en sleep de elementen naar het formuliervoorbeeld rechts 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 logic.
  • Klik in het linkerpaneel op Logica toevoegen.
  • Configureer je voorwaardelijke logicaregels in de logica-sectie. Als je bijvoorbeeld filtert op Plaats en selecteert is een van Dublin , dan zal de regel voor voorwaardelijke logica alleen van toepassing zijn op records met de waarde Dublin.
  • Om een filter te verwijderen, klik je op het pictogram deletee verwijderen.
  • Klik op het kloonpictogramduplicate om een filter te klonen.
  • Om extra filters aan de regel toe te voegen, klik je op add Filter toevoegen aan deze groep.
  • Om een extra groep aan de regel toe te voegen, klik je op add Groep toevoegen.
  • Als je meerdere filters of groepen hebt toegevoegd aan de regel, klik dan op het AND OR vervolgkeuzemenu 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 triggeren.
    • 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 doorsturen naar een koppeling voor een vergadering op een planningspagina.
  • Vul de verplichte velden in, afhankelijk van de geselecteerde actie.
  • 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 logic.
  • Klik op Logica toevoegen om nog een regel toe te voegen.
  • Om een regel te bewerken, klik je op het vervolgkeuzemenu Acties en selecteer je Bewerken.
  • Om een regel te verwijderen, klik je op het vervolgkeuzemenu Acties en selecteer je 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 Content 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 tussen twee bestaande stappen staan en klik op het pictogram + toevoegen. Er verschijnt een nieuwe stapsectie. Vervolgens kunt u formuliervelden en extra formulierelementen instellen in het stappaneel.

  • 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 verwijderen, beweeg je met de muis over de stap en klik je op hetpictogram delete verwijderen.
  • Een voortgangsbalk geeft visueel aan hoeveel van het formulier een gebruiker heeft voltooid, waardoor het aantal ingevulde formulieren toeneemt. De voortgangsbalk bewerken:
    • Ga met de muis over de voortgangsbalk en klik op hetpotloodpictogram edit .

    • 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 het gedeelte Opmaak 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:

  • Het formulier wordt alleen ingevuld als de bezoeker alle stappen van het formulier heeft ingevuld. Als een bezoeker de eerste stap heeft voltooid, maar de rest van het formulier niet heeft ingevuld, 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 stapindeling in het linkerpaneel.
  • Om de lay-out te verwijderen, klik je rechtsboven op Lay-out 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 AI-assistenten gebruiken 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 ervoor kiezen om een achtergrondkleur in te stellen of een afbeelding te 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 gebeurt met de betreffende contactpersoon nadat een formulier is verzonden, instellingen voor gebruikersmeldingen en de standaardtaal van het formulier. Je kunt de marketingstatus, levenscyclusfase en meer van de contactpersoon 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 contact aan van onbekend e-mailadres: selecteer deze optie om een nieuwe contactrecord aan te maken voor elke inzending met een uniek e-mailadres. Als het opgegeven e-mailadres overeenkomt met een bestaande contactpersoon in uw database, worden de gegevens van de bestaande contactpersoon 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 Contactvelden 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 ingediend 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 marketingcampagne: als je een Marketing Hub Professional of Enterprise abonnement hebt, kun je het formulier koppelen aan een campagne:
      • Als u uw formulier aan een bestaande campagne wilt 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 instellen van uw campagne.
    • Werk bij indiening de levenscyclusfase van contactpersonen en bedrijven bij: klik op het vervolgkeuzemenu Levenscyclusstatus instellen op 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 bestaand contact of bedrijf met een latere levenscyclusfase een formulier indient, wordt de levenscyclusfase niet bijgewerkt.
      • De levenscyclusfase die is ingesteld in een formulier overschrijft de standaardlevenscyclusfase die is geconfigureerd in je HubSpot-instellingen.
  • Klik in het linkerpaneel op hettabblad Indieningsinstellingen om de indieningsinstellingen aan te passen. Pas de volgende instellingen voor het indienen van formulieren 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 eigenaar van de contactpersoon te sturen. Als een contactpersoon geen eigenaar heeft, worden er geen meldingen verzonden. Meer informatie over objecteigendom in HubSpot.

    • E-mailberichten over indiening: klik op hetvervolgkeuzemenu E-mailberichten over indiening verzenden naar om de standaardteams of personen te selecteren naar wie de e-mailberichten over indiening moeten worden verzonden, ongeacht de eigenaar van het contact. 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 standaardeigenschappen, helptekst, plaatshoudertekst en standaardwaarden worden naar deze taal vertaald.
  • Om een AI-vertaling van je formulier te maken( alleenMarketing Hub of Content 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 standaardeigenschappen, helptekst, plaatshoudertekst, standaardwaarden, aangepaste labels, rijke tekst en toestemmingsberichtentekst worden automatisch naar deze taal vertaald.
    • 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 Indieningsinstellingen.
  • 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 je formulier om de wijzigingen live te zetten. Voeg het vervolgens toe aan je HubSpot content, gebruik de insluitcode van het formulier om het aan een externe pagina toe te voegen, 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 uw formulierupdates 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 uw formulier te delen of in te sluiten op een externe site, klikt u rechtsboven op Delen en kiest u vervolgens uit de volgende opties:
    • Insluitcode ophalen: gebruik een insluiting om je formulier op een extern gehoste pagina toe te voegen. Om statistieken 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 deelkoppeling: 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 een nieuw venster of tabblad in uw browser 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.