En legacy call-to-action (CTA) är en knapp som du kan använda i ditt HubSpot-innehåll för att driva potentiella kunder till din webbplats, där de sedan kan konvertera i 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, t.ex. knappar, banners eller popup-fönster, kan du lära dig hur du använder den nya CTA-redigeraren.
Observera : Vi rekommenderar att du migrerar befintliga CTA:er till den nya redigeraren. Läs mer om hur du migrerar CTA:er (äldre).
Skapa en CTA (äldre)
När du skapar en CTA (legacy) kan du designa en anpassad knapp eller använda en bild som CTA. Så här börjar du skapa en CTA (äldre):
- Klicka på rullgardinsmenyn längst upp till vänster och välj CTA (Legacy).
- Klicka på Skapa CTA längst upp till höger.
Utforma en anpassad knapp
Du kan konfigurera din CTA (äldre) som en anpassad knapp med hjälp av designalternativen i CTA-redigeraren. Så här utformar du din CTA som en anpassad knapp:
- Välj Anpassad knapp i den högra panelen.
- Utforma dinknapp 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 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öratt anpassa din CTA:s pixelfyllning och CSS-styling .
- Längst ner i den högra panelen klickar du på Nästa >.
Utforma en bildknapp
I stället för att designa en anpassad knapp kan du också ladda upp en bild som du vill använda som design för din CTA. Så här designar du din CTA som en bildknapp:
- Välj Bildknapp i den högra panelen.
- 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 du vill använda 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.
- Längst ner i den högra panelen klickar du på Nästa >.
Konfigurera dina CTA-alternativ (äldre)
När du har utformat din CTA (legacy) konfigurerar du CTA-alternativen för att fastställa CTA:s namn, var CTA ska omdirigeras till och eventuella associerade kampanjer.
Så här konfigurerar du dina CTA-alternativ:
- På sidan Alternativ konfigurerar du följande:
- CTA:s interna 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 för din CTA att omdirigera till.
- URL för extern webbplats: 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 blogg inlä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 associera din CTA-analys (äldre) med 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 personaliseringstokens. Om du lägger till en personaliseringstoken till enknapp-CTA kommer det att resultera i ett fel. I dina blogginlägg, sidor eller marknadsföringsmeddelanden kan du överväga att använda personaliseringstoken med en knappmodul istället.
- När du skapar sidor med content staging uppdateras inte CTA:er (legacy) automatiskt utan förblir länkade till den ursprungliga sidan. 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:
- Om du vill redigera CTA:s interna namn klickar du på pennikonen edit högst upp för att redigera CTA:s interna namn.
- Klicka på Stäng för att avsluta skapandet av 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 multivariat test.
Ytterligare CTA-åtgärder (äldre)
På instrumentpanelen för CTA (äldre) 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 och klickar på Förhandsgranska för att visa din CTA i en sidofältruta för förhandsgranskning.
- Om du vill vidta åtgärder för 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 test: skapa en andra version av din CTA för att utföra ett A/B-test med dina kontakter och besökare.
- Skapa smartversion: 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 antal 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.