Lag handlingsfremmende oppfordringer (CTAs)

Bruk handlingsfremmende oppfordringer (CTA)-verktøyet til å lage knapp-CTAer, bannere eller popup-vinduer for å legge til HubSpot-sidene dine og tiltrekke nye besøkende. Du kan også legge til CTAer 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 å ha lagt til en CTA, drev trafikk ved å lede besøkende til bestemte sider, møtelenker eller eksterne nettadresser.

På mobile enheter kan du velge å enten aktivere en responsiv layout eller skjule CTA på små skjermer i CTA-alternativene . Etter at du har publisert CTA-en din, kan du finne ut hvordan du analyserer CTA-ens ytelse .

Design en CTA

I CTA-editoren tilpasser du CTA-designet for å tiltrekke besøkende. Når du oppretter CTAer, kan du også bruke smart innhold til å vise forskjellige versjoner av CTAen din basert på seerkategori. Lær mer om bruk av smart innhold i CTAer .

• Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
• Klikk på Opprett øverst til høyre.
• Øverst velger du Popup- fanen eller Embeds and Buttons- fanen.
  • Pop-up CTAer vil inkludere følgende typer:
    
    • Banner: et permanent banner festet til toppen eller bunnen av siden din. Banneret forblir mens besøkende ruller gjennom siden din.
    • Pop-up-boks: en pop-up-boks som vises på en fastsatt tidsplan.
    • Slide-In: et banner som glir inn fra et hjørne av nettstedet ditt. Banneret forblir mens besøkende ruller gjennom siden din.
  • CTA-er for innebygging og knapp inkluderer følgende typer:
    • Innebygd: et banner, et handlingsfremmende uttrykk eller en knapp som du kan bruke på nettstedet ditt eller HubSpot-e-poster for å lede potensielle kunder til bestemte sider.
    • Innebygd bilde: et bilde du kan bruke på HubSpot-sidene eller e-posten.
• Velg en mal basert på typen CTA du vil opprette.
  • Hver CTA-mal vil ha tilpassbare elementer som bilder og tekstfelt.
  • Du kan for eksempel velge en klikk for å chatte- mal for å starte en WhatsApp-kobling, eller en begivenhetsmal for besøkende å registrere seg for konferansen eller workshopen din.

• I panelet til venstre, fra Legg til -fanen, legg til elementer og rediger oppsettet for handlingsfremmende oppfordringer:

• • For å legge til mer innhold til CTA-en din, klikk og dra et nytt element direkte til høyre panel i redigeringsprogrammet. Du kan også legge til videoelementer i CTA-en din, finn ut mer om alternativene som kreves når du legger til videoer i CTA-ene dine .
  • For å endre oppsettet til din CTA, hold musepekeren over et element og klikk og dra det til en ny posisjon.
  • For å duplisere elementet, hold musepekeren over elementet og klikk på duplikatkloneikonet duplicate
  • For å slette elementet, hold musepekeren over elementet og klikk på delete -ikonet .
  • For å redigere et element, klikk på elementet . I panelet til venstre kan du redigere innholdet og utformingen av elementet.

• I panelet til venstre klikker du på Innhold -fanen for å administrere elementene dine.
  • For å redigere et element, klikk på navnet på elementet. I panelet til venstre kan du redigere innholdet og utformingen av elementet. I rik tekstelementer kan du bruke AI-assistenter for å lage eller avgrense CTA-innholdet ditt.
  • For å slette et element, hold musepekeren over elementet og klikk på delete -ikonet .
• I panelet til venstre klikker du på Design- fanen for å tilpasse og forhåndsvise din CTA.
  • For å forhåndsvise handlingsfremmende oppfordringer på bestemte sider, klikk på Forhåndsvisning øverst til høyre. Klikk deretter på rullegardinmenyen Forhåndsvisning på spesifikk side og velg HubSpot-siden for å forhåndsvise CTA.

• • For å tilpasse utseendet til din CTA, velg ett av følgende alternativer. Konfigurer deretter endringene i panelet til venstre.
    • Posisjon: for klebrige banner-CTAer kan du velge en topp- eller bunnposisjon. For slide-in CTAer kan du plassere CTA øverst til venstre, nederst til venstre, øverst til høyre eller nederst til høyre på siden.
    • Størrelse: konfigurer høyden på CTAen din, du kan slå på alternativet for å stille inn høyden automatisk basert på innholdet i CTAen din.
    • Layout: konfigurer oppsettet til din CTA. Du kan legge til polstring i CTA-innholdet ditt. Du kan også slå på alternativet for å aktivere en responsiv layout. Med en responsiv layout vil kolonnene i CTA-en din stables vertikalt på små skjermer.
    • Stiler: Angi stilene for CTAen din, for eksempel primær font, kantlinje og skygge fra CTA. Du kan bruke egendefinerte fonter med CTA-en din, lær mer om bruk av egendefinerte fonter med HubSpot-innholdet ditt .
    • Bakgrunn: angi en bakgrunn for CTA, du kan velge å angi en bakgrunnsfarge eller laste opp et bakgrunnsbilde.
    • Lukkalternativ: for popup-boks-CTA-er kan du slå på alternativet for å la besøkende lukke CTA-en når de klikker hvor som helst utenfor pop-up-boksen. Når dette alternativet er slått av, kan besøkende bare lukke CTA ved å bruke lukkeikonet.

Design en HTML CTA

Slik oppretter du en egendefinert innebygd HTML CTA og bruker tilpassede temaer eller CSS:

• Klikk på Start fra bunnen av i panelet til venstre.
• Klikk deretter for å utvide Avanserte alternativer og velg Embedded HTML .
• Klikk på lenke til rullegardinmenyen og velg et alternativ som CTAen din skal omdirigere til:
  • E-postadresse: opprett en mailto-lenke. For å åpne denne koblingen på en ny side, merk av for Åpne kobling i ny fane .
  • Filnedlasting: koble din CTA til en fil i filbehandlingen. Velg en eksisterende fil eller last opp en ny fil, og velg deretter avmerkingsboksen Åpne lenke i ny fane hvis du vil at besøkende som klikker på knappen CTA skal se bildet i et nytt nettleservindu.
  • Møtelink: koble din CTA til en HubSpot-møtelenke. Klikk på rullegardinmenyen Velg en møtekobling , og velg deretter en møtekobling . For å åpne denne koblingen på en ny side, merk av for Åpne kobling i ny fane .
  • En av sidene dine: koble din CTA til en av HubSpot-sidene eller blogginnleggene dine. Klikk på rullegardinmenyen Side og velg deretter en side eller et innlegg . Knappen CTAs lenke vil bli knyttet til side-IDen og eventuelle endringer i sidens URL vil automatisk oppdatere knappen CTAs lenke. For å åpne denne koblingen på en ny side, merk av for Åpne kobling i ny fane .
  • URL: koble din CTA til en ekstern side utenfor HubSpot. I feltet Link URL skriver du inn nettadressen du vil lede besøkende til. For å åpne denne koblingen på en ny side, merk av for Åpne kobling i ny fane .
  • CTA: bruk den egendefinerte CTAen til å utløse et klebrig banner, popup-boks eller innglidende CTA.
• Skriv inn CTA-teksten i feltet Button content .
• For å tilpasse CTA-designet ytterligere, klikk Avansert
  

• På Avansert -siden kan du legge til egendefinerte CSS-klasser eller regler:
  • Egendefinerte CSS-klasser: skriv inn en egendefinert klasse til CTAen din. Bruk tilpassede klasser for å bruke designstiler som skriftfamilier på tvers av flere CTAer på nettstedet ditt. Enhver tilpasset CSS-klasse bør inkluderes i CSS-stilarket som brukes på HubSpot-sidene dine.
  • Egendefinerte CSS-regler: legg til egendefinerte regler for å bruke innebygd stil som er spesifikk for din CTA.
    • For å legge til en ny CSS-regel, klikk på Legg til en eller + Legg til og konfigurer din velger og stil.
      • Velger: angi en CSS-velger. Denne verdien er valgfri og vil bli kombinert med velgeren til CTA. Hvis for eksempel velgeren som er angitt er :hover , blir den kombinerte velgeren ${ctaSelector}:hover
      • Stil: skriv inn en egendefinert CSS-stilregel som skal brukes på den konfigurerte velgeren. Du kan angi en stil uten å angi en velger. For eksempel color: yellow; .

• For å redigere en eksisterende CSS-regel, hold markøren over regelen og klikk på edit redigeringsikonet .
• For å klone en CSS-regel, hold musepekeren over regelen og klikk på duplikatkloneikonet duplicate

• For å administrere prioriteten til CSS-reglene dine, klikk og dra hver regel for å ordne i prioritert rekkefølge.
• For å fjerne en CSS-regel, hold musepekeren over regelen og klikk på delete -ikonet .

• For å bruke samme HTML og klasser på CTAen som eldre CTAer, merk av for Use Legacy Markup . Hvis du har CSS-stilark på sider som stiler eldre handlingsfremmende oppfordringer, vil merking av denne avmerkingsboksen tillate HTML-oppfordringen til å ta i bruk de samme stilene.

• For å fullføre konfigureringen av CTA-designet, klikk Lagre og bruk.
   

Tilpass hvor og når det klebrige banneret, popup-boksen eller den innglidende CTA-skjermen vises

Hvis du har konfigurert et klebrig banner, popup-boks eller en innglidende CTA, målrett besøkende ved å velge når du vil at denne CTA skal vises på nettstedet ditt. Finn ut mer om å legge til CTAer på sidene dine .

Du kan bruke filtre til å kombinere flere sett med regler om hvilke besøkende som ser CTAen din. Finn ut mer om hvordan du konfigurerer målrettingsreglene .

Aktiveringsutløsere

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

• Klikk på Målretting -fanen øverst.
• I avsnittet Når skal det vises , klikk for å veksle bryteren ved siden av aktiveringsutløserne du vil bruke:
  • Utløser ved knappeklikk: CTA vises når en besøkende klikker på en knapp. Finn ut hvordan du konfigurerer popup-CTAene til å utløses ved knappeklikk . Som standard er dette alternativet alltid slått på.
    • Konfigurer dette på HubSpot-sidene dine med en standard knappmodul eller på eksterne sider ved å tilpasse en knapps klasse.
    • For å sette denne utløseren på en ekstern side, må HubSpot-sporingskoden være installert.
  • Trigger på siderulling: CTA-en vises når den besøkende har rullet forbi en spesifisert prosentandel av siden.
  • Utløser ved avslutningsintensjon: CTA vises når besøkende flytter markøren til den øverste linjen i nettleservinduet.
  • Utløser etter medgått tid: CTA vises etter det angitte antallet sekunder.
  • Utløser 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 spesifikke nettadresser eller søkeparameterverdier i samme Målrettingsfane . Som standard vil CTA vises på alle sider.

• For å vise CTA når en besøkende er på en bestemt nettadresse, i Nettstedsadresse- delen
  • Klikk på den første rullegardinmenyen og velg Nettadresse .
  • Klikk på den andre rullegardinmenyen og velg en målrettingsregel .
  • Skriv inn regelkriteriene dine i tekstfeltet.
• Slik viser du handlingsfremmende oppfordringer når en besøkende er på en nettside hvis nettadresse inneholder spesifikke søkeparametere:
  • Klikk på den første rullegardinmenyen og velg Spørringsparameter.
  • I det første tekstfeltet skriver du inn navnet på spørringsparameteren .
  • Klikk på den andre rullegardinmenyen og velg en målrettingsregel .
  • I det andre tekstfeltet skriver du inn søkeparameterverdien .
• For å legge til en ny regel, klikk på Legg til regel .
• For å ekskludere handlingsfremmende oppfordringer fra bestemte sider, klikk på Legg til ekskluderingsregel . Det kan for eksempel være lurt å legge til en ekskludering for en personvernside.

Besøksinformasjon og adferd

Du kan også målrette mot spesifikke kontakter basert på kjent besøksinformasjon og atferd i Målretting -fanen. Hvilken type filtreringsregler du kan legge til avhenger av kontoens abonnementer.

• For å vise CTA til alle besøkende på de angitte nettstedene, velg Alle besøkende . Dette alternativet er valgt som standard.
• For å vise CTAene dine med spesifikke besøkende, klikk på alternativet Filtrerte besøkende . Deretter setter du opp filtrene dine:
  • Klikk på den første rullegardinmenyen for å velge hvordan de besøkende skal filtreres.

• • Klikk på neste rullegardinmeny for å velge filtreringsregler .
  • For å legge til flere regler for når du skal vise handlingsfremmende oppfordringer, klikk på Legg til regel og velg filtrene dine.

• • Velg når du vil skjule CTA:
    
    • Klikk på Legg til ekskluderingsregel .
    • Klikk på den første rullegardinmenyen for å velge når CTAen skal skjules.
    • Klikk på neste rullegardinmeny for å velge filtreringsregler .
    • For å legge til flere regler for når du skal skjule handlingsfremmende oppfordringer, klikk på Legg til ekskluderingsregel og velg filtrene dine.

• • For å opprette et nytt sett med filtreringsregler, klikk på Legg til filtergruppe og velg filtreringsreglene.

Visningsfrekvens

Etter at en besøkende forkaster din klebrige banner, pop-up-boks eller slide-in CTA for første gang, velger du om CTAen skal vises igjen, og hvor ofte den skal vises. I Målretting -fanen konfigurerer du visningsfrekvensen for handlingsfremmende oppfordringer:

• I delen Hvor ofte vil det bli vist , klikk på rullegardinmenyen S hvordan igjen og velg en frekvens:
  • Etter en angitt tidsperiode: angi hvor lang tid som skal gå etter at en besøkende avviser CTA, før den vises igjen.
  • Gjenta: vis CTA hver gang de besøker de valgte nettsidene og utfører utløserhandlingen, selv om de tidligere har interagert med den.
  • Ikke vis igjen: Vis CTA-en til besøkende bare én gang. Etter den første visningen, vis aldri CTA igjen.

Vennligst merk: dette gjelder ikke for CTAer når du bruker Trigger på knappeklikk som en aktiveringsutløser.

Tilpass CTA-alternativene dine

På Alternativer -fanene tilpasser du forskjellige CTA-alternativer, for eksempel om CTA-en skal vises i små størrelser, eventuelle tilknyttede kampanjer og CTA-ens planlegging.

• Klikk på fanen Alternativer øverst.
• For klebrig banner, pop-up-boks eller slide-in CTA, kan du skjule CTA på små skjermstørrelser. I delen Små skjermstørrelser merker du av for Slå av på små skjermstørrelser .

• Hvis du har et Marketing Hub Professional- eller Enterprise- abonnement, kan du knytte CTAen til en kampanje:
  • For å knytte handlingsfremmende oppfordringer til en eksisterende kampanje, klikk på rullegardinmenyen Kampanje og velg en kampanje .
  • For å knytte handlingsfremmende oppfordringer til en ny kampanje, klikk på rullegardinmenyen Kampanje og klikk på Opprett kampanje . Fortsett deretter å sette opp kampanjen .

• • Hvis du aldri har opprettet en kampanje før, klikker du på Opprett en kampanje . Fortsett deretter å sette opp kampanjen .
• Konfigurer hvordan du vil spore klikk med CTA. Velg blant følgende alternativer:
  • Spor klikk gjennom viderekobling: Spor klikk til CTAen din ved å lede besøkende til en innledende URL, som knytter klikket til CTAen, før de omdirigeres til den siste siden. Dette alternativet er valgt som standard.
  • Spor klikk gjennom nettleseren: sporer klikk asynkront via den besøkendes nettleser. Dette alternativet lar deg bruke ankertagger siden det ikke er noen omdirigeringer, CTA vil lede besøkende til den angitte URL-adressen.

• For klebrig banner, pop-up-boks eller slide-in CTA kan du planlegge når en CTA vises:
  
  • For å planlegge når CTA begynner å vises, slå på tidsplan for senere . Velg deretter en startdato og -klokkeslett .
  • For å planlegge når CTA slutter å vises, slå på Angi avpubliseringsdato og -klokkeslett . Velg deretter en sluttdato og -klokkeslett .

Publiser din CTA

Når du er ferdig med å konfigurere handlingsfremmende oppfordringer, publiserer du handlingsfremmende oppfordringer for å ta den live.

• Klikk på Se gjennom og publiser øverst til høyre.
• I det høyre panelet går du gjennom CTA-en din, og klikker deretter på Publiser nå . CTA-en vil automatisk bli publisert til de målrettede sidene.