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:
|
|
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 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.
