Senast uppdaterad: maj 16, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
Marketing Hub
Professional
,
Enterprise
|
Content 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.