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.

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 te verschijnen wanneer een bezoeker op een knop klikt.

• • Een of meer activeringstriggers selecteren en vervolgens doelen instellen 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

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.

• Navigeer naar je inhoud:

  • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
  • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
• Klik op de naam van uw inhoud.
• Klik in de inhoudseditor op de knop + Toevoegen in de linkerzijbalk.
• Zoek en klik in de zijbalkeditor op de module Oproep tot actie en sleep deze naar de pagina.
• Klik in de CTA-sectie op Selecteren.
  

Een CTA aan een HubSpot blogpost toevoegen

• Ga in je HubSpot-account naar Inhoud > Blog.
• Klik op de naam van je bericht.
• Klik in de inhoudseditor op de rich text module om de inhoud aan te passen.
• Klik in de werkbalk Rijke tekst 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 op je voorvertoning.
  

Activeer je CTA bij het klikken op een knop in HubSpot

• Navigeer naar je content:

  • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
  • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.

• Klik op de naam
• Zoek en selecteer de standaardknopmodule in het linkerpaneel op het tabblad Toevoegen . 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 > 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, moet je mogelijk de knoppenmodule van het thema aanpassen om een CTA te triggeren.

Als je een standaardthema bewerkt, moet je 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.

Om de knopmodule van je thema aan te passen:

• Ga in je HubSpot-account naar Inhoud > Design Manager.
• Zoek linksboven naar de knopmodule.
• Beweeg de muisaanwijzer in het rechterpaneel 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:

• Ga in je HubSpot-account naar Marketing > 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 je 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 niet heeft gewijzigd.

• 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 de code fungeert als een plaatshouder voordat de iframe versie van de CTA wordt gerenderd. Deze gerenderde versie van de CTA zal de juiste Open in nieuw tabblad waarde weergeven die is ingesteld in de editor.

Om een link in hetzelfde venster te openen in de placeholder, kunnen gebruikers de target attribute tag handmatig wijzigen in target="_self".

Een CTA triggeren bij een klik op een knop op je externe website

Voordat je een CTA op je externe website gebruikt, moet je de HubSpot trackingcode installeren. Om je trigger op een externe pagina in te stellen:

• Ga in je HubSpot-account naar Marketing > 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.