Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Lag handlingsoppfordringer (CTA-er)

Sist oppdatert: 8 juli 2026

Tilgjengelig med et av følgende abonnementer, unntatt der det er angitt:

Bruk verktøyet for handlingsoppfordringer (CTA) til å lage CTA-knapper, bannere eller popup-vinduer som du kan legge til på HubSpot-sidene dine for å tiltrekke 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-pluginen for WordPress på WordPress-nettstedet ditt. Etter at du har lagt til en CTA, kan du generere trafikk ved å lede besøkende til bestemte sider, møtelinker eller eksterne nettadresser. 

På mobile enheter kan du i CTA-innstillingene velge å enten aktivere et responsivt oppsett eller skjule CTA-en på små skjermer. Etter at du har publisert CTA-en, kan du lære hvordan du oppretter en A/B-test for CTA -en og analyserer resultatene. 

Utform en CTA

I CTA-redigeringsverktøyet kan du tilpasse utformingen av CTA-en din for å tiltrekke besøkende. Når du oppretter CTA-er, kan du også bruke smart innhold til å vise forskjellige versjoner av CTA-en din basert på besøkendes kategori. Les mer om bruk av smart innhold i CTA-er. 

  1. I din HubSpot-konto klikker du på Mer og navigerer deretter til Markedsføring > Call-to-action-er. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > Call-to-action-er.
  2. Klikk på Opprett øverst til høyre.
  3. Øverst velger du fanen «Pop-ups » eller «Innebygginger og knapper ». 
    • Popup-CTA-er omfatter følgende typer: 
      • Banner: et fast banner øverst eller nederst på siden. Banneret forblir synlig mens besøkende blar gjennom siden. 
      • Popup-boks: en popup-boks som vises etter en fast tidsplan. 
      • Slide-In: et banner som glir inn fra et hjørne av nettstedet ditt. Banneret forblir synlig mens besøkende blar gjennom siden din. 
    • Innebygde og knappbaserte CTA-er omfatter følgende typer: 
      • Innebygd: et banner, en oppfordring til handling eller en knapp som du kan bruke på nettstedet ditt eller i HubSpot-e-poster for å lede potensielle kunder til bestemte sider.
      • Innebygd bilde: et bilde du kan bruke på HubSpot-sidene dine eller i e-post.
  4. Velg enmal basert på hvilken type CTA du ønsker å opprette.
    • Hver CTA-mal har moduler som kan tilpasses, for eksempel bilder og tekstfelt.
    • Du kan for eksempel velge en «Klikk for å chatte»-mal for å åpne en WhatsApp-lenke, en «Møte-popup»-mal for å vise en side for møtebestilling, eller en «Arrangement»-mal slik at besøkende kan melde seg på konferansen eller workshopen din,
  5. I venstre panel, under fanen «Legg til », kan du legge til moduler og redigere oppsettet for CTA-en din: 
    • For å legge til mer innhold i CTA-en din, klikk og dra en ny modul direkte inn i det høyre panelet i redigeringsverktøyet.
      • Du kan bare legge til én skjema- (ny redigerer) eller mødemodul i en CTA. En enkelt CTA kan ikke inneholde både en skjema- og en mødemodul. 
      • Enkelte moduler kan bare legges til én gang, for eksempel nedtellingstimer- eller videomodulene.
      • Du kan også legge til videoer i CTA-en din. Les mer om kravene når du legger til videoer i CTA-ene dine. 
    • For å endre utformingen av CTA-en din, hold musepekeren over en modul og klikk og dra den til en ny posisjon.
    • For å duplisere modulen, hold musepekeren over modulen og klikk pådupliseringsikonet.
    • For å slette modulen, hold musepekeren over modulen og klikk påsletteikonet. 
       

cta-drag-drop. 

    • For å redigere en modul, klikk på modulen.
      • I panelet til venstre kan du redigere innholdet og utformingen av modulen.
      • For å lukke en popup-CTA etter at en besøkende har sendt inn skjemaet, kan du, når du tilpasser skjema-modulen, slå på bryteren «Lukk etter innsending ». 
         

ctas-create-form-close

 

  1. I venstre panel klikker du på fanen «Innhold» for å administrere modulene dine. 
    • For å redigere en modul, klikk på navnet på modulen. I venstre panel kan du redigere innholdet og utformingen av modulen. I riktekstmoduler kan du bruke AI-assistentertil å opprette eller finpusse CTA-innholdet ditt. 
    • For å slette en modul, hold musepekeren over modulen og klikk påsletteikonet. 
  2. I venstre panel klikker du på fanen «Design» for å tilpasse og forhåndsvise CTA-en din.
    • For å forhåndsvise CTA-en din på bestemte sider, klikker du på «Forhåndsvisning» øverst til høyre. Deretter klikker du på rullegardinmenyen «Forhåndsvisning på bestemt side» og velger HubSpot-siden du vil forhåndsvise CTA-en på. 
    • For å tilpasse utseendet på CTA-en din, velger du ett av følgende alternativer. Deretter konfigurerer du endringene i venstre panel. 
      • Plassering: For CTA-er med fast banner kan du velge plassering øverst eller nederst. For innskytende CTA-er kan du plassere CTA-en øverst til venstre, nederst til venstre, øverst til høyre eller nederst til høyre på siden. Det anbefales å bruke kun én innskytende CTA per side. Bruk av flere innskytende CTA-er kan føre til konflikter og hindre at CTA-ene vises.
      • Størrelse: Konfigurer høyden på CTA-en din. Du kan aktivere alternativet for å angi høyden automatisk basert på innholdet i CTA-en. Hvis dette alternativet ikke er valgt, vil det av og til vises en rullebar på CTA-en din, avhengig av designet ditt. 
      • Oppsett: Konfigurer oppsettet til CTA-en din. Du kan legge til avstand rundt innholdet i CTA-en. Du kan også aktivere alternativet for å slå på et responsivt oppsett. Med et responsivt oppsett vil kolonnene i CTA-en din stables vertikalt på små skjermer.
      • Stiler: Angi stilene for CTA-en din, for eksempel hovedskrift, ramme og skyggelegging. Du kan bruke egendefinerte skrifter i CTA-en din. Les mer om hvordan du bruker egendefinerte skrifter i HubSpot-innholdet ditt. 
      • Bakgrunn: Angi en bakgrunn for CTA-en. Du kan velge å angi en bakgrunnsfarge eller laste opp et bakgrunnsbilde.
      • Lukk-alternativ: For CTA-er i popup-vinduer kan du aktivere alternativet som lar besøkende lukke CTA-en når de klikker hvor som helst utenfor popup-vinduet. Når dette alternativet er deaktivert, kan besøkende bare lukke CTA-en ved å bruke lukk-ikonet. 

Designe en HTML-CTA

Slik oppretter du en tilpasset innebygd HTML-CTA og bruker dine egne temaer eller CSS:

  1. I din HubSpot-konto klikker du på Mer og navigerer deretter til Markedsføring > Call-to-action-er. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > Call-to-action-er.
  2. Klikk på «Opprett» øverst til høyre.
  3. Klikk på fanen «Innebygginger og knapper » øverst.
  4. I menyen i venstre sidefelt navigerer du til «Avansert». Velg deretter «Innebygd HTML».
  5. I panelet til venstre klikker du på rullegardinmenyen «Link til » og velger et alternativ som CTA-en din skal omdirigere til:
    • E-postadresse: opprett en «mailto»-lenke. For å åpne denne lenken i en ny side, merk av for «Åpne lenken i ny fane ». 
    • Filnedlasting: Koble CTA-en din til en fil i filbehandleren din. Velg en eksisterende fil eller last opp en ny fil, og merk deretter av for «Åpne lenken i ny fane» hvis du vil at besøkende som klikker på CTA-knappen skal se bildet i et nytt nettleservindu. 
    • Møtelink: Koble CTA-en din til en HubSpot-møtelink. Klikk på rullegardinmenyen «Velg en møtelink», og velg deretter en møtelink. For å åpne denne lenken i en ny side, merk av for «Åpne lenken i ny fane ». 
    • En av sidene dine: Koble CTA-knappen til en av HubSpot-sidene eller blogginnleggene dine. Klikk på rullegardinmenyen «Side» og velg deretter en side eller et innlegg. Lenken til CTA-knappen knyttes til side-ID-en, og eventuelle endringer i sidens URL vil automatisk oppdatere lenken til CTA-knappen. For å åpne denne lenken i en ny side, merker du av for «Åpne lenken i ny fane ». 
    • URL: Koble CTA-en din til en ekstern side utenfor HubSpot. I feltet «Koblings-URL» skriver du inn nettadressen til nettstedet du vil lede besøkende til. For å åpne denne lenken i en ny side, merker du av for «Åpne lenken i ny fane ». 
    • CTA: Bruk den tilpassede CTA-en til å utløse et fast banner, en popup-boks eller en innskytende CTA.
  6. Skriv inn CTA-teksten i feltet «Knappinnhold ». 

Merk:Koblinger på tvers av domener støttes ikke i CTA-er, selv om innstillingen for koblinger på tvers av domener er slått på. 

ctas-create-html 

  1. For å tilpasse utformingen av CTA-en ytterligere, klikker du på «Avansert»
  2. På siden «Avansert» kan du legge til egendefinerte CSS-klasser eller regler:
    • Tilpassede CSS-klasser: Skriv inn en tilpasset klasse for CTA-en din. Bruk tilpassede klasser til å bruke designstiler, for eksempel skriftfamilier, på flere CTA-er på nettstedet ditt. Alle tilpassede CSS-klasser må 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 din.
      • For å legge til en ny CSS-regel, klikk på «Legg til en » eller «+ Legg til» og for å konfigurere selektoren og stilen. 
        • Selektor: Skriv inn en CSS-selektor. Denne verdien er valgfri og vil bli kombinert med selektoren til CTA-en. Hvis selektoren som er angitt for eksempel er :hover, blir den kombinerte selektoren ${ctaSelector}:hover
        • Stil: skriv inn en tilpasset CSS-stilregel som skal brukes på den konfigurerte selektoren. Du kan skrive inn en stil uten å skrive inn en selektor. For eksempel color: yellow;.

cta-html-custom-css

  1. For å redigere en eksisterende CSS-regel, hold musepekeren over regelen og klikk på redigeringsikonet. 
  2. For å klone en CSS-regel, hold musepekeren over regelen og klikk på dupliseringsikonet. 
  3. For å administrere prioriteten til CSS-reglene dine, klikk og dra hver regel for å ordne dem etter prioritet.
  4. For å fjerne en CSS-regel, hold musepekeren over regelen og klikk på sletteikonet. 
  5. For å bruke samme HTML og klasser på CTA-en som på eldre CTA-er, merker du av for «Bruk eldre markering ». Hvis du har CSS-stylesheets på sider som formaterer eldre CTA-er, vil avmerkingen av denne boksen gjøre at HTML-CTA-en kan bruke de samme stilene. 
  6. For å fullføre konfigurasjonen av CTA-designet, klikk på «Lagre og bruk».
     

ctas-create-html-legacy-markup 

Tilpass hvor og når det faste banneret, popup-vinduet eller den utglidende CTA-knappen skal vises

Hvis du har konfigurert et fast banner, en popup-boks eller en innskytende CTA, kan du målrette besøkende ved å velge når du vil at denne CTA-en skal vises på nettstedet ditt. Les 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 din. Les mer om hvordan du konfigurerer målrettingsreglene dine.

Aktiveringsutløsere 

Velg en aktiveringsutløser for å bestemme når CTA-en skal vises på siden din. CTA-en vises så snart den første valgte utløseren er oppfylt. 

  1. Klikk på fanen Målrettingøverst.
  2.  I delen «Når skal den vises » klikker du for å slå på bryteren ved siden av aktiveringsutløserne du vil bruke:
    • Utløs ved knappeklikk: CTA-en vises når en besøkende klikker på en knapp. Lær hvordan du konfigurerer popup-CTA-ene dine slik at de utløses ved knappeklikk. Som standard er dette alternativet alltid aktivert. 
      • Konfigurer dette på HubSpot-sidene dine med en standardknappmodul eller på eksterne sider ved å tilpasse knappens klasse.
      • For å sette opp denne utløseren på en ekstern side, må HubSpot-sporingskoden være installert. 
    • Utløs ved rulling på siden: CTA-en vises når den besøkende har rullet forbi en angitt prosentandel av siden.
    • Utløses ved utgangsintensjon: CTA-en vises når den besøkende viser tegn på at de har tenkt å forlate siden. 
      • På datamaskiner vises CTA-knappen når besøkende flytter markøren til den øverste linjen i nettleservinduet.
      • På mobil vises CTA-knappen når: 
        • Den besøkende trykker på tilbake-knappen i nettleseren for å gå tilbake til en tidligere side.
        • Besøkende minimerer nettleservinduet og senere går tilbake til nettstedet ditt i samme nettleser.
    • Utløses etter en viss tid: CTA-knappen vises etter det angitte antallet sekunder.
    • Utløs etter inaktivitet: CTA-knappen vises etter at den besøkende har vært inaktiv i et angitt antall sekunder.

ctas-create-targeting

Nettadressen

Legg til betinget logikk for bestemte nettadresser eller verdier på søkeparametere i samme «Målretting»-faneblad . Som standard vises CTA-knappen på alle sider.

  1. For å vise CTA-knappen når en besøkende er på en bestemt nettside-URL, gjør du følgende i delen «Nettside-URL»:
    • Klikk på den førsterullegardinmenyen ogvelgNettsteds-URL.
    • Klikk på den andrerullegardinmenyen ogvelg en målrettingsregel.
    • Skriv inn kriteriene for regelen i tekstfeltet.
  2. For å vise CTA-knappen når en besøkende er på en nettside med en URL som inneholder bestemte søkeparametere:
    • Klikk på den førsterullegardinmenyen ogvelgSpørringsparameter.
    • Skriv innnavnet påspørringsparameteren i det første tekstfeltet.
    • Klikk på den andre rullegardinmenyen og velg en målrettingsregel.
    • Skriv innverdien forsøkeparameteren i det andre tekstfeltet.
  3. For å legge til en ny regel, klikk på«Legg til regel».
  4. Hvis du vil ekskludere handlingsoppfordringene fra bestemte sider, klikker du påLegg til ekskluderingsregel. Du kan for eksempel legge til en ekskludering for en side med personvernregler.

Besøkende og hyppighet

  1. I delen «Hvem skal den vises for ? » angir du målgruppen for CTA-en din. Du kan velge mellom følgende:
    • Alle besøkende: CTA-en vises for alle besøkende. 
    • Filtrerte besøkende: CTA-en vises kun for de angitte besøkende
  2. I delen «Hvor ofte skal den vises» angir du hyppigheten for CTA-en din. Klikk på rullegardinmenyen «Vis igjen » og velg mellom følgende:
    • Etter en angitt tidsperiode:CTA-en vises igjen etter den angitte tidsperioden. 
    • Gjenta: CTA-knappen vises hver gang den besøkende navigerer til de valgte nettsidene og utfører utløserhandlingen, selv om de tidligere har interagert med den.
    • Ikke vis igjen: CTA-knappen skal aldri vises til den samme besøkende igjen. 

ctas-create-specified


Tilpass CTA-alternativene dine

Påfanene Alternativer kan du tilpasse ulike CTA-alternativer, for eksempel om CTA-en skal vises på små størrelser, eventuelle tilknyttede kampanjer og tidsplanen for CTA-en. 

  1. Klikk på fanen «Alternativer » øverst.
  2. For fast banner, popup-boks eller innskytende CTA kan du skjule CTA-en på små skjermstørrelser. I delen Små skjermstørrelsermerker du av for Slå av på små skjermstørrelser.
  3. Hvis du har et Marketing Hub Professional - eller Enterprise -abonnement, kan du knytte CTA-en til en kampanje:
    • For å knytte CTA-en din til en eksisterende kampanje, klikker du på rullegardinmenyen «Kampanje» og velger en kampanje.
    • For å knytte CTA-en din til en ny kampanje, klikker du på rullegardinmenyen «Kampanje » og klikker på «Opprett kampanje». Fortsett deretter med å konfigurere kampanjen din. 
    • Hvis du aldri har opprettet en kampanje før, klikker du på «Opprett en kampanje». Fortsett deretter med å konfigurere kampanjen. 
  4. Konfigurer hvordan du ønsker å spore klikk med CTA-en din. Velg blant følgende alternativer: 
    • Spor klikk gjennom omdirigering: spor klikk på CTA-en din ved å lede besøkende til en innledende URL, som knytter klikket til CTA-en, før de omdirigeres til den endelige siden. Dette alternativet er valgt som standard.
    • Spor klikk via nettleseren: sporer klikk asynkront via besøkendes nettleser. Dette alternativet lar deg bruke anker-tagger, siden det ikke er noen omdirigeringer; CTA-en vil lede besøkende til den angitte URL-en. 
  5. For fast banner, popup-vindu eller innskytende CTA kan du planlegge når en CTA skal vises:
    • For å planlegge når CTA-en skal begynne å vises, slår du på bryteren «Planlegg for senere ». Velg deretter en startdato og -tid. 
    • For å planlegge når CTA-en skal slutte å vises, slår du på bryteren «Angi dato og klokkeslett for fjerning ». Deretter velger du en sluttdato og klokkeslett. 

ctas-create-options

Publiser CTA-en din 

Når du er ferdig med å konfigurere CTA-en, publiserer du den for å aktivere den. 

  1. Klikk på «Gjennomgå og publiser» øverst til høyre.
  2. I panelet til høyre går du gjennom CTA-en din, og klikker deretter på «Publiser nå». CTA-en vil automatisk bli publisert på de aktuelle sidene. 
     
Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.
Innholdsfortegnelse

Relatert innhold

New call-to-action