Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
CTAs

Bädda in knappar som kallar till handling (CTA) på din externa webbplats

Senast uppdaterad: januari 20, 2023

Gäller för:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Tidigare Marketing Hub Basic

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.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.