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.

Skapa knappar som kallar till handling (CTA)

Senast uppdaterad: maj 22, 2023

Tillgänglig med något av följande abonnemang, om inte annat anges:

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

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

När du skapar enCTA-knapp kan du utforma en egen knapp eller använda en bild som CTA-knapp. Så här börjar du skapa enCTA-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.

Observera:

  • Verktyget för knapp CTA stöder inte personaliseringstoken. Om du lägger till en personaliseringstoken till en knapp CTA kommer ett fel att uppstå. I dina blogginlägg, sidor eller marknadsföringsmejl kan du överväga att använda personaliseringstoken med en knappmodul istället.
  • När du konfigurerar sidor med content staging uppdateras knapp-CTA:er inte automatiskt utan förblir länkade till originalsidan. Det rekommenderas att du uppdaterar befintliga knapp-CTA:er eller skapar nya knapp-CTA:er för dina nya sidor.

Slutför skapandet av din CTA-knapp

När du har ställt in designen och alternativen för din CTA-knapp kan du göra följande:
  • Om du vill redigera det interna namnet på knappen CTA klickar duikonen 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 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.

Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.