Lag oppfordringer til handling (CTA)

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.

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

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