Lag oppfordringer til handling (CTA-er)

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 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 for å vise ulike versjoner av CTA-en basert på seerkategori. Finn ut mer om hvordan du bruker smartinnhold i CTA-er.

• Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
• Klikk på Opprett øverst til høyre.
• Øverst velger du fanen Popup-vinduer eller fanen Embeds and Buttons.
  • Popup-CTAer inkluderer følgende typer:
    
    • Banner: et permanent banner som er festet øverst eller nederst på 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.
  • Innebygde CTA-er og CTA-knapper inkluderer følgende typer:
    • 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.
• Velg en mal basert på hvilken type CTA du vil lage.
  • Hver CTA-mal har elementer som kan tilpasses, for eksempel bilder og tekstfelt.
  • Du kan for eksempel velge en Klikk for å chatte-mal for å starte en WhatsApp-lenke, eller en Arrangement-mal for at besøkende skal kunne registrere seg til konferansen eller workshopen din.

• I venstre panel kan du legge til elementer i kategorien Legg til og redigere oppsettet for CTA-en din:

• • Hvis du vil legge til mer innhold i CTA-en, kan du klikke og dra et nytt element direkte inn i høyre panel i redigeringsprogrammet. Du kan også legge til videoelementer i CTA-en din, og du kan lese mer om hvilke muligheter og krav du har når du legger til videoer i CTA-ene dine.
  • 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 på duplicate.
  • Du sletter elementet ved å holde musepekeren over elementet og klikke påsletteikonet på delete.

• • Du redigerer et element ved å klikke på elementet.
    • I panelet til venstre kan du redigere elementets innhold og design.
    • 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.
      

• I venstre panel klikker du på Innhold-fanen for å administrere elementene dine.
  • Du redigerer et element ved å klikke på elementets navn . I panelet til venstre kan du redigere elementets innhold og design. I elementer med rik tekst 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 på delete .
• I panelet til venstre klikker du på Design-fanen for å tilpasse og forhåndsvise CTA-en din.
  • Hvis du vil forhåndsvise CTA-en din 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å.

• • For å tilpasse utseendet på CTA-en velger du ett av følgende alternativer. Konfigurer deretter endringene i panelet til venstre.
    • Posisjon: For CTAer 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, 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.

Design 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 viderekoble 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 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.
• Skriv inn CTA-teksten i feltet Knappens innhold.
• Klikk på Avansert for å tilpasse CTA-designet ytterligere
  

• På siden Avansert kan du legge til egendefinerte CSS-klasser eller -regler:
  • EgendefinerteCSS-klasser: Angi en egendefinert klasse for CTA-en din. Bruk egendefinerte klasser til å bruke designstiler, for eksempel skriftfamilier, 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 din.
    • For å legge til en ny CSS-regel, klikk på Legg til en eller + Legg til og konfigurer velgeren og stilen din.
      • 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;.

• Hvis du vil redigere en eksisterende CSS-regel, holder du musepekeren over regelen og klikker på redigeringsikonet på edit.
• Du kloner en CSS-regel ved å holde musepekeren over regelen og klikke på kloningsikonet på duplicate.

• Hvis du vil prioritere CSS-reglene dine, klikker du på og drar hver regel for å ordne dem i prioritert rekkefølge.
• Hvis du vil fjerne en CSS-regel, holder du musepekeren over regelen og klikker på sletteikonet på delete.

• 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 HTML-CTA-en bruke de samme stilene hvis du merker av i denne avmerkingsboksen.

• Klikk på Lagre og bruk for å fullføre oppsettet av CTA-designet.
  

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

Hvis du har satt opp et klistret banner, en popup-boks eller en CTA som kan skyves inn, kan du målrette besøkende ved å 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 din. Finn ut mer om hvordan du konfigurerer målrettingsreglene dine.

Aktiveringsutløsende faktorer

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å Målretting-fanen øverst.
• I delen Når skal den vises klikker du på bryteren ved siden av aktiveringsutløserne du ønsker å bruke:
  • Utløses 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 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å de eksterne sidene dine ved å tilpasse knappens 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øsved avslutningsintensjon: CTA-en vises når den besøkende flytter markøren til den øverste linjen i nettleservinduet.
  • Utløs etter forløpt tid: CTA-en vises etter det angitte antallet sekunder.
  • Utløs etter inaktivitet: CTA-en vises etter at den besøkende har vært inaktiv i et spesifisert antall sekunder.

Nettstedets URL

Legg til betinget logikk for bestemte nettadresser eller søkeparameterverdier 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 på en bestemt nettadresse, går du til Nettadresse-delen
  • Klikk på den første rullegardinmenyen , og velg Nettsteds-URL.
  • Klikk på den andre nedtrekksmenyen , og velg en målrettingsregel.
  • Skriv inn regelkriteriene i tekstfeltet.
• Slik viser du CTA når en besøkende befinner seg på en nettside hvis URL-adresse inneholder spesifikke søkeparametere:
  • 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.
• Klikk på Legg til regel for å legge til en ny regel.
• 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.

Informasjon om besøkende og atferd

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

• Hvis du vil vise CTA-en 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å 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 nedtrekksmenyen 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 filtrene dine.

• • Velg når CTA-en skal skjules:
    
    • Klikk på Legg til regel for utelukkelse.
    • Klikk på den første nedtrekksmenyen for å velge når CTA-en skal være skjult.
    • Klikk på den neste rullegardinmenyen for å velge filtreringsregler.
    • Hvis du vil legge til flere regler for når CTA-en skal skjules, klikker du på Legg til utel ukkelsesregel og velger filtrene dine.

• • Hvis du vil opprette et nytt sett med filtreringsregler, klikker du på Legg til filtergruppe og velger filtreringsreglene dine.

Vis frekvens

Etter at en besøkende har avvist det klebrige banneret, popup-boksen eller skyv inn CTA-en for første gang, kan du velge om CTA-en skal vises igjen, og hvor ofte den skal vises. I Målretting-fanen kan du angi hvor ofte CTA-en skal vises:

• I delen Hvor ofte skal den vises klikker du på rullegardinmenyenVis igjen og velger en frekvens:
  • Etter en angitt tidsperiode: Angi hvor lang tid som skal gå etter at en besøkende har avvist CTA-en, før den vises igjen.
    • Den angitte frekvensen vil ikke gjelde på tvers av nettstedets underdomener, selv om sporing på tvers av domener er slått på.
    • Hvis en besøkende for eksempel utløser og avviser en popup-CTA på blog.hubspot.com, men senere navigerer til knowledge.hubspot. com, vil den samme popup-CTA-en vises igjen, selv om den angitte frekvensen ikke har passert. Etter at du har avvist popup-CTA-en, vil den bare vises på hvert tilsvarende underdomene etter at den angitte frekvensen har passert for det aktuelle underdomenet.

• • Gjenta: Vis CTA-en hver gang de 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 må du aldri vise CTA-en igjen.
    • Dette gjelder ikke på tvers av underdomener på nettstedet, selv om sporing på tvers av domener er slått på.
    • Hvis en besøkende for eksempel utløser og avviser en popup-CTA på blog.hubspot.com, men senere navigerer til en side på knowledge.hubspot. com, vil den samme popup-CTA-en fortsatt vises for det underdomenet og alle andre underdomener der den ikke har blitt vist før.

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

Tilpass CTA-alternativene dine

På faneneAlternativer kan du tilpasse ulike CTA-alternativer, for eksempel om CTA-en skal vises i små størrelser, eventuelle tilknyttede kampanjer og CTA-planlegging.

• Klikk på fanen Alternativer øverst.
• For klebrig banner, popup-bokser 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.

• 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 din.
• Konfigurer hvordan du vil spore klikk med CTA-en din. Velg mellom 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.

• For klistrete bannere, 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 starttidspunkt.
  • Hvis du vil planlegge når CTA-en skal slutte å vises, slår du på bryteren Angi dato og klokkeslett for avpublisering . Deretter velger du en sluttdato og -klokkeslett.

Publiser CTA-en din

Når du er ferdig med å sette opp CTA-en din, publiserer du CTA-en for å ta den i bruk.

• Klikk på Gjennomgå og publiser øverst til høyre.
• Gå gjennom CTA-en i høyre panel, og klikk deretter på Publiser nå. CTA-en blir automatisk publisert på målsidene.