Forms

Opzet en stijl van formulieren op HubSpot pagina's

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Alle producten en plannen

Zodra u een formulier heeft aangemaakt in HubSpot, kunt u deze toevoegen aan elke formuliermodule op een HubSpot pagina. Per pagina kunt u ook vervolgacties instellen en de styling van elementen van uw formulier aanpassen, inclusief de verzendknop en de formuliervelden.

Let op: instellingen en stijlwijzigingen zijn alleen van toepassing op de formuliermodule op de geselecteerde pagina en hebben geen invloed op uw formulier op andere pagina's.

Stel uw formulieren in

  • In uw HubSpot account, navigeert u naar uw landingspagina's of website pagina's.
  • Ga met de muis over een bestaande pagina met een formuliermodule en klik op Bewerken, of maak een nieuwe pagina aan.
  • Klik in de pagina-editor op de formuliermodule.
  • Op het tabblad Opties in het linkerpaneel kunt u de instellingen van het formulier voor deze pagina aanpassen:
    • Formulier titel: vul een naam in voor het formulier op deze pagina.
    • Kies een formulier: klik op het dropdown menu om het formulier te selecteren dat in de module op deze pagina zal verschijnen. Klik op het dropdown menu Acties om een nieuw formulier aan te maken, een formulier te klonen, andere pagina's te bekijken met behulp van dit formulier of te navigeren naar de volledige formulieren-editor. Meer informatie over het opzetten van formulieren.
form-editor-options
    • Navigeer naar het inhoudsgedeelte van het formulier om uw formuliervelden, knoptekst en GDPR-instellingen voor uw formulier te bewerken.
      • Formuliervelden: Sleep de velden om de volgorde te bewerken die ze zullen weergeven. Om extra formuliervelden toe te voegen klikt u op Voeg een ander formulierveld toe, klikt u op het keuzemenu Kies een eigenschap en gebruikt u de zoekbalk om een veld te zoeken.

Let op: het is niet mogelijk om formuliervelden te slepen in de inline editor voor velden in meerkolomsformulieren of wanneer deze deel uitmaken van een aangepaste module.

move-form-fields
  • Navigeer naar de bedankpagina om te configureren wat er gebeurt als een bezoeker een formulier indient.
    • Wat zal een bezoeker zien na het verzenden van uw formulier: pas de ervaring van de bezoeker aan wanneer hij of zij uw formulier op deze pagina verzendt. Als u Redirect to another page selecteert, klik dan op de Redirect link dropdown menu om een HubSpot bedankpagina te selecteren of voer een URL in. Als u kiest voor Weergave van een inline dankbericht, voer dan een dankbericht in het tekstvak in.
  • In de sectie Formulieropties klikt u op de knop Altijd een nieuw contactpersoon aanmaken voor e-mailadres om een nieuw contactrecord aan te maken voor elk verzonden formulier met een e-mailadres, zelfs als deze al bestaan op uw HubSpot account.
  • Configureer de aanmeldingsberichten voor uw formulier en volg de e-mails op.
    • Verstuur formuliermeldingen naar gespecificeerde e-mailadressen in plaats van de standaardinstellingen van het formulier: standaard worden formuliermeldingen verzonden naar alle ontvangers die in de opties van het formulier zijn toegevoegd. Om de standaard ontvangers van het formulier te overschrijven en de ontvangers van de meldingen voor de inzendingen op deze pagina te selecteren, klikt u op de knop Meldingen verzenden naar opgegeven e-mailadressen in plaats van de standaardinstellingen van het formulier in te schakelen. Zodra de instelling is ingeschakeld, klikt u op het vervolgkeuzemenu E-mailadressen om ontvangers te selecteren.
    • Toevoegen aan workflow: klik om de schakelaar Toevoegen aan workflow in te schakelen om de contactpersonen automatisch in te schrijven in een specifieke workflow wanneer ze het geselecteerde formulier op deze pagina indienen. Zodra de instelling is ingeschakeld, klikt u op het Workflow-dropdown menu om een workflow te selecteren voor inschrijving of klikt u op Nieuw aanmaken om een nieuwe workflow aan te maken.
    • Verstuur een follow-up e-mail: klik op de knop Verstuur een follow-up e-mail inschakelen om automatisch een follow-up e-mail te versturen naar de contactpersonen wanneer zij het geselecteerde formulier op deze pagina versturen. Zodra de instelling is ingeschakeld, klikt u op het vervolgkeuzemenu E-mail om een vervolgmail te selecteren. Om wijzigingen in de geselecteerde e-mail aan te brengen, klikt u op Bewerken of klikt u op Nieuw aanmaken om een nieuwe e-mail aan te maken.
    • Salesforce-campagne: als u de Salesforce-integratie hebt ingeschakeld, kunt u een formulier koppelen aan een actieve Salesforce-campagne door op het keuzemenu te klikken en een campagne te selecteren. Meer informatie over het koppelen van formulieren aan Salesforce-campagnes.
  • Klik op Wijzigingen toepassen.

Stijl uw formulieren op HubSpot pagina's

Om de styling van uw totale formulier aan te passen of om specifieke stylingswijzigingen aan te brengen in de velden van de verzendknop of het formulier, bovenaan het linkerpaneel, klikt u op het tabblad Stijl.

Let op: formulieren die op HubSpot pagina's verschijnen kunnen alleen per pagina worden gestyled. Geïntegreerde formulieren op externe pagina's of losse formulierpagina's moeten worden gestyled in de formulier-editor of worden gestyled met CSS in uw externe stylesheet.
  • Gebruik bovenaan de tabbladen om het element van uw formulier te selecteren dat u wilt opmaken.
edit-form-style
  • Pas het geselecteerde element van uw formulier aan met behulp van de onderstaande tekst- en uitlijningsopties.
  • Klik op Wijzigingen toepassen om uw wijzigingen in de module op te slaan.
  • Klik op Publiceren of Updaten om uw wijzigingen op de pagina live mee te nemen.