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.

Maak knoppen met oproepen tot actie (CTA)

Laatst bijgewerkt: mei 22, 2023

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

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

Een knop call-to-action (CTA) is een knop die je kunt gebruiken op je HubSpot content om potentiële klanten naar je website te leiden, waar ze vervolgens kunnen converteren op een formulier en worden toegevoegd aan je contacten database.

Button CTA's moeten visueel aantrekkelijk, actiegericht en gemakkelijk te vinden zijn op je pagina's en e-mails. Nadat je jebutton CTA hebt gemaakt, kun je de views en clicks van je CTA bekijken. Meer informatie over het analyseren van de prestaties van uwknop CTA's.

Maak een knop CTA

Wanneer u eenknop CTA maakt, kunt u een aangepaste knop ontwerpen of een afbeelding gebruiken als uw CTA. Om te beginnen met het maken van eenknop CTA:
  • Navigeer in je HubSpot-account naar Marketing > Lead Capture > Button CTA's.
  • Klik rechtsboven op CTA maken.

Ontwerp een aangepaste knop

Je kunt je knop CTA instellen als een aangepaste knop met behulp van de ontwerpopties in de CTA-editor. Om uw CTA als een aangepaste knop te ontwerpen:

  • Selecteer in het rechterpaneel Aangepaste knop.
  • Stijl je knop CTA met de volgende opties:
    • Knopinhoud: voer de tekst in die op uw CTA-knop wordt weergegeven. U kunt ook emoji's toevoegen. Uw contacten en bezoekers zien de native emoji-stijl voor het apparaat dat ze gebruiken (Mac, Windows, Chrome, Android, enz.).
    • Knopstijl: gebruik het dropdownmenu om een stijl voor je CTA-knop te selecteren. Als je wilt dat je knop eruitziet als een gewone tekstlink, selecteer dan Link (geen stijl) in het dropdown-menu.
    • Knopkleur: klik op de kleurenkiezer of voer een aangepaste hexadecimale kleurwaarde in in het veld Knopkleur.
    • Geavanceerde opties: klik op Geavanceerde opties om de pixelvulling en CSS-styling van uw CTA aan te passen.
  • Klik onderaan het rechterpaneel op Volgende >.




Een afbeeldingsknop ontwerpen

In plaats van een aangepaste knop te ontwerpen, kunt u ook een afbeelding uploaden om te gebruiken als het ontwerp van uw knop CTA . Om uw CTA als een afbeeldingsknop te ontwerpen:

  • Selecteer in het rechterpaneel Afbeeldingsknop.
  • Upload je afbeelding en stijl je knop CTA :
    • Uploaden: selecteer een afbeeldingsbestand van uw apparaat.
    • Bladeren door afbeeldingen: selecteer een afbeelding uit uw bestandsbeheerder. Selecteer in het paneel Afbeelding invoegen een afbeelding om als CTA-knop te gebruiken.
    • Breedte: pas debreedte van de afbeeldingsknop aan . Meer informatie over retina-optimalisatie voor geüploade afbeeldingen.
    • Hoogte: pas de hoogte van de afbeeldingsknop aan.
    • Alt-tekst: voer alt-tekst in voor de afbeelding.
  • Klik onderaan het rechterpaneel op Volgende >.



Stel uw knop CTA-opties in

Na het ontwerpen van je CTA, stel je de knop CTA-opties in om de naam van je CTA te bepalen, waar je CTA naartoe zal leiden en eventuele bijbehorende campagnes.

Om uw knop CTA opties in te stellen:

  • In de pagina Opties configureer je het volgende:
    • CTA interne naam: voer een naam in voor je knop CTA . Alleen gebruikers in je HubSpot account kunnen de interne naam van de CTA zien.
    • URL redirect type: selecteer een optie voor je knop CTA om naar door te verwijzen.
      • Externe website URL: link je knop CTA naar een externe pagina buiten HubSpot. Voer in het veld URL invoeren de website-URL in waar je bezoekers naartoe wilt leiden.
      • HubSpot-pagina of blogpost: koppel je knop CTA aan een van je HubSpot-pagina's of blogposts. Klik op het HubSpot pagina of blog post dropdown menu en selecteer vervolgens een pagina of post. De button CTA 's link zal worden gekoppeld aan de pagina ID en elke verandering in de URL van de pagina zal automatisch de button CTA 's link updaten.
      • Meeting link: koppel je button CTA aan een HubSpot meeting link. Klik op de Kies een vergaderingslink dropdown en selecteer een vergaderingslink. Om deze link in een nieuwe pagina te openen, schakel je het selectievakje Open pagina in nieuw venster in.
      • Bestandslink: koppel je knop CTA aan een bestand in je bestandsbeheer. Klik op Bestanden bladeren en kies een bestand, selecteer vervolgens het selectievakje Pagina openen in nieuw venster als je wilt dat bezoekers die op de knop CTA klikken de afbeelding in een nieuw browservenster bekijken.
      • E-mailadres: maak een mailto link.
      • Telefoonnummer: maak een link om het opgegeven telefoonnummer te bellen.
    • Campagne: als u uw button CTA analytics aan een campagne wilt koppelen, klik dan op het dropdown menu en selecteer een campagne.
  • Klik op Opslaan. Uw knop CTA wordt nu bovenaan het deelvenster weergegeven.

Let op:

  • De button CTA tool ondersteunt geen personalisatie tokens. Het toevoegen van een personalisatietoken aan een knop CTA zal resulteren in een fout. In uw blogberichten, pagina's of marketinge-mails kunt u overwegen om in plaats daarvan personalisatietokens met een knopmodule te gebruiken.
  • Bij het opzetten van pagina's met content staging worden button CTA's niet automatisch bijgewerkt en blijven ze gekoppeld aan de oorspronkelijke pagina. Het is raadzaam om bestaande knop-CTA 's bij te werken of nieuwe knop-CTA 's te maken voor uw nieuwe pagina's.

Voltooi het maken van uw knop CTA

Nadat u het ontwerp en de opties van uw knop CTA hebt ingesteld, kunt u het volgende doen:
  • Om de interne naam van de knop CTA te bewerken, klikt u op het potloodpictogram bovenaan om de interne naam van de CTA tebewerken .
  • Klik op Sluiten om het maken van een knop CTA te voltooien.
  • Om een slimme knop CTA te maken, klikt u op Slimme versie maken.
  • Om je knop CTA te A/B-testen, klik je op Multivariate test maken.



Extra knop CTA acties

Op het button CTA dashboard kun je metrieken op hoog niveau analyseren om te zien hoe je button CTA's presteren en actie ondernemen op elk van de vermelde CTA's:

  • Om een voorbeeld van uw knop CTA te bekijken, gaat u met de muis over uw knop CTA en klikt u op Voorbeeld om uw CTA weer te geven in een voorbeeldvenster aan de zijkant.
  • Om actie te ondernemen op je knop CTA , klik je op het vervolgkeuzemenu Acties en kies je een van de volgende:
    • Bewerken: maak wijzigingen in uw knop CTA in de knop CTA editor.
    • Maak multivariate test: maak een tweede versie van je knop CTA om een A/B-test uit te voeren met je contacten en bezoekers.
    • Slimme versie maken: maak een slimme knop CTA die verschillende versies van de knop CTA weergeeft, afhankelijk van specifieke weergave regels.
    • Details bekijken: bekijk de analytics voor je knop CTA , zoals het aantal weergaven, klikken en inzendingen.
    • Kloon: maak een exacte kopie van je knop CTA .
    • Embed code: voeg uw knop CTA toe aan uw externe pagina's door de embed code te kopiëren en te plakken.
    • Verwijderen: verwijder je knop CTA definitief.

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