NO | Knowledge Quick Answers

Lag oppfordringer til handling (CTA-er)

Skrevet av HubSpot Support | Jun 28, 2023 11:12:02 AM

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.

  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.

.

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

  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:

  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.

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

  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.

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.

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.


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.



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.
Vis hele posten