Skapa knappar som kallar till handling (CTA)

En CTA-knapp (call-to-action) är en knapp som du kan använda i ditt HubSpot-innehåll för att leda potentiella kunder till din webbplats, där de sedan kan konvertera på ett formulär och läggas till i din kontaktdatabas.

Knapp-CTA:er bör vara visuellt attraktiva, handlingsorienterade och lätta att hitta på dina sidor och e-postmeddelanden .När du har skapat dinknapp-CTA kan du granska CTA:ns visningar och klick. Läs mer om hur du analyserar dinknapp CTA:s prestanda.

Skapa en CTA-knapp

• I ditt HubSpot-konto navigerar du till Marknadsföring > Lead Capture > Button CTAs.
• Klicka på Skapa CTA längst upp till höger.

Utforma en anpassad knapp

Du kan konfigurera din knapp CTA som en anpassad knapp med hjälp av designalternativen i CTA-redigeraren. Så här utformar du din CTA som en anpassad knapp:

• I den högra panelen väljer du Anpassad knapp.
• Du kan skapa en stil för din knapp CTA med följande alternativ:
  • Knappinnehåll: Ange den text som visas på din CTA-knapp. Du kan också lägga till emojis. Dina kontakter och besökare kommer att se den ursprungliga emojistilen för den enhet de använder (Mac, Windows, Chrome, Android osv.).
  • Knappstil: Använd rullgardinsmenyn för att välja en stil för din CTA-knapp. Om du vill att knappen ska se ut som en vanlig textlänk väljer du Länk (ingen stil) i rullgardinsmenyn.
  • Knappfärg: Klicka på färgväljaren eller ange ett eget hexatekniskt färgvärde i fältet Knappfärg.
  • Avancerade alternativ: Klicka på Avancerade alternativ omdu vill anpassa CTA-knappens pixelutfyllnad och CSS-formgivning .
• Klicka på Nästa > längst ner i den högra panelen.
  
  
  
  

Utforma en bildknapp

Istället för att designa en anpassad knapp kan du också ladda upp en bild som du kan använda som design för din CTA-knapp . Så här utformar du din CTA-knapp som en bildknapp:

• I den högra panelen väljer du Bildknapp.
• Ladda upp din bild och skapa en stil för din knapp CTA :
  
  • Ladda upp: välj en bildfil från din enhet.
  • Bläddra bland bilder: välj en bild från din filhanterare. I panelen Infoga bild väljer du en bild som ska användas som CTA-knapp.
  • Bredd: justerabredden på bildknappen. Läs mer om retinaoptimering för uppladdade bilder.
  • Höjd: Justera höjden på bildknappen .
  • Alt text: Ange alt text för bilden.
• Klicka på Nästa > längst ner i den högra panelen.
  
  
  
  

Ställ in dina CTA-alternativ för knappar

När du har utformat din CTA ställer du in dina CTA-alternativ för knappen för att bestämma ditt CTA-namn, vart din CTA kommer att omdirigeras till och eventuella associerade kampanjer.

Så här ställer du in dina CTA-alternativ för knappar :

• På sidan Alternativ konfigurerar du följande:
  • Internnamn för CTA: Ange ett namn för CTA-knappen . Endast användare på ditt HubSpot-konto kan se det interna namnet på CTA:n.
  • URL-omdirigeringstyp: välj ett alternativ för din knapp CTA att omdirigera till.
    • Extern webbadress: länkar din knapp CTA till en extern sida utanför HubSpot. I fältet Ange URL anger du den webbadress som du vill leda besökarna till.
    • HubSpot-sida eller blogginlägg: Länka din knapp CTA till en av dina HubSpot-sidor eller blogginlägg. Klicka på rullgardinsmenyn HubSpot-sida eller blogginlägg och välj sedan en sida eller ett inlägg. Knappens CTA-länk kommer att knytas till sidans ID och alla ändringar i sidans URL kommer automatiskt att uppdatera knappens CTA-länk .

• • • Möteslänk: Länka din knapp CTA till en HubSpot-möteslänk. Klicka på rullgardinsmenyn Välj en möteslänk och välj sedan en möteslänk. Om du vill öppna länken på en ny sida markerar du kryssrutan Öppna sida i nytt fönster.
    • Fillänk: Länka din knapp CTA till en fil i din filhanterare. Klicka på Bläddra bland filer och välj en fil. Markera sedan kryssrutan Öppna sida i nytt fönster om du vill att besökare som klickar på knappen CTA ska se bilden i ett nytt webbläsarfönster.
    • E-postadress: skapa en mailtolänk.
    • Telefonnummer: skapa en länk för att ringa det angivna telefonnumret.

• • Kampanj: Om du vill koppla analysen av knappen CTA till en kampanj klickar du på rullgardinsmenyn och väljer en kampanj.

• Klicka på Spara. Din knapp CTA visas nu högst upp i rutan.
  
  

Slutför skapandet av din CTA-knapp

• Om du vill redigera det interna namnet på knappen CTA klickar du på ikonen för redigering av pennan högst upp för att redigera CTA:ns interna namn.
• Klicka på Stäng om du vill avsluta skapandet av din knapp CTA .
• Om du vill skapa en smart CTA-knapp klickar du på Skapa smart version.
• Om du vill göra ett A/B-test av din knapp CTA klickar du på Skapa multivariata test.
  
  

Ytterligare CTA-åtgärder för knappar

På instrumentpanelen för button CTA kan du analysera mätvärden på hög nivå för att granska hur dina button CTA:er presterar och vidta åtgärder för någon av de CTA:er som anges:

• Om du vill förhandsgranska din knapp CTA , för du muspekaren över din knapp CTA och klickar på Förhandsgranska för att visa din CTA i en förhandsgranskningsruta i sidofältet.
• Om du vill vidta åtgärder med din knapp CTA klickar du på rullgardinsmenyn Åtgärder och väljer något av följande:
  • Redigera: Gör ändringar i din knapp CTA i redigeringsverktyget för knapp CTA .
  • Skapa multivariata test: Skapa en andra version av din knapp CTA för att utföra ett A/B-test med dina kontakter och besökare.
  • Skapa smart version: Skapa en smart knapp CTA som visar olika versioner av knappens CTA beroende på specifika visningsregler.
  • Visa detaljer: granska analyserna för din knapp CTA , till exempel antalet visningar, klick och inlämningar.
  • Klona: skapa en exakt kopia av din knapp CTA .
  • Inbäddningskod: Lägg till din knapp CTA på dina externa sidor genom att kopiera och klistra in inbäddningskoden.
  • Radera: raderar din knapp CTA permanent.