Laatst bijgewerkt: oktober 27, 2022
HubSpot knop CTA's kunnen worden gebruikt op zowel HubSpot als niet-HubSpot pagina's. Gebruik HubSpot knop CTA's op je externe site om leads aan te trekken en te converteren.
Voordat je knop CTA's insluit op je externe site, moet je ervoor zorgen dat de HubSpot tracking code is geïnstalleerd op je pagina's.
Voordat je begint
Houd rekening met het volgende voordat je een knop CTA op je externe site toevoegt:
- Button CTA's die zijn ingesloten op je externe website worden automatisch globaal bijgewerkt wanneer er een wijziging is aangebracht in de inhoud, tekst of het algemene ontwerp van de CTA.
- Vanwege verschillen in content management systemen (CMS) kunnen de stappen om toegang te krijgen tot de HTML-code van uw site en de knop CTA-code 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 kunt insluiten, stuur dit artikel dan per e-mail naar uw webmaster, IT-afdeling of technische bron.
-
Als u een CTA insluit op een WordPress-site, let dan op het volgende:
- Als u een CTA insluit op uw WordPress-site, moet u mogelijk extra CSS-declaraties toepassen binnen uw externe stylesheet om de CTA responsief te maken.
- Als u merkt dat uw CTA niet werkt in WordPress of dat de insluitingscode wordt gewijzigd wanneer u de live pagina bekijkt, moet u de CTA misschien invoegen met behulp van een plugin om ervoor te zorgen dat de insluitingscode intact blijft.
- Als je de nieuwste versie van Gutenberg gebruikt, die inline JavaScript verwijdert, gebruik dan de plugin Inline JS Block for Gutenberg om formulieren en CTA's op je pagina te embedden.
Een knop CTA insluiten op je externe site
Om een knop CTA in te sluiten op je externe site:
- Navigeer in je HubSpot-account naar Marketing > Lead Capture > Knop CTA's.
- Ga in het Calls-to-action dashboard met de muis over een CTA en klik op Actions > Embed code .
- Klik in het dialoogvenster op Kopiëren.
- Navigeer naar het content management systeem (CMS) van uw externe website.
- Plak de CTA embed code in de HTML van uw niet-HubSpot pagina, waar u wilt dat de CTA verschijnt.
- Voorbeeld van uw CTA op de webpagina om te controleren hoe deze er live uitziet. Als de CTA niet correct wordt weergegeven, controleer dan of uw externe CMS de code die u heeft gekopieerd niet heeft gewijzigd. Als je een CTA met afbeelding gebruikt, moet je misschien extra styling toevoegen om ervoor te zorgen dat de CTA met afbeelding responsief is.
- Als je klaar bent, publiceer je je pagina.
