Lag oppfordringer til handling (CTA)

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.

Hvis du har gamle CTA-er, anbefaler vi at du migrerer disse til det nye redigeringsprogrammet. Finn ut mer om migrering av CTA-er (eldre).

Utform en CTA

I CTA-redigeringsprogrammet kan du tilpasse CTA-designet for å tiltrekke 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-ene dine. Les mer om hvilke alternativer som kreves når du legger til videoer i CTA-ene dine.
  • Hvis du vil endre CTA-layouten, holder du musepekeren over et element og klikker og drar 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å ikonet deletedelete.
  • 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 AI-assistenter 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. Konfigurer deretter endringene i panelet til venstre.
    • Posisjon: For CTA-er med klebrig banner kan du velge en topp- eller bunnposisjon. For CTA-er som skyves inn, kan du 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-et. Du kan velge å angi en bakgrunnsfarge eller laste opp et bakgrunnsbilde.
    • Lukk-alternativ: For CTA-er i popup-bokser kan du slå på alternativet som lar besøkende lukke CTA-en når de klikker hvor som helst utenfor popup-boksen. Når dette alternativet er slått av, kan besøkende bare lukke CTA-et ved hjelp av lukk-ikonet.

Utform en HTML-CTA

Slik oppretter du en egendefinert innebygd HTML-CTA og bruker dine egendefinerte 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. Hvis du vil åpne denne lenken på en ny side, merker du av for Åpne lenke i ny fane.
  • Filnedlasting: Koble CTA-et til en fil i filbehandleren. Velg en eksisterende fil eller last opp en ny fil, og merk av for Åpne lenke 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 lenke 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. Hvis du vil åpne denne lenken på en ny side, merker du av for Åpne lenke i ny fane.
  • URL: Koble CTA-en til en ekstern side utenfor HubSpot. I feltet Lenke-URL skriver du inn nettadressen du vil sende besøkende til. Hvis du vil åpne denne lenken på en ny side, merker du av for Åpne lenke i ny f ane.
  • 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 inline-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;.

• 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-et som skyves inn, skal 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 når du klikker på en knapp. 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.

Nettstedets URL

Legg til betinget logikk for spesifikke nettsteds-URL-er 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 nettsteds-URL, går du til Nettsteds-URL-delen
  • 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å den andre rullegardinmenyen og velg en målrettingsregel.
  • Skriv inn verdien for søkeparameteren i det andre tekstfeltet.
• Klikk på Legg til regel for å legge til en ny regel.
• Klikk på Legg til regel for ekskludering for å ekskludere oppfordringer til handling fra bestemte sider. Det kan for eksempel være lurt å legge til et unntak for en side med personvernregler.

Informasjon om besøkende og atferd

Du kan også målrette mot bestemte kontakter basert på kjent informasjon om besøkende og atferd i fanen Målretting . Hvilke filtreringsregler du kan legge til, avhenger av kontoens abonnementer.

• Hvis du vil vise CTA til alle besøkende på de angitte nettstedene, velger du Alle besøkende. Dette alternativet er valgt som standard.
• Hvis du vil vise CTA-ene dine for bestemte besøkende, klikker du på alternativet Filtrerte besøkende . Deretter konfigurerer du filtrene:
  • Klikk 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 utelukkelsesregel.
    • 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.

Vise frekvens

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 kan du angi hvor ofte CTA-en skal vises:

• I delen Hvor ofte skal det vises klikker du på rullegardinmenyenVis igjen og velger en frekvens:
  • Etter en angitt tidsperiode: Angi 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 visigjen: Vis CTA-en til besøkende bare én gang. Etter den første visningen skal du aldri vise CTA-en igjen.

Merk: Dette gjelder ikke for CTA-er når du bruker Trigger on button click som en aktiveringsutløser på .

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.
• For klebrig banner, popup-boks eller CTA som skyves inn, kan du skjule CTA på små skjermstørrelser. I delen Små skjermstørrelser merker du av for Slå av på små skjermstørrelser.

• Hvis du har et Marketing Hub Professional- eller Enterprise-abonnement, kan du knytte CTA-et til en kampanje:
  • Hvis du vil knytte CTA-et til en eksisterende kampanje, klikker du på rullegardinmenyen Kampanje og velger en kampanje.
  • Hvis du vil knytte CTA-et til en ny kampanje, klikker du på rullegardinmenyen Kampanje og klikker på Opprett kampanje. Fortsett deretter med å konfigurere kampanjen.

• • Hvis du aldri har opprettet en kampanje før, klikker du på Opprett en kampanje. Fortsett deretter med å konfigurere kampanjen.
• Konfigurer hvordan du vil spore klikk med CTA-en. Velg mellom følgende alternativer:
  • Spor klikk gjennom viderekobling: Spor klikk på CTA-en ved å sende besøkende til en første URL-adresse, som knytter klikket til CTA-en, før de viderekobles til den endelige siden. Dette alternativet er valgt som standard.
  • Spor klikk via nettleseren: sporer klikk asynkront via den besøkendes nettleser. Med dette alternativet kan du bruke ankertagger, ettersom det ikke skjer noen omdirigeringer, og CTA-en leder de besøkende til den angitte URL-adressen.

• For klebrig banner, popup-boks eller CTA som skyves inn, kan du planlegge når en CTA skal vises:
  
  • Hvis du vil planlegge når CTA-et skal vises, slår du på Planlegg for senere. Velg deretter en startdato og et klokkeslett.
  • Hvis du vil planlegge når CTA-et slutter å vises, slår du på bryteren Angi dato og klokkeslett for avpublisering . Velg deretter en sluttdato og et klokkeslett.

Publiser CTA-et ditt

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.