Når du har opprettet en oppfordring til handling (CTA), kan du legge til CTA-en på både HubSpot og eksterne sider. Når du konfigurerer CTA for eksterne sider, må HubSpot-sporingskoden være installert. Du kan også legge til CTA-er i dra-og-slipp-markedsførings-e-postene dine.
Hvordan du legger til en CTA på en side, avhenger av hvilken type CTA du har opprettet:
- Hvis du bruker innebygde CTA-er, kan du legge til maksimalt 100 innebygde CTA-er per side. Innebygde CTA-er kan brukes på følgende måter:
- Standardmodulen for oppfordringer til handling på HubSpot-sider
- Standardknappmodulen i en markedsførings-e-post
- En kodesnutt på det eksterne nettstedet ditt
- Hvis du bruker et klistret banner, en popup-boks eller en innskyvbar oppfordring til handling, kan du enten:
- Utløse CTA-en slik at den vises når en besøkende klikker på en knapp.
-
- Velge én eller flere aktiveringsutløsere, og deretter angi mål ved hjelp av nettstedets URL-adresse eller informasjon om besøkende. Når den første utløseren er oppfylt, vil CTA-en vises på målsidene og for de angitte besøkende:
- Utløses ved sideskroll
- Utløses ved avslutningsintensjon
- Utløses etter forløpt tid
- Utløses etter inaktivitet
Legg til en CTA i HubSpot-innholdet ditt
På HubSpot-sidene dine installeres
sporingskoden automatisk. For de fleste
aktiveringsutløsere vil CTA-en vises når den første utløseren er oppfylt. Hvis du vil bruke en innebygd CTA eller en CTA som utløses når en besøkende klikker på en knapp, må du imidlertid legge til CTA-en manuelt.
Legg til en CTA på en HubSpot-side
Du kan bygge inn CTA-er på sider som ligger på HubSpot ved hjelp av Call-to-action-modulen.
Legg til en CTA i et HubSpot-blogginnlegg
- Klikk på navnet på innlegget ditt.
- I innholdsredigeringsprogrammet klikker du på rik tekst-modulen for å tilpasse innholdet.
- I verktøylinjen for rik tekst klikker du på Sett inn > Oppfordring til handling.
- Klikk på CTA-fanen i det høyre panelet.
- Velg en CTA som skal settes inn, og klikk deretter på Sett inn.
- Klikk på Bruk endringer i venstre panel. Den valgte CTA-en vises nå i redigeringsprogrammet for rik tekst og i forhåndsvisningen.
Utløs CTA ved å klikke på en knapp i HubSpot
Du kan utløse et klistret banner, en popup-boks eller en skyv inn CTA når besøkende klikker på en knapp på en side. Slik konfigurerer du denne utløseren ved hjelp av en standard knappemodul på en HubSpot-side:
- Klikk på navnet
- I venstre panel, i kategorien Legg til , søker du etter og velger standardknappmodulen. Klikk og dra knappemodulen inn på siden din.
- I venstre panel klikker du på rullegardinmenyen Lenke til og velger CTA.
- Klikk på CTA-rullegardinmenyen , og velg en eksisterende CTA.
- Fortsett å konfigurere knappemodulen.
Legg til en innebygd CTA i dra-og-slipp-markedsførings-e-postene dine
Legg til innebygde C TA-er i dra-og-slipp-markedsførings-e-postene dine, og følg med på effektiviteten av CTA-tilbudet på tvers av flere berøringspunkter.
Slik legger du til en CTA i dra-og-slipp-e-postredigeringsprogrammet:
- Hold musepekeren over e-posten du vil legge til CTA-en i, og klikk deretter på Rediger. Eller opprett en ny e-post.
- I panelet til venstre klikker du på og drar knappemodulen inn i e-postredigeringsprogrammet.
- I venstre panel klikker du på rullegardinmenyen Lenke til. Deretter velger du CTA.
- Klikk på Velg under CTA-feltet.
- I høyre panel velger du en CTA du vil sette inn, og klikker deretter på Sett inn.
Merk: Bare én knapp eller ett bilde støttes når du oppretter eller velger en CTA for e-posten din. CTAer med flere elementer, for eksempel en knapp og et bilde, kan ikke brukes.
Tilpass knappene i et tema for å utløse CTA-en din når du klikker på knappen
Hvis du bruker et egendefinert tema i HubSpot, kan det hende du må tilpasse knappemodulen i temaet for å utløse en CTA.
Hvis du redigerer et standardtema, må de klones først. Temaer som er kjøpt fra Asset Marketplace kan ikke klones; det anbefales å opprette et underordnet tema i stedet.
Slik tilpasser du knappemodulen i temaet ditt:
- Øverst til venstre søker du etter knappemodulen din.
- Hold musepekeren over Button (Feltgruppe) i høyre panel, og klikk på Edit (Rediger).
- Hold musepekeren over URL (URL) under Grupperte felt, og klikk på Rediger.
- Klikk på rullegardinmenyen URL-typer som støttes. Merk deretter av for CTA.
- Klikk på Publiser endringer øverst til høyre. Etter at du har publisert endringene, skal CTA-alternativet vises når du bruker temaknappmodulen på sidene dine.
Legg til en CTA i det eksterne innholdet ditt
Du kan legge til CTA-er på dine eksterne sider. Før du bruker en HubSpot CTA på det eksterne nettstedet ditt, må du installere HubSpot-sporingskoden.
Etter at du har installert sporingskoden, vil CTA-en for de fleste aktiveringsutløsere vises når den første utløseren er oppfylt. For å bruke en innebygd CTA eller en CTA som utløses når en besøkende klikker på en knapp, må du imidlertid legge til CTA-en manuelt.
Bygge inn en CTA på det eksterne nettstedet ditt
Slik legger du til en innebygd CTA på de eksterne sidene dine:
- Klikk på rullegardinmenyen øverst til venstre, og velg CTAer.
- Hold musepekeren over en CTA, og klikk på Handlinger > Innebygd.
- Klikk på Kopier til utklippstavle for å kopiere CTA-koden til utklippstavlen.
- Naviger til det eksterne nettstedets innholdsstyringssystem (CMS).
- Lim inn CTA-innbyggingskoden i HTML-koden på en side som ikke er i HubSpot, der du vil at CTA-en skal vises.
- Forhåndsvis CTA-en på nettsiden for å sjekke hvordan den ser ut når den er live. Hvis CTA-en ikke vises riktig, må du kontrollere at det eksterne CMS-et ditt ikke har endret koden.
- Når du er ferdig, publiserer du siden.
Vanligvis vil ikke redigering av CTA-en påvirke den innebygde koden. Hvis du for eksempel redigerer alternativet Åpne lenke i ny fane, endres ikke target="_blank" -attributtet i den innebygde koden.
Den innebygde kodebiten fungerer som en plassholder før iframe-versjonen av CTA-en gjengis. Denne gjengitte versjonen av CTA-en vil gjenspeile den korrekte verdien for Åpne i ny f ane som er angitt i redigeringsprogrammet.
For å åpne en lenke i samme vindu som plassholderen, kan brukerne manuelt endre målattributtkoden til target="_self".
Utløs en CTA når du klikker på en knapp på det eksterne nettstedet ditt
Før du bruker en CTA på det eksterne nettstedet ditt, må du installere HubSpots sporingskode. Slik konfigurerer du utløseren på en ekstern side:
- Klikk på rullegardinmenyen øverst til venstre, og velg CTA-er.
- Hold musepekeren over en CTA og klikk på Rediger.
- Klikk på Målretting-fanen øverst.
- Under Utløs ved klikk på knappen klikker du på Kodebit.
- I dialogboksen klikker du på Kopier.
- Lim inn de innebygde klassene i knappen på det eksterne nettstedet ditt. Hvis du ikke er sikker på hvordan du legger til CSS-klasser i knappene på nettstedet ditt, kan det hende du må samarbeide med nettredaktøren, IT-avdelingen eller utvikleren.