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: 3 september 2025

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

Bruk verktøyet for oppfordringer til handling (CTA) til å lage 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 HubSpots sporingskode, eller installere HubSpots 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 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 og analyserer ytelsen til CTA-en.

Utform en CTA

I CTA-redigeringsprogrammet kan du tilpasse CTA-designet for å tiltrekke deg besøkende. Når du oppretter CTA-er, kan du også bruke smartinnhold til å vise ulike versjoner av CTA-en basert på seerkategori. Finn ut mer om hvordan du bruker smartinnhold i CTA-er.

  1. Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
  2. Klikk på Opprett øverst til høyre.
  3. Øverst oppe velger du fanen Popup-vinduer eller fanen Innebygde elementer og knapper.
    • Popup-CTAer inkluderer følgende typer:
      • Banner: et permanent banner som er festet til toppen eller bunnen av siden. Banneret blir værende når besøkende blar gjennom siden.
      • Popup-boks: en popup-boks som vises etter en bestemt tidsplan.
      • Slide-In: et banner som glir inn fra et hjørne av nettstedet ditt. Banneret blir liggende mens besøkende blar gjennom siden.
    • Følgende typer CTA-er for innbygging og knapper kan brukes:
      • Embedded: 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 eller i e-postene dine.
  4. Velg en mal 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 Click to chat-mal for å starte en WhatsApp-lenke, en Meeting Popup-mal for å vise en møtebookingside eller en Event-mal for å registrere besøkende til konferansen eller workshopen din,
  5. I venstre panel kan du legge til moduler i kategorien Legg til og redigere oppsettet for CTA-en din:
    • Hvis du vil legge til mer innhold i CTA-en, klikker du på og drar en ny modul direkte inn i høyre panel i redigeringsverktøyet.
      • Du kan bare legge til ett skjema (Ny editor) eller én møtemodul i en CTA. En enkelt CTA kan ikke inneholde både et skjema og en møtemodul.
      • Enkelte moduler kan bare legges til én gang, for eksempel nedtellingstimeren eller videomoduler.
      • Du kan også legge til videoer i CTA-ene dine. Les mer om kravene for å legge til videoer i CTA-ene dine.
    • Hvis du vil endre CTA-layouten, holder du musepekeren over en modul og klikker og drar den til en ny posisjon.
    • Du kan duplisere modulen ved å holde musepekeren over modulen og klikke påkloneikonet på duplicate.
    • Hvis du vil slette modulen, holder du musepekeren over modulen og klikker på deletedelete-ikonet.

cta-drag-drop.

    • Hvis du vil redigere en modul, klikker du på modulen.
      • I panelet til venstre kan du redigere innholdet og utformingen av modulen.
      • Når du tilpasser skjemamodulen, kan du slå på bryteren Lukk etter innsending for å lukke en popup-CTA etter at en besøkende har sendt inn skjemaet.

ctas-create-form-close

  1. I panelet til venstre klikker du på Innhold-fanen for å administrere modulene dine.
    • For å redigere en modul klikker du på navnet på modulen. I venstre panel kan du redigere innholdet og utformingen av modulen. I riktekstmoduler kan du bruke AI-assistenter til å opprette eller forbedre CTA-innholdet.
    • Hvis du vil slette en modul, holder du musepekeren over modulen og klikker påsletteikonet på delete .
  2. I panelet til venstre klikker du på Design-fanen for å tilpasse og forhåndsvise CTA-en.
    • Hvis du vil forhåndsvise CTA-en 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-en på.
    • Hvis du vil tilpasse utseendet til CTA-en, velger du ett av følgende alternativer. Konfigurer deretter endringene i panelet til venstre.
      • Posisjon: For CTA-er med klistret banner kan du velge en topp- eller bunnposisjon. For CTAer som skyves inn, kan du plassere CTAen ø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 din, og du kan slå på alternativet for å angi høyden automatisk basert på innholdet i CTA-en.
      • Layout: Konfigurer layouten til CTA-en din. Du kan legge til utfylling i CTA-innholdet. Du kan også slå på alternativet for å aktivere et responsivt oppsett. Med et responsivt oppsett vil kolonnene i CTA-en stables vertikalt på små skjermer.
      • Stiler: Angi stilene for CTA-en, for eksempel den primære skriften, rammen og skyggen fra CTA-en. Du kan bruke egendefinerte fonter med CTA-en din, les mer om hvordan du bruker egendefinerte fonter med HubSpot-innhold.
      • Bakgrunn: Angi en bakgrunn for CTA-en. Du kan velge å angi en bakgrunnsfarge eller laste opp et bakgrunnsbilde.
      • Lukk-alternativ: For CTAer i popup-bokser kan du slå på alternativet for å tillate besøkende å lukke CTAen 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 hjelp av lukkeikonet.

Utform en HTML-CTA

Slik oppretter du en egendefinert innebygd HTML-CTA og bruker egendefinerte 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 Embeds and Buttons øverst.
  4. Naviger til Avansert i menyen til venstre. Velg deretter Innebygd HTML.
  5. I venstre panel klikker du på rullegardinmenyen Lenke til og velger et alternativ som CTA-en skal omdirigere 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-en til en fil i filbehandleren. 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. 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 din til en av HubSpot-sidene eller blogginnleggene dine. Klikk på rullegardinmenyen Side, og velg deretter en side eller et innlegg. Koblingen til CTA-knappen blir knyttet til side-ID-en, og eventuelle endringer i sidens URL-adresse vil automatisk oppdatere koblingen til CTA-knappen. Hvis du vil åpne denne lenken på en ny side, merker du av for Åpne lenke i ny fane.
    • URL: lenke CTA-en til en ekstern side utenfor HubSpot. I feltet URL for lenke skriver du inn nettadressen du vil henvise besøkende til. Hvis du vil åpne denne lenken på en ny side, merker du av for Åpne lenke i ny fane.
    • CTA: Bruk den egendefinerte CTA-en til å utløse et klistret banner, en popup-boks eller en CTA som skyves inn.
  6. Skriv inn CTA-teksten i feltet Knappinnhold.

ctas-create-html

  1. Klikk på Avansert for å tilpasse CTA-designet ytterligere
  2. På Avansert-siden kan du legge til egendefinerte CSS-klasser eller -regler:
    • EgendefinerteCSS-klasser: Angi en egendefinert klasse for CTA-en. Bruk egendefinerte klasser til å bruke designstiler, for eksempel skriftfamilier, på tvers av flere CTA-er på nettstedet. 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 din.
      • For å legge til en ny CSS-regel klikker du på Legg til en eller + Legg til og konfigurerer velgeren og stilen.
        • Velger: Skriv inn en CSS-velger. Denne verdien er valgfri og vil bli kombinert med CTA-ens velger. Hvis den angitte velgeren for eksempel er :hover, blir den kombinerte velgeren ${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;.

cta-html-custom-css

  1. Hvis du vil redigere en eksisterende CSS-regel, holder du musepekeren over regelen og klikker på edit edit-ikonet.
  2. Hvis du vil klone en CSS-regel, holder du musepekeren over regelen og klikker på duplicate klone-ikonet.
  3. Hvis du vil prioritere CSS-reglene dine, klikker du på og drar hver enkelt regel for å ordne dem i prioritert rekkefølge.
  4. Hvis du vil fjerne en CSS-regel, holder du musepekeren over regelen og klikker på delete delete-ikonet.
  5. Hvis du vil bruke samme HTML og klasser på CTA-en som på eldre CTA-er, merker du av for Bruk eldre markering. Hvis du har CSS-stilark på sider som styler eldre CTA-er, kan du velge denne avmerkingsboksen slik at HTML-CTA-en kan bruke de samme stilene.
  6. Klikk på Lagre og bruk for å fullføre oppsettet av CTA-designet.

ctas-create-html-legacy-markup

Tilpass hvor og når det klebrige banneret, popup-boksen eller skyv inn CTA-en skal vises

Hvis du har satt opp et klistret banner, en popup-boks eller en CTA som skyves inn, kan du målrette besøkende ved å velge når du vil at denne CTA-en skal vises på nettstedet. 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 din. Finn ut 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 når den første valgte utløseren er oppfylt.

  1. Klikk på Målretting-fanen øverst.
  2. I delen Når skal den vises klikker du på bryteren ved siden av aktiveringsutløserne du vil bruke:
    • Utløs ved klikk på knapp: 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 klikk 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 en knappes klasse.
      • For å angi denne utløseren på en ekstern side må HubSpot-sporingskoden være installert.
    • Utløses ved sideskroll: CTA-en vises når den besøkende har scrollet forbi en spesifisert prosentandel av siden.
    • Utløs ved avslutningsintensjon: CTA-en vises når den besøkende viser avslutningsintensjon.
      • På datamaskiner vises CTA-en når den besøkende flytter markøren til den øverste linjen i nettleservinduet.
      • På mobil vises CTA-en når:
        • Den besøkende velger tilbake-knappen i nettleseren når han eller hun forsøker å navigere til en tidligere side.
        • Den besøkende minimerer nettleserskjermen og senere går tilbake til nettstedet ditt i samme nettleser.
    • Utløs etter forløpt tid: CTA-en vises etter det angitte antallet sekunder.
    • Utløsetter inaktivitet: CTA-en vises etter at den besøkende har værtinaktiv i et spesifisert antall sekunder.

ctas-create-targeting

Nettstedets URL

Legg til betinget logikk for bestemte nettadresse-URL-er eller søkeparameterverdier i samme målrettingsfane . Som standard vises CTA-en på alle sider.

  1. For å vise CTA når en besøkende er på en bestemt nettadresse, i delen Nettadresse :
    • Klikk på den første rullegardinmenyen , og velg Nettstedets URL.
    • Klikk på den andre nedtrekksmenyen , og velg en målrettingsregel.
    • Skriv inn regelkriteriene i tekstfeltet.
  2. Slik viser du CTA når en besøkende er på en nettside med en URL som inneholder spesifikke spørringsparametere:
    • Klikk på den første rullegardinmenyen , og velg Query parameter.
    • Skriv inn navnet på spørringsparameteren i det første tekstfeltet.
    • Klikk på den andre rullegardinmenyen, og velg en målrettingsregel.
    • I det andre tekstfeltet skriver du inn verdien for spørringsparameteren.
  3. Klikk på Legg til regel for å legge til en ny regel.
  4. Hvis du vil ekskludere oppfordringene til handling fra bestemte sider, klikker du på Legg til regel for ekskludering. Det kan for eksempel være lurt å legge til en utelukkelsesregel for en side med personvernregler.

Besøkende og frekvens

  1. I delen Hvem skal den vises til angir du målgruppen for CTA-en. 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 spesifiserte besøkende
  2. I delen Hvor ofte skal vises angir du hvor ofte CTA-en skal vises . Klikk på rullegardinmenyen Vis igjen, og velg blant følgende:
    • Etter en angitt tidsperiode: CTA-en vises igjen etter den angitte tidsperioden.
    • Gjenta: CTA-en vises hver gang den besøkende navigerer til de valgte nettsidene og utfører den utløsende handlingen, selv om de har interagert med den tidligere.
    • Ikke vis igjen: CTA-en vises aldri for den samme besøkende igjen.

ctas-create-specified


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 CTA-planlegging.

  1. Klikk på fanen Alternativer øverst.
  2. For klebrig banner, popup-boks eller CTA som skyves inn, kan du skjule CTA-en på små skjermstørrelser. I delen Små skjerm størrelser merker du av for Slå av på små skjerm størrelser.
  3. Hvis du har et Marketing Hub Professional- eller Enterprise-abonnement, kan du knytte CTA-en til en kampanje:
    • Hvis du vil knytte CTA-en til en eksisterende kampanje, klikker du på rullegardinmenyen Campaign og velger en kampanje.
    • Hvis du vil knytte CTA-en 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.
  4. Konfigurer hvordan du vil spore klikk med CTA-en din. Velg blant følgende alternativer:
    • Sporklikk gjennom viderekobling: Spor klikk på CTA-en ved å sende besøkende til en innledende URL-adresse, som knytter klikket til CTA-en, før de viderekobles til den endelige siden. Dette alternativet er valgt som standard.
    • Spor klikk gjennom nettleseren: sporer klikk asynkront via den besøkendes nettleser. Med dette alternativet kan du bruke ankerkoder, ettersom det ikke er noen viderekoblinger, og CTA-en leder besøkende til den angitte URL-en.
  5. For klebrig banner, popup-bokser eller CTA som skyves inn, kan du planlegge når en CTA skal vises:
    • Hvis du vil planlegge når CTA-en skal begynne å vises, slår du på bryteren Planlegg for senere. Deretter velger du 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 -klokkeslett.

ctas-create-options

Publiser CTA-en din

Når du er ferdig med å konfigurere CTA-en, kan du publisere CTA-en for å ta den i bruk.

  1. Klikk på Gjennomgå og publiser øverst til høyre.
  2. Gå gjennom CTA-en i det høyre panelet, og klikk deretter på Publiser nå. CTA-en blir automatisk publisert på målsidene.
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