Lägg till uppmaningar till handling (CTA) i ditt innehåll

När du har skapat din call-to-action (CTA) kan du lägga till den på både HubSpot- och externa sidor. När du konfigurerar din CTA för externa sidor måste HubSpot-spårningskoden vara installerad. Du kan också lägga till CTA:er i dina drag-och-släpp-marknadsföringsmejl.

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 uppmaningar till handling på HubSpot-sidor
  • Standardknappsmodulen i ett marknadsföringsmejl
  • Ett kodavsnitt på din externa webbplats
• Om du använder en sticky banner, popup-box eller slide-in call-to-action kan du antingen
  • Aktivera CTA:n så att den visas när en besökare klickar på en knapp.

• • Välj en eller flera av följande aktiveringsutlösare och ange sedan mål med hjälp av webbplatsens URL eller besökarinformation. CTA:n visas på de angivna sidorna och för de angivna besökarna när den första utlösaren har uppfyllts.
    • Utlösare vid sidbläddring
    • Trigger vid avsikt att lämna sidan
    • Trigger efter förfluten tid
    • Trigger efter inaktivitet

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

Lägg till en inbäddad CTA på din HubSpot-sida eller i ditt blogginlägg

Lägg till en inbäddad CTA med hjälp av en standardmodul på en HubSpot-sida eller ett blogginlägg:

• Så här lägger du till en inbäddad CTA med hjälp av en standardmodul på en HubSpot-sida:

  • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.

• Klicka på webbsidan eller landningssidan för att lägga till CTA.
• I den vänstra panelen, på fliken Lägg till , söker du efter och väljer standardmodulen för Call-to-action. Klicka och dra modulen till din sida.
• Klicka på Välj i den vänstra panelen.
  

• Så här lägger du till en inbäddad CTA i ett HubSpot-blogginlägg:
  • I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
  • Håll muspekaren över blogginlägget för att infoga CTA:n och klicka sedan på Redigera. Eller skapa ett nytt blogginlägg.
  • Leta reda på en rich text-modul i innehållsredigeraren. Klicka sedan på modulen för att anpassa dess innehåll.
  • Klicka på Infoga > Call-to-action längst upp till höger.

• Klicka på fliken CTA: er i den högra panelen.
• Välj en CTA att infoga och klicka sedan på Infoga.
• 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.

Aktivera din CTA när du klickar på en knapp i HubSpot

• Navigera till ditt innehåll:

  • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.

• Klicka på webbsidan eller landningssidan för att lägga till CTA och motsvarande knapp.
• I den vänstra panelen, på fliken Lägg till , söker du efter och väljer standardknappmodulen. Klicka och dra knappmodulen till din sida.
  
  
  

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

Lägg till en inbäddad CTA i dina drag-och-släpp-marknadsföringsmejl

Lägg till inbäddade CTA:er i dina drag and drop-marknadsföringsmejl och spåra hur effektivt ditt CTA-erbjudande är över flera kontaktpunkter.

Lägg till en CTA i e-postredigeraren för dra och släpp:

• I ditt HubSpot-konto navigerar du till Marknadsföring > E-postmeddelande med marknadsföring.
• Håll muspekaren över det e-postmeddelande som du vill lägga till CTA:n i och klicka sedan på Redigera. Eller skapa ett nytt e-postmeddelande.
• Klicka på och dra knappmodulen till e-postredigeraren i den vänstra panelen.
  

• I den vänstra panelen klickar du på rullgardinsmenyn Länk till. Välj sedan CTA.
• Klicka på Välj under fältet CTA.
• Välj en CTA att infoga i den högra panelen och klicka 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 vid klick på knappen

Om du använder ett anpassat tema i HubSpot kan du behöva anpassa temats knappmodul för att trigga en CTA. För att redigera filerna för standardteman i designhanteraren måste de först klonas. Teman som köpts från Asset Marketplace kan inte klonas; vi rekommenderar att du skapar ett barntema istället.

Så här anpassar du ditt temas knappmodul:

• I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
• Sök efter din knappmodul längst upp till vänster i designhanteraren.
• Håll muspekaren över Knapp (Fältgrupp) i den högra panelen och klicka på Redigera.
• Håll muspekaren över URL (URL) under Grupperade fält och klicka på Redigera.
• Klicka på rullgardinsmenyn URL-typer som stöds. Markera sedan kryssrutan CTA.
• Klicka på Publicera ändringar längst upp till höger. När du har publicerat dina ändringar bör CTA-alternativet visas när du använder temaknappmodulen på dina sidor.
  
  
  

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

Du kan lägga till CTA:er på dina externa sidor. Innan du använder en HubSpot-CTA på din externa webbplats måste du installera HubSpot-spårningskoden. När du har installerat spårningskoden kommer CTA:n för de flesta aktiveringstriggers att visas när den första triggern uppfylls. Om du vill använda en inbäddad CTA eller en CTA som aktiveras när en besökare klickar på en knapp måste du dock lägga till CTA:n 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:

• I ditt HubSpot-konto navigerar du till Marknadsföring > Lead Capture > CTA.
• Klicka på rullgardinsmenyn längst upp till vänster och välj CTA:er.
• Håll muspekaren över en CTA och klicka på Åtgärder > Bädda in.
• Klicka på Kopiera till ur klipp för att kopiera CTA-koden till ditt urklipp.
• Navigera till din externa webbplats innehållshanteringssystem (CMS).
• Klistra in inbäddningskoden för CTA i HTML på din icke-HubSpot-sida, där du vill att CTA ska visas.
• Förhandsgranska din CTA på webbsidan för att kontrollera hur den ser ut när den är live. Om CTA:n inte visas korrekt kontrollerar du att ditt externa CMS inte har ändrat koden som du kopierade.

• När du är klar publicerar du din sida.

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, se till att du har installerat HubSpot-spårningskoden. Så här ställer du in din trigger på en extern sida:

• I ditt HubSpot-konto navigerar du till Marknadsföring > Lead Capture > CTA.
• Klicka på rullgardinsmenyn längst upp till vänster och välj CTA:er.
• Håll muspekaren över en CTA och klicka på Redigera.
• Överst klickar du på fliken Inriktning .

• Klicka på Kodavsnitt under avsnittet Utlös vid knappklick.
  
  
  

• Klicka på Kopiera i dialogrutan.
• Klistra in inbäddningsklasserna i din knapp på din externa webbplats. 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.