Lägg till Call-to-action (CTA) i ditt innehåll

När du har skapat din Call-to-action (CTA) kan du lägga till CTA på både HubSpot och externa sidor. När du konfigurerar din CTA för externa sidor måste HubSpots spårningskod vara delbetalad. Du kan också lägga till CTA:er i dina e-postmarknadsföring genom att dra och släppa.

När du har lagt till en CTA i ditt innehåll kan du, om du har en Marketing Hub eller Content Hub Professional eller Enterprise prenumeration, skapa ett arbetsflöde för att automatisera åtgärder efter att en besökare interagerar med din CTA. När en besökare skickar in ett formulär via en CTA kan du till exempel utlösa en serie a e-postmarknadsföring för att vårda din nya kontakt.

Förstå hur du lägger till CTA:er i ditt innehåll

Hur du lägger till en CTA på en sida beror på vilken typ av CTA du har skapat:

• Om du använder inbäddade CTA:er kan du lägga till högst 100 inbäddade CTA:er per sida. Inbäddade CTA:er kan användas på följande sätt:
  • Standardmodulen för Call-to-action på HubSpot-sidor
  • Standardknappmodulen i ett e-postmarknadsföringsmeddelande
  • Ett kodavsnitt på din externa webbplats
• Om du använder en sticky banner, popup-ruta eller slide-in calls-to-action kan du antingen:
  • Utlösa CTA så att den visas när en besökare klickar på en knapp.

• • Välj en eller flera utlösare för aktivering och ange sedan mål med hjälp av webbplatsens URL eller besöksinformation. När den första utlösaren har mötts kommer CTA att visas på målsidorna och för de angivna besökarna:
    • Utlösare vid sidrullning
    • Utlösare vid avsikt att lämna sidan
    • Utlösare efter förfluten tid
    • Utlösare efter inaktivitet

Lägg till en CTA i ditt HubSpot-innehåll

På dina HubSpot-sidor installeras koden för spårning automatiskt. För de flesta aktiveringsutlösare kommer CTA att visas när den första utlösaren har mötts.

Om du vill använda en inbäddad CTA eller en CTA som utlöses när en besökare klickar på en knapp måste du dock lägga till CTA:n manuellt.

Lägg till en CTA på en HubSpot-sida

Du kan bädda in CTA:er på sidor som finns på HubSpot med hjälp av Call-to-action-modulen.

1. Navigera till ditt innehåll:

   • Sidor på webbplatsen: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
2. Klicka på namnet på ditt innehåll.
3. I innehållsredigeraren klickar du på knappen + Lägg till i det vänstra sidofältet.
4. I sidofältsredigeraren söker du efter och klickar på modulen Call-to-action och drar den sedan till position på sidan.
5. I avsnittet CTA klickar du på Välj
   

Lägg till en CTA i ett blogginlägg från HubSpot

2. Klicka på namnet på ditt inlägg.
3. I innehållsredigeraren klickar du på modulen för rik text för att anpassa dess innehåll.
4. I verktygsfältet för rik text klickar du på Infoga > Call-to-action
   

5. I den högra panelen klickar du på fliken CTAs .
6. Välj en CTA som du vill infoga och klicka sedan på Infoga.
7. Klicka på Tillämpa ändringar i den vänstra panelen. Den valda CTA:n visas nu i redigeraren för rik text och i förhandsgranskningen
   

Utlös din CTA när du klickar på en knapp i HubSpot

1. Navigera till ditt innehåll:

   • Sidor på webbplatsen: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
2. Klicka på namnet
3. I den vänstra panelen, på fliken Lägg till , söker du efter och väljer standardknappmodulen. Klicka på och dra knappmodulen till din sida
   

4. I den vänstra panelen klickar du på rullgardinsmenyn Länk till och väljer CTA.
5. Klicka på rullgardinsmenyn CTA och välj en befintlig CTA.
6. Fortsätt konfigurera din knappmodul
   

Lägg till en inbäddad CTA i dina e-postmeddelanden med dra-och-släpp-marknadsföring

Lägg till inbäddade CTA:er i dina e-postmarknadsföringsmeddelanden med dra-och-släpp-funktion och spåra effektiviteten i ditt CTA-erbjudande över flera kontaktpunkter.

Så här lägger dutill en CTA i dra-och-släpp-redigeraren för e-post:

1. I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
2. Håll muspekaren över det e-postmeddelande som du vill lägga till CTA i och klicka sedan på Redigera. Eller skapa ett nytt e-postmeddelande.
3. I den vänstra panelen klickar du på och drar knappmodulen till e-postredigeraren
   

4. I den vänstra panelen klickar du på rullgardinsmenyn Länk till. Välj sedan CTA.
5. Under fältet CTA klickar du på Välj.
6. I den högra panelen väljer du en CTA att infoga och klickar sedan på Infoga.
   

Observera: endast en enda knapp eller bild stöds när du skapar eller väljer en CTA för ditt e-postmeddelande. CTA:er med flera element, t.ex. en knapp och en bild, kan inte användas.

Anpassa ett temas knappar för att utlösa din CTA när du klickar på knappen

Om du använder ett anpassat tema i HubSpot kan du behöva anpassa temats knappmodul för att utlösa en CTA.

Om du redigerar ett standardtema måste de klonas först. Teman som köpts från Resursmarknad kan inte klonas; vi rekommenderar att du skapar ett barntema istället.

För att anpassa ditt temas knappmodul:

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. Sök efter din knappmodul längst upp till vänster.
3. I den högra panelen håller du muspekaren över Button (Fältgrupp ) och klickar på Edit (Redigera).
4. Under Grupperade fält håller du muspekaren över URL (URL) och klickar på Redigera.
5. Klicka på rullgardinsmenyn URL-typer som stöds. Markera sedan kryssrutan CTA.
6. Klicka på Publicera ändringar längst upp till höger. När du har publicerat dina ändringar bör alternativet CTA visas när du använder temaknappmodulen på dina sidor
   

Lägg till en CTA i ditt externa innehåll

För att lägga till en CTA på dina externa sidor måste du delbetala HubSpot-koden för spårning.

För sticky banner, popup-rutor eller slide-in call-to-actions gör delbetalning av spårningskoden att CTA visas när den första aktiveringstriggern uppfylls. Du behöver inte bädda in CTA på din sida och alternativet för inbäddning visas inte vid granskning av CTA.

Men specifikt för inbäddade CTA eller CTA som utlöses när en besökare klickar på en knapp måste du lägga till CTA manuellt.

Bädda in en CTA på din externa webbplats

Så här lägger du till en inbäddad CTA på dina externa sidor:

1. I ditt HubSpot-konto navigerar du till Marknadsföring > CTA :er.
2. Klicka på rullgardinsmenyn längst upp till vänster och välj CTAs.
3. Håll muspekaren över en CTA och klicka på Åtgärder och välj Bädda in.
4. Klicka på Kopiera till urklipp för att kopiera CTA-koden till ditt urklipp.
5. Navigera till den externa webbplatsens innehållshanteringssystem (CMS).
6. Klistra in CTA-inbäddningskoden i HTML på din icke-HubSpot-sida, där du vill att CTA ska visas.
7. Förhandsgranska din CTA på webbsidan för att kontrollera hur den ser ut när den är live. Om CTA inte visas korrekt ska du kontrollera att ditt externa CMS inte har ändrat koden.
8. När du är klar publicerar du din sida.

I allmänhet kommer redigering av CTA inte att påverka dess inbäddningskod. Om du till exempel redigerar alternativet Öppna länk i ny flik ändras inte attribueringen target="_blank" i inbäddningskoden.

Det inbäddade kodavsnittet fungerar som en platshållare innan iframe-versionen av CTA återges. Den här renderade versionen av CTA kommer att återspegla det korrekta värdet Öppna i ny flik som ställts in i redigeraren.

För att öppna en länk i samma fönster i platshållaren kan användare manuellt ändra taggen för attribuering av mål till target="_self"

Utlös en CTA när du klickar på en knapp på din externa webbplats

Innan du använder en CTA på din externa webbplats måste du installera HubSpot-koden för spårning. För att ställa in din utlösare på en extern sida:

1. I ditt HubSpot-konto navigerar du till Marknadsföring > CTA :er.
2. Klicka på rullgardinsmenyn längst upp till vänster och välj CTA.
3. Håll muspekaren över en CTA och klicka på Redigera.
4. Klicka på fliken Inriktning längst upp.
5. Under avsnittet Utlösare vid knapptryckning klickar du på Kodavsnitt.

6. Klicka på Kopiera i dialogrutan.
7. Klistra in inbäddningsklasserna i knappen på den externa webbplatsen. Om du inte är säker på hur du lägger till CSS-klasser till knapparna på din webbplats kan du behöva samarbeta med din webbmaster, IT-avdelning eller utvecklare.