Lag oppfordringer til handling (CTA)
Sist oppdatert: desember 1, 2023
Bruk CTA-verktøyet til å opprette CTA-knapper, bannere eller popup-vinduer som du kan legge til på HubSpot-sidene dine for å tiltrekke deg nye besøkende. Du kan også legge til CTA-er på eksterne sider.
Før du legger til en CTA på en ekstern side, må du installere HubSpot-sporingskoden eller installere HubSpot WordPress-plugin på WordPress-nettstedet ditt. Når du har lagt til en CTA, kan du drive trafikk ved å lede besøkende til bestemte sider, møtelinker eller eksterne nettadresser.
På mobile enheter kan du velge å aktivere en responsiv layout eller skjule CTA-et på små skjermer i CTA-alternativene. Når du har publisert CTA-et, kan du lære hvordan du analyserer resultatene av CTA-et.
Utform en CTA
I CTA-redigeringsprogrammet kan du tilpasse CTA-designet slik at det tiltrekker seg besøkende.
- Gå til Markedsføring > Lead Capture > CTAer i HubSpot-kontoen din.
- Klikk på rullegardinmenyen øverst til venstre og velg CTA.
- Klikk på Opprett øverst til høyre.
- Du kan opprette en ny CTA fra bunnen av eller fra en mal:
- Hvis du vil opprette et nytt CTA fra en mal, klikker du på HubSpot Templates i panelet til venstre. Velg deretter en mal som samsvarer med målene dine.
- Hvis du vil opprette et nytt CTA fra bunnen av, klikker du på Start fra bunnen av i panelet til venstre. Velg deretter en CTA-type:
- Sticky Banner: et permanent banner som er festet øverst eller nederst på siden. Banneret blir værende mens besøkende blar gjennom siden.
- Popup-boks: en popup-boks som vises etter en bestemt tidsplan.
- Slide-In: et banner som skyves inn fra et hjørne av nettstedet. Banneret blir stående mens besøkende skroller gjennom siden.
- Embedded: et banner, en oppfordring til handling eller en knapp som du kan bruke i HubSpot-innholdet ditt for å lede potensielle kunder til bestemte sider.
- Innebygdbilde: et bilde du kan bruke på HubSpot-sidene eller i e-poster.
- Embedded: en knapp du kan bruke på HubSpot-sidene eller i e-poster.
- I panelet til venstre kan du legge til elementer og redigere oppsettet for CTA-et i kategorien Legg til:
-
- Hvis du vil legge til mer innhold i CTA-et, kan du klikke og dra et nytt element direkte inn i høyre panel i redigeringsverktøyet. Du kan også legge til videoelementer i CTA-et ditt. Les mer om hvordan du legger til videoer i CTA-er.
- Du kan endre CTA-layouten ved å holde musepekeren over et element , klikke og dra det til en ny posisjon.
- Du kan duplisere elementet ved å holde musepekeren over elementet og klikke påkloneikonet duplicate.
- Du sletter et element ved å holde musepekeren over elementet og klikke påsøppelbøtteikonet delete.
- Klikk på elementet for å redigere det. I panelet til venstre kan du redigere elementets innhold og design.
- Klikk på Innhold-fanen i venstre panel for å administrere elementene dine.
- For å redigere et element klikker du på elementets navn . I panelet til venstre kan du redigere elementets innhold og design. I rich text-elementer kan du bruke innholdsassistenten til å opprette eller forbedre CTA-innholdet.
- Hvis du vil slette et element, holder du musepekeren over elementet og klikker påsletteikonet delete .
- Klikk på Design-fanen i panelet til venstre for å tilpasse og forhåndsvise CTA-et.
- Hvis du vil forhåndsvise CTA-et på bestemte sider, klikker du på Forhåndsvisning øverst til høyre. Klikk deretter på rullegardinmenyen Forhåndsvisning på en bestemt side og velg HubSpot-siden du vil forhåndsvise CTA-et på.
-
- Hvis du vil tilpasse utseendet på CTA-et, velger du ett av følgende alternativer. Deretter konfigurerer du endringene i panelet til venstre.
- Posisjon: For CTA-er av typen "sticky banner" kan du velge topp- eller bunnposisjon. For CTA-er som skyves inn, kan du velge å plassere CTA-en øverst til venstre, nederst til venstre, øverst til høyre eller nederst til høyre på siden.
- Størrelse: Konfigurer høyden på CTA-en, og du kan slå på alternativet for å angi høyden automatisk basert på innholdet i CTA-en.
- Layout: Konfigurer layouten til CTA-en. Du kan legge til utfylling i CTA-innholdet. Du kan også slå på alternativet for å aktivere en responsiv layout. Med en responsiv layout vil kolonnene i CTA-et stables vertikalt på små skjermer.
- Stiler: Angi stilene for CTA-et, for eksempel den primære skrifttypen, rammen og slagskyggen fra CTA-et.
- Bakgrunn: Angi en bakgrunn for CTA-en. Du kan velge å angi en bakgrunnsfarge eller laste opp et bakgrunnsbilde.
- Hvis du vil tilpasse utseendet på CTA-et, velger du ett av følgende alternativer. Deretter konfigurerer du endringene i panelet til venstre.
Utform en HTML-CTA
Slik oppretter du en egendefinert innebygd HTML-CTA og bruker dine egne temaer eller CSS:
- Klikk på Start fra bunnen av i panelet til venstre.
- Klikk deretter for å utvide Avanserte alternativer og velg Innebygd HTML.
- Klikk på rullegardinmenyen Lenke til og velg et alternativ som CTA-en skal viderekobles til:
- E-postadresse: opprett en mailto-lenke.
- Filnedlasting: Koble CTA-et til en fil i filbehandleren. Velg en eksisterende fil eller last opp en ny fil, og merk av for Åpne siden i ny fane hvis du vil at besøkende som klikker på CTA-knappen, skal se bildet i et nytt nettleservindu.
- Møtekobling: Koble CTA-en til en HubSpot-møtekobling. Klikk på rullegardinmenyen Velg en møtekobling, og velg deretter en møtekobling. Hvis du vil åpne denne lenken på en ny side, merker du av for Åpne side i ny fane.
- En av sidene dine: Koble CTA-en til en av HubSpot-sidene eller -blogginnleggene dine. Klikk på rullegardinmenyen Side og velg deretter en side eller et innlegg. Knappens CTA-lenke vil være knyttet til side-ID-en, og eventuelle endringer i sidens URL vil automatisk oppdatere knappens CTA-lenke.
- URL: Koble CTA-en til en ekstern side utenfor HubSpot. I feltet Lenke-URL skriver du inn nettadressen du vil henvise besøkende til.
- CTA: Bruk det egendefinerte CTA-et til å utløse et klebrig banner, en popup-boks eller et CTA som skyves inn.
- Skriv inn CTA-teksten i feltet Knappens innhold.
- Klikk på Avansert for å tilpasse CTA-designet ytterligere.
- På Avansert-siden kan du legge til egendefinerte CSS-klasser eller -regler:
- Egendefinerte CSS-klasser: Angi en egendefinert klasse for CTA-en. Bruk egendefinerte klasser til å bruke designstiler, for eksempel skrifttyper, på tvers av flere CTA-er på nettstedet ditt. Alle egendefinerte CSS-klasser bør inkluderes i CSS-stilarket som brukes på HubSpot-sidene dine.
- Egendefinerte CSS-regler: Legg til egendefinerte regler for å bruke innebygd styling som er spesifikk for CTA-en.
- Hvis du vil legge til en ny CSS-regel, klikker du på Legg til en eller + Legg til og konfigurerer velgeren og stilen.
- Velger: Angi en CSS-velger. Denne verdien er valgfri og vil bli kombinert med velgeren for CTA-en. Hvis velgeren for eksempel er
:hover
, blir den kombinerte velgeren følgende${ctaSelector}:hover
- Stil: Angi en egendefinert CSS-stilregel som skal brukes på den konfigurerte velgeren. Du kan angi en stil uten å angi en velger. For eksempel
color: yellow;
.
- Velger: Angi en CSS-velger. Denne verdien er valgfri og vil bli kombinert med velgeren for CTA-en. Hvis velgeren for eksempel er
- Hvis du vil legge til en ny CSS-regel, klikker du på Legg til en eller + Legg til og konfigurerer velgeren og stilen.
- Hvis du vil redigere en eksisterende CSS-regel, holder du musepekeren over regelen og klikker på redigeringsikonet edit.
- Hvis du vil klone en CSS-regel, holder du musepekeren over regelen og klikker på ikonet duplicate clone.
- Hvis du vil administrere prioriteten til CSS-reglene dine, kan du klikke og dra hver enkelt regel for å ordne dem i prioritert rekkefølge.
- Hvis du vil fjerne en CSS-regel, holder du musepekeren over regelen og klikker på ikonet delete delete.
- Hvis du vil bruke samme HTML og klasser i CTA-en som i eldre CTA-er, merker du av for Bruk eldre markering. Hvis du har CSS-stilark på sider som styler eldre CTA-er, kan HTML-CTA-en ta i bruk de samme stilene hvis du merker av for dette alternativet.
- Klikk på Lagre og bruk for å avslutte konfigureringen av CTA-designet.
Tilpass hvor og når det klebrige banneret, popup-boksen eller CTA-vinduet vises
Hvis du har konfigurert et klebrig banner, en popup-boks eller en CTA som kan skyves inn, kan du velge når du vil at denne CTA-en skal vises på nettstedet ditt. Finn ut mer om hvordan du legger til CTA-er på sidene dine.
Du kan bruke filtre til å kombinere flere sett med regler for hvilke besøkende som skal se CTA-en. Finn ut mer om hvordan du konfigurerer målrettingsregler.
Aktiveringsutløsere
Velg en aktiveringsutløser for å bestemme når CTA-en skal vises på siden din. CTA-en vises når den første valgte utløseren er oppfylt.
- Klikk på fanen Målretting øverst.
- I delen Når skal den vises klikker du på bryteren ved siden av aktiveringsutløserne du vil bruke:
- Utløser ved knappeklikk: CTA-en vises når en besøkende klikker på en knapp. Finn ut hvordan du konfigurerer popup-CTA-er slik at de utløses ved knappeklikk. Som standard er dette alternativet alltid slått på.
- Konfigurer dette på HubSpot-sidene dine med en standard knappemodul eller på eksterne sider ved å tilpasse knappens klasse.
- For å angi denne utløseren på en ekstern side må HubSpot-sporingskoden være installert.
- Utløserved sideskrolling: CTA-en vises når den besøkende har skrollet forbi en spesifisert prosentandel av siden.
- Trigger on exit intent: CTA-en vises når den besøkende flytter markøren til den øverste linjen inettleservinduet.
- Utløsesetter forløpt tid: CTA-en vises etter det angitte antallet sekunder.
- Utløsesetter inaktivitet: CTA-en vises etter at den besøkende har vært inaktiv i et angitt antall sekunder.
- Utløser ved knappeklikk: CTA-en vises når en besøkende klikker på en knapp. Finn ut hvordan du konfigurerer popup-CTA-er slik at de utløses ved knappeklikk. Som standard er dette alternativet alltid slått på.
Nettstedets URL
Du kan legge til betinget logikk for spesifikke nettsteds-URL-er og/eller spørringsparameterverdier i den samme Målretting-fanen . Som standard vises CTA-en på alle sider.
- Hvis du vil vise CTA når en besøkende er inne på en bestemt nettstedsadresse, kan du i delen Nettstedsadresse
- Klikk på den første rullegardinmenyen og velg Nettstedets URL.
- Klikk på den andre rullegardinmenyen , og velg en målrettingsregel.
- Skriv inn kriteriene for regelen i tekstfeltet.
- Slik viser du CTA når en besøkende befinner seg på en nettside med en URL-adresse som inneholder bestemte spørringsparametere:
- Klikk på den første rullegardinmenyen , og velg Spørsmålsparameter.
- Skriv inn navnet på spørreparameteren i det første tekstfeltet.
- Klikk på rullegardinmenyen og velg en målrettingsregel.
- I det andre tekstfeltet skriver du inn verdien for spørringsparameteren.
- Klikk på Legg til regel for å legge til en ny regel.
- Klikk på Legg til regel for å ekskludere oppfordringer til handling fra visse sider (f.eks. en side med personvernregler).
Informasjon om besøkende og atferd (valgfritt)
Du kan også målrette CTA-en til bestemte kontakter basert på kjent informasjon om besøkende og atferd i kategorien Målretting . Hvilke filtreringsregler du kan legge til, avhenger av kontoens abonnementer.
- I delen Besøksinformasjon og atferd (valgfritt) klikker du på den første rullegardinmenyen for å velge hvordan du vil filtrere de besøkende.
- Klikk på den neste rullegardinmenyen for å velge filtreringsregler.
- Hvis du vil legge til flere regler for når CTA-en skal vises, klikker du på Legg til regel og velger filtre.
- Velg når CTA-en skal skjules:
- Klikk på Legg til ekskluderingsregel.
- Klikk på den første rullegardinmenyen for å velge når CTA-en skal skjules.
- Klikk på den neste rullegardinmenyen for å velge filtreringsregler.
- Hvis du vil legge til flere regler for når CTA skal skjules, klikker du på Legg til ekskl uderingsregel og velger filtre.
- Hvis du vil opprette et nytt sett med filtreringsregler, klikker du påLegg til filtergruppe og velger filtreringsregler.
Visningsfrekvens
Etter at en besøkende har avvist det klebrige banneret, popup-boksen eller CTA-et for første gang, kan du velge om CTA-et skal vises igjen og hvor ofte det skal vises. I fanen Målretting angir du hvor ofteCTA-et skal vises:
- I delen Hvor ofte skal det vises klikker du på rullegardinmenyenVis igjen og velger en frekvens:
- Etter en angitt tidsperiode: Konfigurer hvor lang tid det skal gå etter at en besøkende har avvist CTA-en, før den vises igjen.
- Gjenta: Vis CTA-en hver gang de besøkende besøker de valgte nettsidene og utfører den utløsende handlingen, selv om de har interagert med den tidligere.
- Ikke vis igjen: Vis CTA-en til besøkende bare én gang. Etter den første visningen skal du aldri vise CTA-en igjen.
Tilpass CTA-alternativene dine
IAlternativer-fanene kan du tilpasse ulike CTA-alternativer, for eksempel om CTA-en skal vises i små størrelser, eventuelle tilknyttede kampanjer og planlegging av CTA-en.
- Klikk på fanen Alternativer øverst.
- Hvis du vil knytte CTA-et til en kampanje, klikker du på rullegardinmenyen Kampanje og velger en kampanje som popup-CTA-et skal knyttes til.
- Konfigurer følgende alternativer når du bruker klebrig banner, popup-boks eller CTA som skyves inn:
- Hvis du vil skjule CTA-et på små skjermstørrelser, merker du av for Slå av på små skjermstørrelser i delen Små skjermstørrelser.
- Hvis du vil planlegge når CTA-et skal begynne å vises, slår du på Planlegg for senere. Velg deretter en startdato og et klokkeslett.
- Hvis du vil planlegge når CTA-en skal slutte å vises, slår du på bryteren Angi dato og klokkeslett for avpublisering . Velg deretter en sluttdato og et klokkeslett.

Publiser CTA-en din
Når du er ferdig med å konfigurere CTA-en, publiserer du den for å gjøre den tilgjengelig.
- Klikk på Gjennomgå og publiser øverst til høyre.
- Gå gjennom CTA-et ditt i panelet til høyre, og klikk deretter på Publiser nå. CTA-et publiseres automatisk på de aktuelle sidene.