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

Nadat je je call-to-action (CTA) hebt gemaakt, kun je de CTA toevoegen aan zowel HubSpot- als externe pagina's. Bij het configureren van je CTA voor externe pagina's moet de HubSpot-trackingcode zijn geïnstalleerd. Je kunt ook CTA's toevoegen aan je drag-and-drop-marketingmails.

Nadat u een CTA aan uw content hebt toegevoegd, kunt u, als u een Marketing Hub- of Content Hub Professional- of Enterprise-abonnement hebt, een workflow maken om acties te automatiseren nadat een bezoeker interactie heeft gehad met uw CTA. Nadat een bezoeker bijvoorbeeld een formulier op een CTA heeft ingediend, kunt u een reeks marketingmails activeren om uw nieuwe contactpersoon te koesteren. 

Uenerstand CTA's toevoegen aan uw content

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

• Als u ingebouwde CTA's gebruikt, kunt u maximaal 100 ingebouwde CTA's per pagina toevoegen. Ingebouwde CTA's kunnen op de volgende manieren worden gebruikt:
  • De standaard call-to-action-module in HubSpot-pagina's
  • De standaardknopmodule in een marketing-e-mail
  • Een codefragment op uw externe website
• Als u een sticky banner, pop-upvenster of slide-in call-to-action gebruikt, kunt u het volgende doen:
  • De CTA activeren wanneer een bezoeker op een knop klikt.

• • Selecteer een of meer activeringstriggers en stel vervolgens doelen in met behulp van de URL van de website of bezoekersinformatie. Zodra aan de eerste trigger is voldaan, verschijnt de CTA op de beoogde pagina's en voor de opgegeven bezoekers: 
    • Trigger bij scrollen op de pagina
    • Trigger bij intentie om de pagina te verlaten
    • Trigger na verstreken tijd
    • Trigger na inactiviteit

Voeg een CTA toe aan je HubSpot-content

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.

Om echter een ingebedde CTA of CTA te gebruiken die wordt geactiveerd wanneer een bezoeker op een knop klikt, moet je de CTA handmatig toevoegen. 

Een CTA toevoegen aan een HubSpot-pagina

U kunt CTA's insluiten op pagina's die worden gehost op HubSpot met behulp van de module Call-to-action. 

1. Navigeer naar uw content: 

   • Websitpagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op denaam vanuw content. 
3. Klik in de contenteditor op de knop + Toevoegenin de linkerzijbalk. 
4. Zoek in de zijbalkeditor naar de module Call-to-action, klik erop en sleep deze naar de gewenste positieopde pagina. 
5. Klik in hetgedeelte CTAopSelecteer een call-to-action.
    

Een CTA toevoegen aan een HubSpot-blogpost

1. Ga in je HubSpot-account naar Inhoud > Blog.
2. Klik op denaam vanje bericht. 
3. Klik in de inhoudseditor op de rich text-module om de inhoud aan te passen.
4. Klik in de werkbalk voor rich text op Invoegen>Call-to-action.
    

5. Klik in het rechterpaneel op het tabblad CTA's .
6. Selecteer eenCTAdie u wilt invoegen en klik vervolgens opInvoegen. 
7. Klik in het linkerpaneel op Wijzigingen toepassen. De geselecteerde CTA wordt nu weergegeven in je rich text-editor en in je voorbeeldweergave. 

Activeer uw CTA wanneer er op een knop wordt geklikt in HubSpot U

1. Navigeer naar uw inhoud:

   • Websitepagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op denaam 
3. Zoek in het linkerpaneel, op het tabblad Toevoegen , naar de standaardknopmodule en selecteer deze. Klik op de knopmodule en sleep deze naar uw pagina.
    

4. Klik in het linkerpaneel op het vervolgkeuzemenu Link naar en selecteer CTA.
5. Klik op het vervolgkeuzemenu CTA en selecteer een bestaande CTA. 
6. Ga verder met het instellen van uw knopmodule.
    

Voeg een ingebedde CTA toe aan uw drag-and-drop marketingmails

Voeg ingebedde CTA's toe aan uw drag-and-drop marketingmails en volg de effectiviteit van uw CTA-aanbieding op meerdere contactpunten.

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

Om een CTA toe te voegen in de drag-and-drop e-maileditor:

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Beweeg de muisaanwijzer over de e-mail waaraan u de CTA wilt toevoegen en klik vervolgens op Bewerken. Of maak een nieuwe e-mail aan.
3. Klik in het linkerpaneel op de knopmodule en sleep deze naar de e-maileditor.
    

4. Klik in het linkerpaneel op het vervolgkeuzemenu Link naar. Selecteer vervolgens CTA. 
5. Klik onder het veld CTA op Selecteren. 
6. Selecteer in het rechterpaneel een CTAdie u wilt invoegen en klik vervolgens opInvoegen. 
   

Pas de knoppen van een thema aan om uw CTA te activeren wanneer er op de knop wordt geklikt

Als u een aangepast thema in HubSpot gebruikt, moet u mogelijk de knopmodule van het thema aanpassen om een CTA te activeren.

Als je een standaardthema bewerkt, moet je deze eerst klonen. Thema's die zijn gekocht in de Asset Marketplacekunnen niet worden gekloond; het wordt aanbevolen om in plaats daarvaneen onderliggend thema te maken.

Om de knopmodule van je thema aan te passen: 

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Zoek linksboven naar uw knopmodule. 
3. Beweeg in het rechterpaneel de muisaanwijzer over Knop (veldgroep) en klik op Bewerken.
4.  Beweeg onder Gegroepeerde velden de muisaanwijzer over URL (URL) en klik op Bewerken.
5. Klik op het vervolgkeuzemenu Ondersteunde URL-typen. Schakel vervolgens het selectievakje CTA in. 
6. 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 uw externe content

Om een CTA toe te voegen aan uw externe pagina's, moet u de HubSpot-trackingcode installeren.

Voor sticky banners, pop-upvensters of slide-in call-to-actions zorgt het installeren van de trackingcode ervoor dat de CTA verschijnt wanneer aan de eersteactiveringstriggeris voldaan. U hoeft de CTA niet in uw pagina in te sluiten en de insluitoptie wordt niet weergegeven wanneer u de CTA bekijkt.

Voor ingesloten CTA's of CTA's die worden geactiveerd wanneer een bezoeker op een knop klikt, moet u de CTA echter handmatig toevoegen.

Een CTA insluiten op uw externe website

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

1. Ga in je HubSpot-account naar Marketing > CTA's.
2. Klik linksboven op het vervolgkeuzemenu en selecteerCTA's.
3. Beweeg de muisaanwijzer over een CTA, klik op Acties en selecteerInsluiten.
4.  Klik op Kopiëren naar klembord om de CTA-code naar uw klembord te kopiëren. 
5. Ga naar het contentmanagementsysteem (CMS) van uw externe website. 
6. Plak de CTA-insluitcode in de HTML van uw niet-HubSpot-pagina, op de plaats waar u de CTA wilt weergeven. 
7. 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 niet heeft gewijzigd.
8. Als je klaar bent, publiceer je je pagina. 

Over het algemeen heeft het bewerken van de CTA geen invloed op de insluitcode. Als u bijvoorbeeld de optie Link openen in nieuw tabblad bewerkt, wordt het kenmerk target="_blank" in de insluitcode niet gewijzigd.

Het insluitcodefragment fungeert als een tijdelijke aanduiding voordat de iframe-versie van de CTA wordt weergegeven. Deze weergegeven versie van de CTA geeft de juiste waarde Openen in nieuw tabblad weer die in de editor is ingesteld.

Om een link in hetzelfde venster in de plaatshouder te openen, kunnen gebruikers de tag van het target-attribuut handmatig wijzigen in target="_self".

Activeer een CTA wanneer er op een knop op uw externe website wordt geklikt

Voordat u een CTA op uw externe website kunt gebruiken, moet u de HubSpot-trackingcode installeren. Om uw trigger op een externe pagina in te stellen:

1. Ga in je HubSpot-account naar Marketing > CTA's.
2. Klik linksboven op het vervolgkeuzemenu en selecteerCTA's.
3. Beweeg de muisaanwijzer over een CTA en klik op Bewerken. 
4. Klik bovenaan op het tabblad Targeting . 
5. Klik onder het gedeelte Trigger bij klik op knop op Codefragment.

6. Klik in het dialoogvenster op Kopiëren. 
7. Plak de insluitklassen in uw knop op uw externe website. Als u niet zeker weet hoe u CSS-klassen aan de knoppen op uw site kunt toevoegen, moet u wellicht contact opnemen met uw webmaster, IT-afdeling of ontwikkelaar.