Skapa uppmaningar till handling (CTA)

Använd verktyget för uppmaningar till handling (CTA) för att skapa knapp-CTA:er, banners eller popup-fönster som du kan lägga till på dina HubSpot-sidor och locka nya besökare. Du kan även lägga till CTA:er på externa sidor.

Innan du lägger till en CTA på en extern sida måste du installera HubSpot-spårningskoden eller installera HubSpot WordPress-plugin på din WordPress-webbplats. När du har lagt till en CTA kan du driva trafik genom att dirigera besökare till specifika sidor, möteslänkar eller externa webbadresser.

På mobila enheter kan du välja att antingen aktivera en responsiv layout eller dölja CTA:n på små skärmar i CTA-alternativen. När du har publicerat din CTA kan du lära dig hur du analyserar CTA:ns prestanda.

Utforma din CTA

I CTA-redigeraren kan du anpassa din CTA:s design för att locka besökare.

• I ditt HubSpot-konto navigerar du till Marknadsföring > Lead Capture > CTAs.
• Klicka på rullgardinsmenyn längst upp till vänster och välj CTA.
• Klicka på Skapa längst upp till höger.
• Du kan skapa ett nytt arbetsflöde från grunden eller från en mall:
  • Om du vill skapa en ny CTA från en mall klickar du på HubSpot Templates i den vänstra panelen. Välj sedan en mall som matchar dina mål.
  • Om du vill skapa en ny CTA från grunden klickar du på Starta från grunden i den vänstra panelen. Välj sedan en CTA-typ:
    
    • Sticky Banner: en permanent banner som fästs längst upp eller längst ner på din sida. Bannern kommer att finnas kvar när besökare bläddrar igenom din sida.
    • Popup-ruta: en popup-ruta som visas enligt ett fastställt schema.
    • Slide-In: en banner som glider in från ett hörn på din webbplats. Bannern ligger kvar när besökaren scrollar genom sidan.
    • Inbäddad: en knapp som du kan använda i ditt HubSpot-innehåll för att leda potentiella kunder till specifika sidor.

• På fliken Lägg till i den vänstra panelen kan du lägga till element och redigera layouten för din CTA:
  • Om du vill lägga till mer innehåll i din CTA klickar du och drar ett nytt element direkt till den högra panelen i redigeraren.
  • För att ändra din CTA:s layout håller du muspekaren över ett element och klickar och drar det till en ny position.
  • Duplicera elementet genom att hålla muspekaren över elementet och klicka påklonikonen duplicate.
  • Ta bort elementet genom att hålla muspekaren över elementet och klicka på ikonen deletepapperskorg.
  • Klicka på ett element för att redigera det. I den vänstra panelen kan du redigera elementets innehåll och design.

• Klicka på fliken Innehåll i den vänstra panelen för att hantera dina element.
  • Om du vill redigera ett element klickar du på elementets namn . I den vänstra panelen kan du redigera elementets innehåll och design. I rich text-element kan du använda innehållsassistent för att skapa eller förfina ditt CTA-innehåll.
  • Om du vill ta bort ett element håller du muspekaren över elementet och klickar påpapperskorgsikonen delete .
• Klicka på fliken Design i den vänstra panelen för att anpassa och förhandsgranska din CTA.
  • För att förhandsgranska din CTA på specifika sidor klickar du på Förhandsgranska längst upp till höger. Klicka sedan på rullgardinsmenyn Förhandsgranska på specifik sida och välj HubSpot-sidan för att förhandsgranska CTA.

• • Om du vill anpassa utseendet på din CTA väljer du något av följande alternativ. Konfigurera sedan dina ändringar i den vänstra panelen.
    • Position: för CTA:er av typen sticky banner kan du välja en topp- eller bottenposition. För CTA:er av typen slide-in kan du välja att placera CTA:n längst upp till vänster, längst ner till vänster, längst upp till höger eller längst ner till höger på sidan.
    • Storlek: konfigurera höjden på din CTA, du kan växla på alternativet för att ställa in höjden automatiskt baserat på innehållet i din CTA.
    • Layout: konfigurera layouten för din CTA. Du kan lägga till utfyllnad till ditt CTA-innehåll. Du kan också växla till alternativet för att aktivera en responsiv layout. Med en responsiv layout staplas kolumnerna i din CTA vertikalt på små skärmar.
    • Stilar: Ange stilarna för din CTA, t.ex. det primära teckensnittet, kanten och skuggan från CTA:n.
    • Bakgrund: Ange en bakgrund för CTA:n. Du kan välja att ange en bakgrundsfärg eller ladda upp en bakgrundsbild.

Anpassa var och när din sticky banner, popup-ruta eller slide-in CTA visas

Om du har skapat en sticky banner, popup-ruta eller slide-in CTA kan du rikta in dig på besökare genom att välja när du vill att denna CTA ska visas på din webbplats. Läs mer om hur du lägger till CTA:er på dina sidor.

Du kan använda filter för att kombinera flera uppsättningar regler om vilka besökare som ser din CTA. Läs mer om hur du konfigurerar dina målgruppsregler.

Utlösande faktorer för aktivering

Välj en aktiveringstrigger för att bestämma när CTA ska visas på din sida. CTA:n visas när den första valda utlösaren uppfylls.

• I avsnittet När ska det visas klickar du på knappen bredvid de aktiveringsutlösare som du vill använda:
  • Utlös vid knappklick: CTA:n visas när en besökare klickar på en knapp. Lär dig hur du ställer in dina popup-CTA:er så att de triggas vid knappklick.
    • Konfigurera detta på dina HubSpot-sidor med en standardknappmodul eller på dina externa sidor genom att anpassa en knapps klass.
    • För att ställa in denna trigger på en extern sida måste HubSpot-spårningskoden vara installerad.
  • Trigger vid sidrullning: CTA: n visas när besökaren har rullat förbi en angiven procentandel av sidan.
  • Trigger vidavsikt att lämna sidan: CTA:n visas när besökaren flyttar markören till webbläsarfönstrets övre fält.
  • Trigger efter förfluten tid: CTA: n visas efter det angivna antalet sekunder.
  • Trigger efterinaktivitet: CTA: n visas efter att besökaren har varit inaktiv i ett angivet antal sekunder.

Webbplatsens URL

Du kan lägga till villkorlig logik för specifika webbadresser och/eller värden för frågeparametrar. Som standard visas CTA på alla sidor.

• Överst klickar du på fliken Inriktning .
• För att visa CTA när en besökare befinner sig på en specifik webbplatsadress, i avsnittet Webbplatsadress
  • Klicka på den första rullgardinsmenyn och välj Webbplats-URL.
  • Klicka på den andra rullgardinsmenyn och välj en riktningsregel.
  • Ange dina regelkriterier i textfältet.

• För att visa CTA när en besökare är på en webbplatssida vars URL innehåller specifika frågeparametrar:
  • Klicka på den första rullgardinsmenyn och välj Frågeparameter.
  • Ange namnet på frågeparametern i det första textfältet.
  • Klicka på rullgardinsmenyn och välj en riktningsregel.
  • I det andra textfältet anger du värdet för frågeparametern.

• Om du vill lägga till en annan regel klickar du på Lägg till regel.
• Om du vill utesluta uppmaningarna från vissa sidor (t.ex. en sida med sekretesspolicy) klickar du på Lägg till uteslutningsregel.
  
  
  

Information om och beteende hos besökare (valfritt)

Du kan också rikta din CTA till specifika kontakter baserat på känd besökarinformation och beteende. Vilken typ av filtreringsregler du kan lägga till beror på ditt kontos prenumerationer.

• • I avsnittet Besökarinformation och beteende (valfritt) klickar du på den första rullgardinsmenyn för att välja när besökare ser din CTA.

• • Klicka på nästa rullgardinsmeny för att välja dina filtreringsregler.
  • Om du vill lägga till fler regler för när du ska visa din CTA klickar du på Lägg till regel och väljer dina filter.

• Välj när du vill dölja CTA:
  
  • Klicka på Lägg till uteslutningsregel.
  • i den första rullgardinsmenyn för att välja när CTA ska döljas.
  • Klicka på nästa rullgardinsmeny för att välja dina filtreringsregler.
  • Om du vill lägga till fler regler för när din CTA ska döljas klickar du på Lägg till uteslut ningsregel och väljer dina filter.

• Om du vill skapa en annan uppsättning filtreringsregler klickar du påLägg till filtergrupp och väljer dina filtreringsregler.

Visa frekvens

När en besökare har avfärdat din sticky banner, popup-ruta eller slide-in CTA för första gången kan du välja om CTA:n ska visas igen och hur ofta den ska visas. Så här ställer du in din CTA:s visningsfrekvens:

• I avsnittet Hur ofta kommer den att visas klickar du på rullgardinsmenynVisa igen och väljer en frekvens:
  • Efter en viss tidsperiod: konfigurera hur lång tid som ska gå efter att en besökare har avfärdat CTA:n innan den visas igen.
  • Upprepa: visa CTA: n varje gång de besöker de valda webbsidorna och utför den utlösande åtgärden, även om de tidigare har interagerat med den.
  • Visa inte igen: visa CTA:n för besökarna endast en gång. Efter den första visningen ska CTA:n aldrig visas igen.
    

Anpassa dina CTA-alternativ

På flikarnaAlternativ kan du anpassa olika CTA-alternativ, t.ex. om CTA ska visas i små storlekar, eventuella associerade kampanjer och CTA:ns schemaläggning.

• Klicka på fliken Alternativ högst upp.
• Om du vill associera CTA med en kampanj klickar du på rullgardinsmenyn Kampanj och väljer en kampanj att associera popup-CTA med.
• Konfigurera följande alternativ när du använder sticky banner, pop-up box eller slide-in CTA:
  • För att dölja CTA på små skärmstorlekar, i avsnittet Små skärmstorlekar, slå på strömbrytaren .
  • För att schemalägga när CTA:n ska börja visas, slå på knappen Schemalägg för senare. Välj sedan ett startdatum och en starttid.
  • För att schemalägga när CTA:n slutar visas, slå på knappen Ange datum och tid för avpublicering . Välj sedan ett slutdatum och en sluttid.
    
    
    

Publicera din CTA

När du är klar med att konfigurera din CTA publicerar du din CTA för att ta den live.

• Klicka på Granska och publicera längst upp till höger.
• Granska din CTA i den högra panelen och klicka sedan på Publicera nu. CTA:n kommer automatiskt att publiceras på målsidorna.