Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

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

Senast uppdaterad: juni 12, 2024

Tillgänglig med något av följande abonnemang, om inte annat anges:

Marketing Hub   Starter , Professional , Enterprise
Content Hub   Starter , Professional , Enterprise

När du har skapat din call-to-action (CTA) kan du lägga till CTA:n på både HubSpot och externa sidor. När du konfigurerar din CTA för externa sidor måste HubSpots spårningskod installeras. Du kan också lägga till CTA:er i dina dra-och-släpp-marknadsföringsmeddelanden.

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
    • Standardknappmodulen i ett marknadsföringsmejl
    • En kodsnutt på din externa webbplats
  • Om du använder en sticky banner, pop-up box eller slide-in call-to-action kan du antingen:
    • Utlösa CTA:n så att den visas när en besökare klickar på en knapp.
    • Välja en eller flera av följande aktiveringstriggers och sedan ange mål med hjälp av antingen webbplatsens URL eller besökarinformation. CTA:n visas på målsidorna och för de angivna besökarna när den första triggern har uppfyllts.
      • Utlösare vid sidrullning
      • 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

På dina HubSpot-sidor installeras spårningskoden automatiskt. För de flesta aktiveringstriggers kommer CTA att visas när den första triggern uppfylls. Men 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 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.

  • 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å namnet på ditt innehåll.
  • Klicka på knappen + Lägg till i det vänstra sidofältet i innehållsredigeraren.
  • I sidofältsredigeraren söker du efter och klickar på Call-to-action-modulen och drar den sedan till rätt positionsidan.
  • I avsnittet CTA klickar du på Välj.

add-cta-to-content-editor

Lägg till en CTA i ett HubSpot-blogginlägg

  • I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
  • Klicka på namnet på ditt inlägg.
  • I innehållsredigeraren klickar du på modulen för rik text för att anpassa dess innehåll.
  • I verktygsfältet för rik text klickar du på Infoga > Uppmaning till åtgärd.

  • I den högra panelen klickar du på fliken CTA .
  • Välj en CTA som ska infogas och klicka sedan på Infoga.
  • Klicka på Tillämpa ändringar i den vänstra panelen. Den valda CTA:n kommer nu att visas i din RTF-editor och i förhandsgranskningen.

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

Du kan trigga din sticky banner, pop-up box eller slide-in CTA när besökare klickar på en knapp på en sida. För att ställa in denna trigger använder du en standardknappmodul på en HubSpot-sida:
  • 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å namnet
  • 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.
  • 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 konfigurera din knappmodul.

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

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

Så härlägger du 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 i och klicka sedan på Redigera. Eller skapa ett nytt e-postmeddelande.
  • I den vänstra panelen klickar du på och drar knappmodulen till e-postredigeraren.

  • I den vänstra panelen klickar du på rullgardinsmenyn Länk till. Välj sedan CTA.
  • Under fältet CTA klickar du på Välj.
  • 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 knapparna i ett tema så att din CTA aktiveras 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 trigga en CTA. För att redigera filerna för standardteman i designhanteraren måste de först klonas. Teman som köps från Asset Marketplace kan inte klonas; det rekommenderas 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.
  • I den högra panelen håller du muspekaren över Button (Fältgrupp ) och klickar på Edit (Redigera).
  • Under Grupperade fält håller du muspekaren över URL ( URL) och klickar 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 HubSpots spårningskod. När du har installerat spårningskoden kommer CTA att visas för de flesta aktiveringsutlösare när den första utlösaren uppfylls. 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.

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 > CTA :er.
  • Klicka på rullgardinsmenyn längst upp till vänster och välj CTA.
  • Håll muspekaren över en CTA och klicka på Åtgärder > Bädda in.
  • Klicka på Kopiera till klippbordet för att kopiera CTA-koden till ditt klippbord.
  • Navigera till den externa webbplatsens innehållshanteringssystem (CMS).
  • Klistra in CTA-inbäddningskoden i HTML-koden 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 inte visas korrekt ska du kontrollera att ditt externa CMS inte har ändrat koden som du kopierade.
  • När du är klar publicerar du din sida.

Utlösa 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 se till att du har installerat HubSpots spårningskod. Så här ställer du in din trigger på en extern sida:

  • I ditt HubSpot-konto navigerar du till Marknadsföring > CTA :er.
  • Längst upp till vänster klickar du på rullgardinsmenyn och väljer CTA.
  • Håll muspekaren över en CTA och klicka på Redigera.
  • Klicka på fliken Inriktning längst upp.
  • Under avsnittet Trigger vid knapptryckning klickar du på Kodsnutt.
  • Klicka på Kopiera i dialogrutan.
  • Klistra in de inbäddade klasserna i din knapp på din externa webbplats. Om du inte är säker på hur du lägger till CSS-klasser i knapparna på din webbplats kan du behöva samarbeta med din webbmaster, IT-avdelning eller utvecklare.
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.