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