- Kunskapsbas
- Marknadsföring
- CTAs
- Embed calls-to-action (CTA) on your external site
Bädda in CTA:er (äldre version) på din externa webbplats
Senast uppdaterad: 3 augusti 2026
Tillgänglig med något av följande abonnemang, om inte annat anges:
-
Marketing Hub Professional, Enterprise
-
Content Hub Professional, Enterprise
Observera: Konton som skapas efter den 17 mars 2025 har inte tillgång till CTA-verktyget (äldre version).
HubSpots äldre CTA:er kan användas både på HubSpot-sidor och på sidor som inte tillhör HubSpot. Använd HubSpot-CTA:er på din externa webbplats för att attrahera och konvertera leads.
Innan du bäddar in CTA:er (äldre version) på din externa webbplats måste du se till att HubSpots spårningskod är installerad på dina sidor.
Behörigheter krävs Behörigheter som superadministratör eller behörigheter för blogg, e-post, landningssidor eller webbplatssidor krävs för att skapa och hantera CTA:er (äldre version).
Innan du börjar
Innan du lägger till en CTA (äldre version) på din externa webbplats bör du beakta följande:
- CTA:er som är inbäddade på din externa webbplats uppdateras automatiskt globalt när en ändring har gjorts i innehållet, texten eller den allmänna utformningen av CTA:n.
- På grund av skillnader mellan olika innehållshanteringssystem (CMS) kan stegen för att komma åt webbplatsens HTML-kod och bädda in koden för CTA (äldre version) variera. Om du är osäker på hur du kommer åt webbplatsens HTML-kod eller bäddar in en extern kod, skicka den här artikeln via e-post till din webbansvarig, IT-avdelning eller teknisk support.
-
Om du bäddar in en CTA på en WordPress-webbplats bör du beakta följande:
- Om du bäddar in en CTA på din WordPress-webbplats kan du behöva lägga till ytterligare CSS-deklarationer i ditt externa stilark för att göra CTA:n responsiv.
- Om du märker att din CTA inte fungerar i WordPress eller att inbäddningskoden ändras när du visar sidan live kan du behöva infoga CTA:n med hjälp av ett plugin för att säkerställa att inbäddningskoden förblir intakt.
- Om du använder den senaste versionen av Gutenberg, som tar bort inline-JavaScript, ska du använda pluginet Inline JS Block for Gutenberg för att bädda in formulär och CTA:er på din sida.
Bädda in en CTA (äldre version) på din externa webbplats
Så här bäddar du in en CTA-knapp på din externa webbplats:
- I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > CTA:er. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > CTA:er.
- Klicka på rullgardinsmenyn längst upp till vänster och välj CTA:er (äldre version).
- På instrumentpanelen för CTA:er (äldre version) håller du muspekaren över en CTA, klickar på Åtgärder och väljer Bädda in kod.
- Klicka på Kopiera i dialogrutan.
- Gå till innehållshanteringssystemet (CMS) för din externa webbplats.
- Klistra in CTA-inbäddningskoden i HTML-koden på din sida utanför HubSpot, där du vill att CTA:n ska visas.
- Förhandsgranska din CTA på webbsidan för att se hur den ser ut när den är live.
- Om CTA:n inte visas korrekt ska du kontrollera att ditt externa CMS inte har ändrat koden som du kopierade.
- Om du använder en bild-CTA kan du behöva lägga till ytterligare formatering för att säkerställa att bild-CTA:n är responsiv.
- När du är klar publicerar du sidan.
