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 oppfordringer til handling (CTA-er)

Sist oppdatert: 29 mai 2026

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

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

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

Design 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økende-kategori. Lær mer om bruk av smart innhold i CTA-er. 

  1. Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
  2. Klikk på Opprett øverst til høyre.
  3. Øverst velger du fanen Pop-ups eller fanen Innlegg og knapper. 
    • Popup-CTA-er omfatter følgende typer: 
      • Banner: et permanent banner som er festet øverst eller nederst på siden din. Banneret forblir synlig mens besøkende blar gjennom siden din. 
      • 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 knapp-CTA-er vil omfatte 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å typen CTA du vil opprette.
    • Hver CTA-mal har tilpassbare moduler, 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 for at besøkende skal kunne registrere seg for 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 til 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 videomoduler.
      • 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ådupliser-klone-ikonet.
    • 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 slå på bryteren «Lukk etter innsending » når du tilpasser skjema-modulen. 
         

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 rich text-moduler kan du bruke AI-assistenter til å 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å Design- fanen 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 en 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 bare é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 slå på alternativet for å angi høyden automatisk basert på innholdet i CTA-en din. Hvis dette alternativet ikke er valgt, vil det noen ganger vises en rullebar på CTA-en din, avhengig av designet ditt. 
      • Oppsett: Konfigurer oppsettet til CTA-en din. Du kan legge til avstand til innholdet i CTA-en din. Du kan også slå på alternativet for å aktivere 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 popup-CTA-er kan du slå på alternativet for å la 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-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. Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
  2. Klikk på Opprett øverst til høyre.
  3. Klikk på fanen Innlegg 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 Lenke 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 lenke 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 lenke 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-en din til en av HubSpot-sidene eller blogginnleggene dine. Klikk på rullegardinmenyen Side, og velg deretter en side eller et innlegg. CTA-knappens lenke vil være knyttet til side-ID-en, og eventuelle endringer i sidens URL vil automatisk oppdatere CTA-knappens lenke. For å åpne denne lenken i en ny side, merk av for «Åpne lenke i ny fane ». 
    • URL: Koble CTA-en din til en ekstern side utenfor HubSpot. I feltet «Link-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. I feltet Knappinnhold skriver du inn CTA-teksten. 

ctas-create-html 

  1. For å tilpasse CTA-designet ytterligere, klikk på Avansert
  2. På siden Avansert kan du legge til tilpassede 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-stylesheetet 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 i prioritetsrekkefølge.
  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 eldre CTA-er, merker du av for Bruk eldre markering. Hvis du har CSS-stylesheets på sider som styler eldre CTA-er, vil det å merke av for dette alternativet gjøre at HTML-CTA-en kan bruke de samme stilene. 
  6. For å fullføre oppsettet av CTA-designet, klikk på Lagre og bruk.
     

ctas-create-html-legacy-markup 

Tilpass hvor og når det faste banneret, popup-vinduet eller slide-in-CTA-en 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. Lær mer om å legge til CTA-er på sidene dine. 

Du kan bruke filtre til å kombinere flere sett med regler for hvilke besøkende som ser CTA-en din. Lær mer om å konfigurere 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 til å utløses ved knappeklikk. Som standard er dette alternativet alltid slått på. 
      • Konfigurer dette på HubSpot-sidene dine med en standardknappmodul eller på eksterne sider ved å tilpasse knappens klasse.
      • For å sette denne utløseren på en ekstern side, må HubSpot-sporingskoden være installert. 
    • Utløs ved sidescrolling: CTA-en vises når besøkende har scrollet forbi en angitt prosentandel av siden.
    • Utløs ved utgangsintensjon: CTA-en vises når besøkende viser utgangsintensjon. 
      • På datamaskiner vises CTA-en når besøkende flytter markøren til den øverste linjen i nettleservinduet.
      • På mobil vises CTA-en når: 
        • Besøkende velger tilbake-knappen i nettleseren når de prøver å navigere til en forrige side.
        • Besøkende minimerer nettleservinduet og senere går tilbake til nettstedet ditt i samme nettleser.
    • Utløs etter forløpt tid: CTA-knappen vises etter det angitte antallet sekunder.
    • Utløs etter inaktivitet: CTA-knappen vises etter at besøkende har vært inaktiv i et angitt antall sekunder.

ctas-create-targeting

Nettsteds-URL

Legg til betinget logikk for bestemte nettadresser eller verdier for spørringsparametere i samme Målretting-fane . Som standard vises CTA-en på alle sider.

  1. For å vise CTA-knappen når en besøkende befinner seg på en bestemt nettadresse, gjør du følgende i delen «Nettadresse»:
    • Klikk på den førsterullegardinmenyen ogvelgNettsteds-URL.
    • Klikk på den andrerullegardinmenyen ogvelg en målrettingsregel.
    • Skriv inn regelkriteriene 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.
    • I det første tekstfeltet skriver du innnavnet påspørringsparameteren.
    • Klikk på den andre rullegardinmenyen og velg en målrettingsregel.
    • Skriv innverdien forspørringsparameteren i det andre tekstfeltet.
  3. Hvis du vil legge til en ny regel, klikker du påLegg til regel.
  4. For å ekskludere oppfordringene til handling fra bestemte sider, klikker du påLegg til ekskluderingsregel. Du kan for eksempel ønske å legge til en ekskludering for en side med personvernregler.

Besøkende og frekvens

  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 bare 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 tiden. 
    • Gjenta: CTA-en 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: Vis aldri CTA-en 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 planleggingen av 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 å sette opp kampanjen din. 
  4. Konfigurer hvordan du vil spore klikk med CTA-en din. Velg blant følgende alternativer: 
    • Spor klikk gjennom omdirigering: spor klikk til CTA-en din ved å lede besøkende til en innledende URL, som knytter klikket til CTA-en, før du omdirigerer dem til den endelige siden. Dette alternativet er valgt som standard.
    • Spor klikk gjennom nettleseren: sporer klikk asynkront via besøkendes nettleser. Dette alternativet lar deg bruke anker-tagger, da det ikke er noen omdirigeringer, og CTA-en vil lede besøkende til den angitte URL-en. 
  5. For fast banner, popup-boks eller slide-in-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 slutter å 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 

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 kan du gjennomgå CTA-en din, og deretter klikke på Publiser nå. CTA-en vil automatisk bli publisert på de målrettede 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