CTA’s (verouderde versie) op je externe website insluiten

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

De oude CTA's van HubSpot kunnen zowel op HubSpot-pagina's als op niet-HubSpot-pagina's worden gebruikt. Gebruik HubSpot-CTA's op je externe website om leads aan te trekken en te converteren.

Zorg ervoor dat de HubSpot-trackingcode op je pagina's is geïnstalleerd voordat je CTA's (legacy) op je externe site insluit.

Voordat je aan de slag gaat

Houd rekening met het volgende voordat je een CTA (legacy) aan je externe site toevoegt:

• CTA's die op je externe website zijn ingesloten, worden automatisch wereldwijd bijgewerkt wanneer er een wijziging is aangebracht in de inhoud, tekst of het algemene ontwerp van de CTA.
• Vanwege verschillen in contentmanagementsystemen (CMS) kunnen de stappen om toegang te krijgen tot de HTML-code van uw site en de CTA-code (legacy) in te sluiten, verschillen. Als u niet zeker weet hoe u toegang krijgt tot de HTML-code van uw site of hoe u een externe code insluit, stuur dit artikel dan per e-mail naar uw webmaster, IT-afdeling of technische contactpersoon.

• Als u een CTA op een WordPress-site insluit, houd dan rekening met het volgende:

  • Als u een CTA op uw WordPress-site insluit, moet u mogelijk aanvullende CSS-declaraties toepassen in uw externe stylesheet om de CTA responsief te maken.
  • Als je merkt dat je CTA niet werkt in WordPress of dat de insluitcode wordt gewijzigd wanneer je de livepagina bekijkt, moet je de CTA mogelijk via een plug-in invoegen om ervoor te zorgen dat de insluitcode intact blijft.
  • Als je de nieuwste versie van Gutenberg gebruikt, waarin inline JavaScript is verwijderd, gebruik dan de plug-in ‘Inline JS Block for Gutenberg’ om formulieren en CTA’s in je pagina in te sluiten.
    
    

Een CTA (legacy) insluiten op uw externe site

Om een CTA-knop op je externe site in te sluiten:

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. Beweeg in het dashboard 'CTA's (legacy)' de muisaanwijzer over een CTA, klik op 'Acties ' en selecteer 'Inbeddingscode'.
   
4. Klik in het dialoogvenster op 'Kopiëren'.
   
   

5. Ga naar het contentmanagementsysteem (CMS) van je externe website.
6. Plak de insluitcode van de CTA in de HTML-code van je niet-HubSpot-pagina, op de plek waar je de CTA wilt weergeven.
7. Bekijk een voorbeeld van je CTA op de webpagina om te controleren hoe deze eruitziet wanneer deze live is.
   • Als de CTA niet correct wordt weergegeven, controleer dan of uw externe CMS de code die u hebt gekopieerd niet heeft gewijzigd.
   • Als je een afbeelding-CTA gebruikt, moet je mogelijk extra opmaak toevoegen om ervoor te zorgen dat de afbeelding-CTA responsief is.
8. Als je klaar bent, publiceer je je pagina.