Embed calls-to-action (CTA) on your external site

HubSpot-knapparnas CTA:er kan användas på både HubSpot-sidor och andra sidor. Använd HubSpot-knapparnas CTA:er på din externa webbplats för att locka och konvertera leads.

Innan du bäddar in CTA-knappar på din externa webbplats ska du se till att HubSpot-spårningskoden är installerad på dina sidor.

Innan du börjar

Innan du lägger till en CTA-knapp på din externa webbplats ska du notera följande:

• Knapp-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 i innehållshanteringssystem (CMS) kan stegen för att få tillgång till din webbplats HTML-kod och bädda in CTA-koden för knappen skilja sig åt. Om du inte är säker på hur du får tillgång till HTML-koden på din webbplats eller hur du bäddar in en extern kod, kan du skicka den här artikeln till din webmaster, IT-avdelning eller tekniska resurs.

• Om du bäddar in en CTA-kod på en WordPress-webbplats ska du ta hänsyn till följande:

  • Om du bäddar in en CTA på din WordPress-webbplats kan du behöva tillämpa ytterligare CSS-deklarationer i ditt externa formatblad 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 livesidan kan du behöva infoga CTA:n med hjälp av ett plugin för att se till att inbäddningskoden förblir intakt.
  • Om du använder den senaste versionen av Gutenberg, som tar bort inline JavaScript, kan du använda insticksprogrammet Inline JS Block for Gutenberg för att bädda in formulär och CTA:er på din sida.
    
    

Bädda in en CTA-knapp på din externa webbplats

För att bädda in en CTA-knapp på din externa webbplats:

• I ditt HubSpot-konto navigerar du till Marketing > Lead Capture > Knapp CTA:er.
• På instrumentpanelen för kallelser till åtgärder håller du muspekaren över en CTA och klickar på Åtgärder > Inbädda kod .
  
• Klicka på Kopiera i dialogrutan.
  
  

• Navigera till din externa webbplats innehållshanteringssystem (CMS).
• Klistra in koden för inbäddning av CTA-knappen i HTML-koden på din icke-HubSpot-sida, där du vill att CTA-knappen ska visas.
• Förhandsgranska din CTA på webbsidan för att kontrollera hur den ser ut när den är live. Om CTA:n inte visas korrekt, kontrollera att ditt externa CMS inte har ändrat koden som du har kopierat. Om du använder en bild-CTA kan du behöva lägga till ytterligare styling för att se till att bild-CTA:n är responsiv.
• Publicera sidan när du är klar.