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)

Sist oppdatert: desember 1, 2023

Gjelder for:

Markedsføring Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

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.

KB - Video Module

  • 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.

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.

  • 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;.

  • 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.

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.



Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.