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.

Oproepen tot actie (CTA's) toevoegen aan je inhoud

Laatst bijgewerkt: september 25, 2023

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

Marketing Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

Nadat je je call-to-action (CTA) hebt gemaakt, kun je de CTA aan zowel HubSpot als externe pagina's toevoegen. Als je je CTA voor externe pagina's configureert, moet de HubSpot trackingcode zijn geïnstalleerd. Je kunt ook CTA's toevoegen aan je drag-and-drop marketing e-mails.

Hoe je een CTA aan een pagina toevoegt, hangt af van het type CTA dat je hebt gemaakt:

  • Als je ingesloten CTA's gebruikt, kun je maximaal 100 ingesloten CTA's per pagina toevoegen. Ingebedde CTA's kunnen op de volgende manieren worden gebruikt:
    • De standaard oproepen tot actie module in HubSpot pagina's
    • De standaard knopmodule in een marketing-e-mail
    • Een codefragment op je externe website
  • Als je een sticky banner, pop-up box of slide-in oproepen tot actie gebruikt, kun je:
    • De CTA triggeren om weer te geven wanneer een bezoeker op een knop klikt.
    • Selecteer een of meer van de volgende activeringstriggers en stel doelen in met behulp van de URL van de website of bezoekersinformatie. De CTA verschijnt op de doelpagina's en voor de opgegeven bezoekers, zodra aan de eerste trigger is voldaan.
      • Trigger bij scrollen pagina
      • Trigger bij intentie om af te sluiten
      • Trigger na verstreken tijd
      • Trigger na inactiviteit

Voeg een CTA toe aan je HubSpot inhoud

Op je HubSpot pagina's wordt de trackingcode automatisch geïnstalleerd. Voor de meeste activeringstriggers verschijnt de CTA wanneer aan de eerste trigger is voldaan. Als je echter een ingesloten CTA wilt gebruiken of een CTA die wordt geactiveerd wanneer een bezoeker op een knop klikt, moet je de CTA handmatig toevoegen.

Voeg een ingesloten CTA toe aan je HubSpot pagina of blogbericht

Om een ingesloten CTA toe te voegen met behulp van een standaard module op een HubSpot pagina of blogbericht:

  • Een ingesloten CTA toevoegen met behulp van een standaardmodule op een HubSpot-pagina:

    • Website Pagina's: Ga in je HubSpot account naar Marketing > Website > Website pagina's.
    • Landingspagina's: Ga in je HubSpot account naar Marketing > Landingspagina's.
  • Klik op de websitepagina of landingspagina om de CTA toe te voegen.
  • Zoek en selecteer in het linkerpaneel op het tabblad Toevoegen de standaard module Oproepen om te reageren. Klik op de module en sleep deze naar uw pagina.
  • Klik in het linkerpaneel op Selecteren.

  • Om een ingesloten CTA toe te voegen aan een HubSpot blogpost:
    • Ga in je HubSpot account naar Marketing > Website > Blog.
    • Beweeg de muis over het blogbericht om de CTA in te voegen en klik vervolgens op Bewerken. Of maak een nieuw blogbericht.
    • Zoek een rijke tekstmodule in de inhoudseditor. Klik op de module om de inhoud aan te passen.
    • Klik rechtsboven op Invoegen > Oproep tot actie.

  • Klik in het rechterpaneel op het tabblad CTA's .
  • Selecteer een CTA om in te voegen en klik op Invoegen.
  • Klik in het linkerpaneel op Wijzigingen toepassen. De geselecteerde CTA wordt nu weergegeven in je rich text editor en in je voorvertoning.

Activeer je CTA op een klik op een knop in HubSpot

Je kunt je sticky banner, pop-up box of slide-in CTA triggeren wanneer bezoekers op een knop op een pagina klikken. Om deze trigger in te stellen gebruik je een standaard knopmodule op een HubSpot pagina:
  • Navigeer naar je content:

    • Website Pagina's: Ga in je HubSpot account naar Marketing > Website > Website pagina's.
    • Landingspagina's: Ga in je HubSpot account naar Marketing > Landingspagina's.
  • Klik op de websitepagina of landingspagina om de CTA en bijbehorende knop toe te voegen.
  • Zoek en selecteer in het linkerpaneel op het tabblad Toevoegen de standaardknopmodule. Klik op de knopmodule en sleep deze naar uw pagina.


  • Klik in het linkerpaneel op het vervolgkeuzemenu Koppeling naar en selecteer CTA.
  • Klik op het vervolgkeuzemenu CTA en selecteer een bestaande CTA.
  • Ga verder met het instellen van je knopmodule.


Een ingesloten CTA toevoegen aan je e-mails voor marketing via slepen en neerzetten

Voeg ingesloten CTA's toe aan uw drag-and-drop marketinge-mails en volg de effectiviteit van uw CTA-aanbod op meerdere touchpoints.

Zo voegt u een CTA toe in de e-maileditor voor slepen en neerzetten:

  • Ga in je HubSpot account naar Marketing > E-mail.
  • Ga met de muis over de e-mail waaraan u de CTA wilt toevoegen en klik op Bewerken. Of maak een nieuwe e-mail.
  • Klik in het linkerpaneel op de knopmodule en sleep deze naar de e-maileditor.

  • Klik in het linkerpaneel op het vervolgkeuzemenu Link naar. Selecteer vervolgens CTA.
  • Klik onder het veld CTA op Selecteren.
  • Selecteer in het rechterpaneel een CTA om in te voegen en klik vervolgens op Invoegen.

Let op: slechts één knop of afbeelding wordt ondersteund bij het maken of selecteren van een CTA voor je e-mail. CTA's met meerdere elementen, zoals een knop en een afbeelding, kunnen niet worden gebruikt.


Pas de knoppen van een thema aan om je CTA te triggeren bij het klikken op een knop

Als je een aangepast thema gebruikt in HubSpot, kan het zijn dat je de knoppenmodule van het thema moet aanpassen om een CTA te triggeren. Om de bestanden van standaardthema's in de design manager te bewerken, moeten ze eerst worden gekloond. Thema's die zijn gekocht van de Asset Marketplace kunnen niet worden gekloond; het wordt aanbevolen om in plaats daarvan een child-thema te maken.

Om de knopmodule van je thema aan te passen:

  • Ga in je HubSpot account naar Marketing > Bestanden en templates > Ontwerptools.
  • Zoek linksboven in de design manager naar de knopmodule.
  • Ga in het rechterpaneel met de muis over Button (Veldgroep) en klik op Edit (Bewerken).
  • Ga onder Gegroepeerde velden met de muis over URL (URL) en klik op Bewerken.
  • Klik op het vervolgkeuzemenu Ondersteunde URL-typen. Schakel vervolgens het selectievakje CTA in.
  • Klik rechtsboven op Wijzigingen publiceren. Nadat u uw wijzigingen hebt gepubliceerd, zou de CTA-optie moeten verschijnen wanneer u de themaknopmodule op uw pagina's gebruikt.


Een CTA toevoegen aan je externe inhoud

Je kunt CTA's toevoegen aan je externe pagina's. Voordat je een HubSpot CTA op je externe website gebruikt, moet je de HubSpot trackingcode installeren. Na het installeren van de tracking code, zal voor de meeste activatie triggers, de CTA verschijnen wanneer aan de eerste trigger is voldaan. Als je echter een ingesloten CTA wilt gebruiken of een CTA die wordt geactiveerd wanneer een bezoeker op een knop klikt, moet je de CTA handmatig toevoegen.

Een CTA insluiten op je externe website

Om een ingesloten CTA aan je externe pagina's toe te voegen:

  • Navigeer in je HubSpot-account naar Marketing > Lead Capture > CTA's.
  • Klik linksboven op het vervolgkeuzemenu en selecteer CTA's.
  • Beweeg de muis over een CTA en klik op Acties > Insluiten.
  • Klik op Kopieer naar klembord om de CTA-code naar uw klembord te kopiëren.
  • Navigeer naar het content management systeem (CMS) van je externe website.
  • Plak de CTA embed code in de HTML van uw niet-HubSpot pagina, waar u de CTA wilt laten verschijnen.
  • Bekijk een voorbeeld van je CTA op de webpagina om te controleren hoe deze er live uitziet. Als de CTA niet correct wordt weergegeven, controleer dan of je externe CMS de code die je hebt gekopieerd niet heeft gewijzigd.
  • Als je klaar bent, publiceer dan je pagina.

Activeer een CTA bij het klikken op een knop op je externe website

Voordat je een CTA op je externe website gebruikt, moet je ervoor zorgen dat je de HubSpot tracking code hebt geïnstalleerd. Om je trigger op een externe pagina in te stellen:

  • Navigeer in je HubSpot-account naar Marketing > Lead Capture > CTA's.
  • Klik linksboven op het vervolgkeuzemenu en selecteer CTA's.
  • Beweeg de muis over een CTA en klik op Bewerken.
  • Klik bovenaan op het tabblad Targeting .
  • Klik onder de sectie Trigger bij klikken op knop op Codefragment.



  • Klik in het dialoogvenster op Kopiëren.
  • Plak de embed classes in je knop op je externe website. Als je niet zeker weet hoe je CSS-klassen toevoegt aan de knoppen op je site, moet je misschien samenwerken met je webmaster, IT-afdeling of ontwikkelaar.





Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.