Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Integrations

HubSpot formulieren toevoegen aan WordPress pagina's en berichten

Laatst bijgewerkt: september 14, 2022

Geldt voor:

Alle producten en plannen

Zodra je met succes de HubSpot All-In-One Marketing - Formulieren, Popups, Live Chat WordPress plugin, kun je HubSpot formulieren toevoegen aan je WordPress pagina's en posts.

In WordPress kun je je HubSpot formulieren toevoegen via de Classic editor of de Gutenberg Editor.

Voordat je aan de slag gaat

Voordat je aan de slag gaat, moet je rekening houden met het volgende:

  • Als je een formulier insluit op je WordPress-site, moet je mogelijk extra CSS-declaraties toepassen binnen je externe stylesheet om het formulier responsive te maken.
  • Als u merkt dat uw formulier niet werkt in WordPress of dat de insluitcode wordt gewijzigd wanneer u de live pagina bekijkt, moet u het formulier mogelijk invoegen met behulp van een plugin om ervoor te zorgen dat de insluitcode intact blijft.
  • Als je een andere formulierplugin gebruikt, zoals Contact Form 7 of Ninja Forms, kun je inzendingen verzamelen in HubSpot. Bekijk de tabel met ondersteunde formulieren en lees vervolgens hoe je niet-HubSpot-formulieren kunt gebruiken.
  • Als je een ondersteund, niet-HubSpot formulier op WordPress gebruikt, maar geen inzendingen ziet in HubSpot, heb je misschien een andere WordPress plugin geïnstalleerd die conflicteert met de HubSpot-WordPress plugin. Schakel de plugin uit, of bekijk de veelgestelde vragen voor aanvullende stappen voor het oplossen van problemen.

Klassieke editor

Om een formulier in te sluiten in uw WordPress pagina's en berichten met behulp van de klassieke editor:

  • Vanuit je WordPress account, in het linker zijbalk menu, navigeer je naar HubSpot > Formulieren.
  • Beweeg met de muis over het formulier dat u wilt toevoegen aan uw website en klik op Shortcode kopiëren. U kunt ook een nieuw HubSpot formulier maken door op Maak formulier te klikken.
  • Navigeer naar een WordPress pagina of bericht en plak de shortcode in de pagina-editor
    .

    add-shortcode-to-website
  • Na het publiceren van uw pagina, om de inzendingen op het formulier in WordPress te bekijken:
    • Vanuit je WordPress account, in het linker zijbalk menu, navigeer je naar HubSpot > Formulieren.
    • Ga met de muis over een formulier. Klik dan op de Actiesdropdown menu en selecteer Bekijk inzendingen. Leer meer overhet analyseren van formulierinzendingen.

Gutenberg-editor

Als je de laatste versie van Gutenberg gebruikt, die inline JavaScript verwijdert, gebruik dan de plugin Inline JS Block for Gutenberg om in plaats daarvan formulieren en CTA's op je pagina in te sluiten.

Om een formulier op uw WordPress pagina's en berichten in te sluiten met behulp van de Gutenberg editor:

  • Navigeer in uw WordPress account naar uw pagina of post.
  • Klik op het plus icoon in de werkbalk. Zoek naar het HubSpot Formulier blok en klik erop om het toe te voegen aan uw inhoud.

wordpress-hubspot-form-block

  • In het blok kunt u een bestaand formulier selecteren of een nieuw formulier maken:
    • Om een bestaand formulier te selecteren, klik je op het keuzemenu Selecteer een bestaand formulier en selecteer je een formulier.
    • Om een nieuw formulier te maken, ga je naar HubSpot > Formulieren in het linker zijbalkmenu en klik je op Formulier maken.

wordpress-hubspot-form-select-an-existing-form

  • Na het publiceren van uw pagina, om de inzendingen op het formulier in WordPress te bekijken:
    • Vanuit je WordPress account, in het linker zijbalk menu, navigeer je naar HubSpot > Formulieren.
    • Ga met de muis over een formulier. Klik dan op de Actiesdropdown menu en selecteer Bekijk inzendingen. Leer meer overhet analyseren van formulierinzendingen.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.