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

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.

Nadat je een CTA aan je inhoud hebt toegevoegd, kun je, als je 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 je CTA. Bijvoorbeeld, nadat een bezoeker een formulier op een CTA heeft ingediend, kun je een reeks marketinge-mails activeren om je nieuwe contactpersoon te voeden.

Begrijp het toevoegen van CTA's aan je inhoud

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. Ingesloten 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 te verschijnen 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 doelpagina's en voor de opgegeven bezoekers:
    • 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.

Een CTA toevoegen aan een HubSpot-pagina

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

1. Navigeer naar uw inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam van je inhoud.
3. Klik in de inhoudseditor op de knop + Toevoegen in de linkerzijbalk.
4. Zoek en klik in de zijbalkeditor op de module Call-to-action en sleep deze naar positie op de pagina.
5. Klik in de CTA-sectie op Selecteren
   

Een CTA toevoegen aan een HubSpot blogpost

1. Ga in je HubSpot-account naar Inhoud > Blog.
2. Klik op de naam van je bericht.
3. Klik in de inhoudseditor op de rijke tekstmodule om de inhoud aan te passen.
4. Klik in de werkbalk Rijke tekst op Invoegen > Oproep tot actie
   

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

Activeer je CTA bij het klikken op een knop in HubSpot

1. Navigeer naar uw inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam
3. Zoek en selecteer de standaardknopmodule in het linkerpaneel op het tabblad Toevoegen . 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 je knopmodule
   

Een ingesloten CTA toevoegen aan je e-mails met 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.

Een CTA toevoegen in de e-maileditor met slepen en neerzetten:

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Beweeg de muis over de e-mail waaraan je de CTA wilt toevoegen en klik vervolgens op Bewerken. Of maak een nieuwe e-mail.
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 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 activeren als je op een knop klikt

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

Als u een standaardthema bewerkt, moet u deze eerst klonen. 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.

De knoppenmodule van je thema aanpassen:

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Zoek linksboven naar je knopmodule.
3. Ga in het rechterpaneel met de muis over Button (Veldgroep) en klik op Edit (Bewerken).
4. Ga onder Gegroepeerde velden met de muis 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. Na het publiceren van uw wijzigingen zou de CTA-optie moeten verschijnen wanneer u de themaknopmodule op uw pagina's gebruikt
   

Voeg een CTA toe aan je externe inhoud

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

Voor sticky banners, pop-up boxen of slide-in oproepen tot acties, zal het installeren van de traceercode ervoor zorgen dat de CTA verschijnt wanneer aan de eerste activeringstrigger is voldaan. Je hoeft de CTA niet in te sluiten op je pagina en de insluitoptie verschijnt niet bij het bekijken van de CTA.

Maar specifiek voor ingesloten CTA's of CTA's die worden geactiveerd wanneer een bezoeker op een knop klikt, moet je de CTA handmatig toevoegen.

Een CTA insluiten op je externe website

Een ingesloten CTA toevoegen aan je externe pagina's:

1. Ga in je HubSpot-account naar Marketing > CTA's.
2. Klik linksboven op het vervolgkeuzemenu en selecteer CTA's.
3. Ga met de muis over een CTA, klik op Acties en selecteer Insluiten.
4. Klik op Kopieer naar klembord om de CTA-code naar je klembord te kopiëren.
5. Navigeer naar het content management systeem (CMS) van je externe website.
6. Plak de CTA embed code in de HTML van uw niet-HubSpot pagina, waar u de CTA wilt laten verschijnen.
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 dan je pagina.

Over het algemeen heeft het bewerken van de CTA geen invloed op de insluitcode. Bijvoorbeeld, het bewerken van de Open link in nieuw tabblad optie zal het target="_blank" attribuut in de insluitcode niet veranderen.

Het insluiten van een codeknipsel werkt als een plaatshouder voordat de iframe versie van de CTA wordt weergegeven. Deze gerenderde versie van de CTA zal de juiste waarde voor Openen in nieuw tabblad weergeven die is ingesteld in de editor.

Om een koppeling in hetzelfde venster in de plaatshouder te openen, kunnen gebruikers de tag met het doelattribuut handmatig wijzigen in target="_self"

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

Voordat je een CTA op je externe website gebruikt, moet je de HubSpot trackingcode installeren. Zo stel je een trigger in op een externe pagina:

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

6. Klik in het dialoogvenster op Kopiëren.
7. 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.