HubSpot Kunskapsbas

Skapa uppmaningar till handling (CTA) (äldre)

Skriven av HubSpot Support | Nov 2, 2021 3:58:30 PM

En legacy call-to-action (CTA) är en knapp som du kan använda på ditt HubSpot-innehåll för att driva framtidsutsikter till din webbplats, där de sedan kan konvertera på ett formulär. När du har skapat din CTA kan du granska din CTA:s visningar och klick. Läs mer om hur du analyserar prestandan för din CTA (legacy).

Om du vill skapa fler CTA-typer som knappar, banners eller frågor kan du lära dig hur du använder den nya CTA-redigeraren.

Vänligen notera detta:

  • Vi rekommenderar att du migrerar befintliga äldre CTA:er till den nya redigeraren. Läs mer om hur du migrerar CTA:er ( äldre).
  • Konton som skapats efter den 17 mars 2025 har inte tillgång till CTA (legacy)-verktyget.

Skapa en CTA (äldre)

När du skapar en CTA (legacy) kan du designa en anpassad knapp eller använda en bild som din CTA. Så här börjar du skapa en CTA (äldre):
  • Klicka på rullgardinsmenyn längst upp till vänster och välj CTAs (Legacy).
  • Klicka på Skapa CTA längst upp till höger.

Utforma en anpassad knapp

Du kan konfigurera din CTA (legacy) 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.
  • Styla dinknapp med följande alternativ:
    • Knappinnehåll: ange texten som visas på din CTA-knapp. Du kan också lägga till emojis. Dina kontakter och besökare kommer att se den ursprungliga emoji-stilen 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 .
    • Knappens färg: klicka på färgväljaren eller ange ett hexvärde för en anpassad färg i fältet Knappfärg.
    • Avancerade alternativ: klicka på Avancerade alternativ för att anpassa din CTA:s pixelutfyllnad och CSS-styling .
  • Längst ner i den högra panelen klickar du på Nästa >.




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. Så här designar du din CTA som en bildknapp:

  • I den högra panelen väljer du Image Button.
  • Ladda upp din bild och utforma din 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: justerabreddenbildknappen. Läs mer om retinaoptimering för uppladdade bilder.
    • Höjd: justera höjdenbildknappen .
    • Alt-text: ange alt-text för bilden.
  • Längst ner i den högra panelen klickar du på Nästa >.



Ställ in dina CTA-alternativ (äldre)

När du har utformat din CTA (legacy) ställer du in CTA:s alternativ för att bestämma CTA:s namn, var din CTA ska omdirigeras till och eventuella associerade kampanjer.

För att ställa in dina CTA-alternativ:

  • På sidan Alternativ konfigurerar du följande:
    • CTA internt namn: ange ett namn för din CTA. Endast användare i ditt HubSpot-konto kommer att kunna se CTA:s interna namn.
    • URL-omdirigeringstyp: välj ett alternativ som din CTA ska omdirigeras till.
      • Extern webbplats-URL: länka din CTA till en extern sida utanför HubSpot. I fältet Ange URL anger du den webbadress som du vill hänvisa besökare till.
      • HubSpot-sida eller blogginlägg: länka din CTA till en av dina HubSpot-sidor eller blogginlägg. Klicka på rullgardinsmenyn HubSpot-sida eller blogg inlägg och välj sedan en sida eller ett inlägg.Knappens CTA-länk kommer att knytas till sidans ID och eventuella ändringar i sidans URL kommer automatiskt att uppdateraknappens CTA-länk.
      • Möteslänk: länka din 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 sidan i nytt fönster.
      • Fillänk: länka din CTA till en fil i din filhanterare. Klicka på Bläddra bland filer och välj en fil, markera sedan kryssrutan Öppna sidan i nytt fönster om du vill att besökare som klickar påknappens CTA ska se bilden i ett nytt webbläsarfönster.
      • E-postadress: skapa en mailto-länk.
      • Telefonnummer: skapa en länk för att ringa upp det angivna telefonnumret.
    • Kampanj: Om du vill koppla dina CTA-analyser (äldre) till en kampanj klickar du på rullgardinsmenyn och väljer en kampanj.
  • Klicka på Spara. Din CTA kommer nu att visas högst upp i rutan.

Vänligen notera detta:

  • Verktyget CTA (legacy) stöder inte personaliseringstoken. Att lägga till en personaliseringstoken till enknapp-CTA kommer att resultera i ett fel. 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 inte CTA:er (legacy) automatiskt utan förblir länkade till originalsidan. Vi rekommenderar att du uppdaterar befintliga CTA:er eller skapar nyaknapp-CTA:er för dina nya sidor.

 

 

Slutför skapandet av din CTA (legacy)

När du har ställt in din CTA:s design och alternativ kan du göra följande:
  • För att redigera CTA:s interna namn klickar du på edit pennikonen högst upp för att redigera CTA:s interna namn.
  • Klicka på Stäng för att avsluta skapandet av din CTA.
  • Om du vill skapa en smartknapp-CTA klickar du på Skapa smart version.
  • Om du vill A/B-testa dinknapp-CTA klickar du på Skapa multivariate testing.



Ytterligare CTA-åtgärder (legacy)

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

  • Om du vill förhandsgranska din CTA håller du muspekaren över CTA:n och klickar på Förhandsgranska för att visa CTA:n i en sidofältruta för förhandsgranskning.
  • Om du vill vidta åtgärder med din CTA klickar du på rullgardinsmenyn Åtgärder och väljer något av följande:
    • Redigera: gör ändringar i din CTA i CTA-redigeraren (äldre).
    • Create multivariate testing: skapa en andra version av din CTA för att utföra ett A/B-test med dina kontakter och besökare.
    • Skapa smart version: skapa en CTA med smartknapp som visar olika versioner av CTA:n beroende på specifika visningsregler.
    • Visa detaljer: granska analyserna för din CTA, till exempel antalet visningar, klick och inlämningar.
    • Klona: skapa en exakt kopia av din CTA.
    • Bädda in kod: lägg till din CTA på dina externa sidor genom att kopiera och klistra in inbäddningskoden.
    • Ta bort: ta bort din CTA permanent.