HubSpot Kunskapsbas

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

Skriven av HubSpot Support | Jan 17, 2023 6:50:36 AM

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 så att den visas när en besökare klickar på en knapp.
    • Välja en eller flera aktiveringstriggers och sedan sätta upp mål med hjälp av webbplatsens URL eller besökarinformation. När den första triggern har uppfyllts visas CTA:n på målsidorna och för de angivna besökarna:
      • 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:
    • 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.

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

  • 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.

  • Klicka på fliken CTA i den högra panelen.
  • Välj en CTA som du vill infoga och klicka sedan på Infoga.
  • Klicka på Tillämpa ändringar i den vänstra panelen. Den valda CTA:n visas nu i din RTF-editor och på din förhandsgranskning.

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:
    • 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är lägger du till en CTA i e-postredigerarenför dra och släpp:

  • 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 utlöses 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 Asset Marketplace kan inte klonas; det rekommenderas att du skapar ett barntema istället.

Så här anpassar du ditt temas knappmodul:

  • Sök efter din knappmodul längst upp till vänster.
  • 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:

  • 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.
  • När du är klar publicerar du din sida.

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

Den inbäddade kodsnutten fungerar som en platshållare innan iframe-versionen av CTA återges. Den återgivna 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 target-attributtaggen 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-spårningskoden. För att ställa in din trigger på en extern sida:

  • 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.