Call-to-actions (CTA’s) aanmaken (verouderde versie)

Let op: accountsdie na 17 maart 2025 zijn aangemaakt, hebben geen toegang tot de CTA (legacy)-tool.

Een legacy call-to-action (CTA) is een knop die je in je HubSpot-content kunt gebruiken om potentiële klanten naar je website te leiden, waar ze vervolgens via een formulier kunnen converteren. Nadat je je CTA hebt aangemaakt, kun je het aantal weergaven en klikken op je CTA bekijken. Lees meer over het analyseren van de prestaties van je CTA (legacy).

Als je meer soorten CTA's wilt aanmaken, zoals knoppen, banners of pop-ups, lees dan hoe je de nieuwe CTA-editor kunt gebruiken.

Een CTA (legacy) maken

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > CTA's. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > CTA's.
2. Klik linksboven op het vervolgkeuzemenu en selecteer CTA's (Legacy).
3. Klik rechtsboven op 'CTA maken'.

Ontwerp een aangepaste knop

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

1. Selecteer ‘Aangepaste knop’ in het rechterpaneel.
2. Pas de stijl van jeknop aan met de volgende opties:
   • Knopinhoud: voer de tekst in die op je CTA-knop wordt weergegeven. Je kunt ook emoji's toevoegen. Je contacten en bezoekers zien de standaard emoji-stijl voor het apparaat dat ze gebruiken (Mac, Windows, Chrome, Android, enz.).
   • Knopstijl: gebruik het vervolgkeuzemenu om een stijl voor je CTA-knop te selecteren. Als je wilt dat je knop eruitziet als een gewone tekstlink, selecteer je 'Link (geen stijl)' in het vervolgkeuzemenu.
   • Knopkleur: klik op de kleurenkiezer of voer een aangepaste hex-kleurwaarde in het veld ‘Knopkleur’ in.
   • Geavanceerde opties: klik op ‘Geavanceerde opties’ om de pixelafstand en CSS-opmaak van je CTA aan te passen.
3. Klik onderaan het rechterpaneel op Volgende >.
   
   
   
   

Een afbeeldingsknop ontwerpen

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

1. Selecteer ‘Afbeeldingsknop’ in het rechterpaneel.
2. Upload je afbeelding en pas de stijl van je CTA aan:
   
   • Uploaden: selecteer een afbeeldingsbestand op je apparaat.
   • Afbeeldingen doorbladeren: selecteer een afbeelding uit je bestandsbeheer. Selecteer in het paneel 'Afbeelding invoegen' een afbeelding die je als CTA-knop wilt gebruiken.
   • Breedte: pas debreedte van de afbeeldingsknop aan. Lees meer over Retina-optimalisatie voor geüploade afbeeldingen.
   • Hoogte: pas de hoogte van de afbeeldingsknop aan.
   • Alternatieve tekst: voer alternatieve tekst voor de afbeelding in.
3. Klik onderaan het rechterpaneel op Volgende >.
   
   
   
   

Stel je CTA-opties (oude versie) in

Nadat u uw CTA (legacy) hebt ontworpen, stelt u de opties van uw CTA in om de naam van uw CTA te bepalen, waarnaar uw CTA doorverwijst en eventuele bijbehorende campagnes.

Zo stelt u de opties van uw CTA in:

1. Configureer op de pagina Opties het volgende:
   • Interne naam van de CTA: voer een naam in voor je CTA. Alleen gebruikers in je HubSpot-account kunnen de interne naam van de CTA zien.
   • Type URL-omleiding: selecteer een optie waarnaar je CTA moet doorverwijzen.
     • URL van externe website: koppel je CTA aan een externe pagina buiten HubSpot. Voer in het veld 'URL invoeren' de URL van de website in waarnaar je bezoekers wilt doorverwijzen.
     • HubSpot-pagina of blogbericht: koppel je CTA aan een van je HubSpot-pagina's of blogberichten. Klik op het vervolgkeuzemenu 'HubSpot-pagina of blogbericht' en selecteer vervolgens een pagina of bericht. De link vande CTA-knop wordt gekoppeld aan de pagina-ID en eventuele wijzigingen in de URL van de pagina zorgen ervoor dat de link vande CTA-knop automatisch wordt bijgewerkt.

• • • Vergaderlink: koppel je CTA aan een HubSpot-vergaderlink. Klik op het vervolgkeuzemenu ‘Kies een vergaderlink’ en selecteer vervolgens een vergaderlink. Om deze link in een nieuw venster te openen, vink je het selectievakje ‘Pagina in nieuw venster openen’ aan.
    • Bestandslink: koppel je CTA aan een bestand in je bestandsbeheer. Klik op ‘Blader door bestanden’ en kies een bestand. Vink vervolgens het selectievakje ‘Open pagina in nieuw venster’ aan als je wilt dat bezoekers die op deCTA-knop klikken, de afbeelding in een nieuw browservenster te zien krijgen.
    • E-mailadres: maak een 'mailto'-link aan.
    • Telefoonnummer: maak een link om het opgegeven telefoonnummer te bellen.

• • Campagne: als u de (oude) statistieken van uw CTA aan een campagne wilt koppelen, klikt u op het vervolgkeuzemenu en selecteert u een campagne.

2. Klik op 'Opslaan'. Uw CTA wordt nu bovenaan het paneel weergegeven.
   
   

Rond het aanmaken van je CTA (legacy) af

1. Om de interne naam van de CTA te bewerken, klik jebovenaan op hetpotloodpictogram edit om de interne naam van de CTA te bewerken.
2. Klik op Sluiten om het aanmaken van je CTA te voltooien.
3. Om een CTAmet slimmeknop te maken, klikt u op 'Slimme versie maken'.
4. Om een A/B-test uit te voeren op jeknop -CTA, klik je op 'Multivariate test maken'.
   
   

Extra CTA-acties (verouderd)

Op het CTA-dashboard (oude versie) kunt u algemene statistieken analyseren om te bekijken hoe uw CTA's presteren en actie ondernemen voor elk van de weergegeven CTA's:

1. Om een voorbeeld van uw CTA te bekijken, plaatst u de muisaanwijzer op de CTA en klikt u op ‘Voorbeeld’ om uw CTA in een voorbeeldvenster in de zijbalk weer te geven.
2. Om actie te ondernemen met betrekking tot uw CTA, klikt u op het vervolgkeuzemenu 'Acties' en kiest u een van de volgende opties:
   • Bewerken: breng wijzigingen aan in uw CTA in de (oude) CTA-editor.
   • Multivariate test maken: maak een tweede versie van uw CTA om een A/B-test uit te voeren met uw contacten en bezoekers.
   • Slimme versie maken: maak een CTA met een slimmeknop die verschillende versies van de CTA weergeeft op basis van specifieke weergaveregels.
   • Details bekijken: bekijk de statistieken voor je CTA, zoals het aantal weergaven, klikken en inzendingen.
   • Kloon: maak een exacte kopie van je CTA.
   • Inbeddingscode: voeg je CTA toe aan je externe pagina's door de inbeddingscode te kopiëren en te plakken.
   • Gebruikers en teams toewijzen: beperk de toegang tot je CTA (legacy) tot specifieke gebruikers of teams. Lees meer over het beperken van de toegang tot je HubSpot-assets.
   • Verwijderen: verwijder je CTA definitief.