Opret opfordringer til handling (CTA’er)

Brug værktøjet til opfordringer til handling (CTA) til at oprette CTA-knapper, bannere eller pop-ups, som du kan føje til dine HubSpot-sider for at tiltrække nye besøgende. Du kan også tilføje CTA’er til eksterne sider.

Inden du tilføjer en CTA til en ekstern side, skal du installere HubSpot-sporingskoden eller installere HubSpot-WordPress-pluginet på dit WordPress-websted. Når du har tilføjet en CTA, kan du skabe trafik ved at dirigere besøgende til bestemte sider, mødelinks eller eksterne URL'er. 

På mobile enheder kan du i CTA-indstillingerne vælge enten at aktivere et responsivt layout eller skjule CTA'en på små skærme. Når du har offentliggjort din CTA, kan du lære, hvordan du opretter en A/B-test for din CTA og analyserer din CTA's ydeevne. 

Design en CTA

I CTA-editoren kan du tilpasse din CTA's design for at tiltrække besøgende. Når du opretter CTA'er, kan du også bruge smart indhold til at vise forskellige versioner af din CTA baseret på besøgende-kategori. Få mere at vide om brug af smart indhold i CTA'er. 

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > CTA'er. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > CTA'er.
2. Klik på Opret øverst til højre.
3. Øverst skal du vælge fanen " Pop-ups " eller fanen " Indlejringer og knapper ". 
   • Pop-up-CTA'er omfatter følgende typer: 
     
     • Banner: et fast banner, der er placeret øverst eller nederst på din side. Banneren forbliver synlig, mens besøgende ruller ned ad siden. 
     • Pop-up-boks: en pop-up-boks, der vises efter et fastlagt tidsplan. 
     • Slide-In: et banner, der glider ind fra et hjørne af din hjemmeside. Banneren forbliver synlig, mens besøgende ruller ned ad din side. 
   • Indlejrede og knapbaserede CTA'er omfatter følgende typer: 
     • Indlejret: et banner, en call-to-action eller en knap, som du kan bruge på din hjemmeside eller i HubSpot-e-mails for at lede potentielle kunder til bestemte sider.
     • Indlejret billede: et billede, du kan bruge på dine HubSpot-sider eller i e-mails.
4. Vælg enskabelon ud fra den type CTA, du vil oprette.
   • Hver CTA-skabelon har tilpasselige moduler, såsom billeder og tekstfelter.
   • Du kan f.eks. vælge en "Klik for at chatte"-skabelon for at åbne et WhatsApp-link, en "Møde-popup"-skabelon for at vise en side til mødebooking eller en "Begivenhed" -skabelon, hvor besøgende kan tilmelde sig din konference eller dit workshop.
5. I venstre panel kan du under fanen "Tilføj " tilføje moduler og redigere layoutet for din CTA: 

• • For at tilføje mere indhold til din CTA skal du klikke og trække et nyt modul direkte ind i redigeringsværktøjets højre panel.
    • Du kan kun tilføje ét formular- (ny editor) eller mødemodul til en CTA. En enkelt CTA kan ikke indeholde både et formular- og et mødemodul. 
    • Visse moduler kan kun tilføjes én gang, f.eks. nedtællingstimeren eller videomodulerne.
    • Du kan også tilføje videoer til din CTA. Læs mere om kravene, når du tilføjer videoer til dine CTA'er. 
  • For at ændre din CTA's layout skal du holde markøren over et modul og klikke og trække det til en ny position.
  • For at duplikere modulet skal du holde markøren over modulet og klikke påikonet for duplikering/kloning.
  • For at slette modulet skal du holde markøren over modulet og klikke påikonet for sletning. 
     

• • For at redigere et modul skal du klikke på modulet.
    • I venstre panel kan du redigere modulets indhold og design.
    • For at lukke en pop-up-CTA, når en besøgende har indsendt formularen, kan du, når du tilpasser dit formularmodul, aktivere kontakten " Luk efter indsendelse" . 
       

7. Klik på fanen "Indhold " i venstre panel for at administrere dine moduler. 
   • For at redigere et modul skal du klikke på modulets navn . I venstre panel kan du redigere modulets indhold og design. I rich text-moduler kan du bruge AI-assistentertil at oprette eller finpudse dit CTA-indhold. 
   • For at slette et modul skal du holde markøren over modulet og klikke påsletteikonet. 
8. Klik på fanen Design i venstre panel for at tilpasse og få et eksempel på din CTA.
   • For at få et eksempel på din CTA på bestemte sider skal du klikke på Eksempel øverst til højre. Klik derefter på rullemenuen Eksempel på bestemt side, og vælg den HubSpot-side, hvor du vil se et eksempel på CTA'en. 

• • For at tilpasse udseendet af din CTA skal du vælge en af følgende muligheder. Konfigurer derefter dine ændringer i venstre panel. 
    • Placering: For CTA'er i form af fast banner kan du vælge en placering øverst eller nederst. For CTA'er, der glider ind, kan du placere CTA'en øverst til venstre, nederst til venstre, øverst til højre eller nederst til højre på siden. Det anbefales kun at bruge én CTA, der glider ind, pr. side. Brug af flere CTA'er, der glider ind, kan medføre konflikter og forhindre, at CTA'erne vises.
    • Størrelse: Konfigurer højden på din CTA. Du kan aktivere indstillingen for automatisk at indstille højden baseret på indholdet i din CTA. Hvis denne indstilling ikke er valgt, vises der undertiden en rullebjælke på din CTA, afhængigt af dit design. 
    • Layout: Konfigurer layoutet for din CTA. Du kan tilføje afstand til indholdet i din CTA. Du kan også aktivere indstillingen for at indstille et responsivt layout. Med et responsivt layout vil kolonnerne i din CTA stables lodret på små skærme.
    • Stilarter: Indstil stilarterne for din CTA, f.eks. den primære skrifttype, kantlinje og slagskygge. Du kan bruge brugerdefinerede skrifttyper til din CTA. Læs mere om brug af brugerdefinerede skrifttyper i dit HubSpot-indhold. 
    • Baggrund: Indstil en baggrund for CTA'en. Du kan vælge at indstille en baggrundsfarve eller uploade et baggrundsbillede.
    • Luk-indstilling: For pop-up-CTA'er kan du aktivere indstillingen, der giver besøgende mulighed for at lukke CTA'en, når de klikker et vilkårligt sted uden for pop-up-vinduet. Når denne indstilling er deaktiveret, kan besøgende kun lukke CTA'en ved hjælp af luk-ikonet. 

Design en HTML-CTA

Sådan opretter du en brugerdefineret indlejret HTML-CTA og anvender dine brugerdefinerede temaer eller CSS:

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > CTA'er. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > CTA'er.
2. Klik på Opret øverst til højre.
3. Klik øverst på fanen Indlejringer og knapper.
4. Gå til "Avanceret" i menuen i venstre sidepanel. Vælg derefter " Indlejret HTML".
5. Klik på rullemenuen " Link til " i venstre panel, og vælg en destination, som din CTA skal omdirigere til:
   • E-mailadresse: Opret et mailto-link. For at åbne dette link i en ny side skal du markere afkrydsningsfeltet Åbn link i ny fane. 
   • Fildownload: Link din CTA til en fil i din filhåndtering. Vælg en eksisterende fil, eller upload en ny fil, og marker derefter afkrydsningsfeltet Åbn link i ny fane , hvis du ønsker, at besøgende, der klikker på CTA-knappen, skal se billedet i et nyt browservindue. 
   • Mødelink: Kobl din CTA til et HubSpot-mødelink. Klik på rullemenuen " Vælg et mødelink ", og vælg derefter et mødelink. For at åbne dette link i en ny fane skal du markere afkrydsningsfeltet " Åbn link i ny fane ". 
   • En af dine sider: Knyt din CTA til en af dine HubSpot-sider eller blogindlæg. Klik på rullemenuen "Side ", og vælg derefter en side eller et indlæg. CTA-knappens link knyttes til side-ID'et, og eventuelle ændringer i sidens URL opdaterer automatisk CTA-knappens link. For at åbne dette link i en ny side skal du markere afkrydsningsfeltet "Åbn link i nyt faneblad ". 
   • URL: Knyt din CTA til en ekstern side uden for HubSpot. Indtast den webadressen, du vil omdirigere besøgende til, i feltet "Link-URL". For at åbne dette link i en ny side skal du markere afkrydsningsfeltet " Åbn link i ny fane ". 
   • CTA: Brug den tilpassede CTA til at udløse et fast banner, en pop-up-boks eller en slide-in-CTA.
6. Indtast din CTA-tekst i feltet Knapindhold. 
   

Bemærk:Linkning på tværs af domæner understøttes ikke i CTA'er, selvom indstillingen for linkning på tværs af domæner er aktiveret. 

7. For yderligere at tilpasse din CTA's design skal du klikke på Avanceret
8. På siden " Avanceret " kan du tilføje brugerdefinerede CSS-klasser eller -regler:
   • Brugerdefinerede CSS-klasser: Indtast en brugerdefineret klasse til din CTA. Brug brugerdefinerede klasser til at anvende designstilarter, såsom skrifttyper, på tværs af flere CTA'er på din hjemmeside. Enhver brugerdefineret CSS-klasse skal være inkluderet i det CSS-stylesheet, der bruges på dine HubSpot-sider.
   • Brugerdefinerede CSS-regler: Tilføj brugerdefinerede regler for at anvende indbygget styling, der er specifik for din CTA.
     • For at tilføje en ny CSS-regel skal du klikke på "Tilføj en " eller "+ Tilføj " og konfigurere din selektor og stil. 
       • Selektor: Indtast en CSS-selektor. Denne værdi er valgfri og vil blive kombineret med CTA'ens selektor. Hvis den indtastede selektor f.eks. er :hover, bliver den kombinerede selektor ${ctaSelector}:hover
       • Stil: Indtast en brugerdefineret CSS-stilregel, der skal anvendes på den konfigurerede selektor. Du kan indtaste en stil uden at indtaste en selektor. For eksempel: color: yellow;.
         
         

9. For at redigere en eksisterende CSS-regel skal du holde markøren over reglen og klikke på redigeringsikonet. 
10. For at klone en CSS-regel skal du holde markøren over reglen og klikke på ikonet for duplikering. 
11. For at administrere prioriteten af dine CSS-regler skal du klikke og trække hver regel for at placere dem i prioriteret rækkefølge.
12. For at fjerne en CSS-regel skal du holde markøren over reglen og klikke på sletteikonet. 
13. For at anvende den samme HTML og de samme klasser på CTA'en som på ældre CTA'er skal du markere afkrydsningsfeltet "Brug ældre markup ". Hvis du har CSS-stylesheets på sider, der formaterer ældre CTA'er, vil markering af dette afkrydsningsfelt gøre det muligt for HTML-CTA'en at overtage de samme stilarter. 
14. Klik på " Gem og anvend" for at afslutte opsætningen af dit CTA-design .
     

Tilpas, hvor og hvornår dit faststående banner, pop-up-vindue eller slide-in-CTA vises

Hvis du har oprettet et fast banner, en pop-up-boks eller en slide-in-CTA, kan du målrette mod besøgende ved at vælge, hvornår denne CTA skal vises på dit websted. Få mere at vide om at tilføje CTA'er til dine sider. 

Du kan bruge filtre til at kombinere flere sæt regler for, hvilke besøgende der ser din CTA. Få mere at vide om konfiguration af dine målretningsregler.

Aktiveringstriggere 

Vælg en aktiveringstrigger for at bestemme, hvornår CTA'en skal vises på din side. CTA'en vises, så snart den første valgte trigger er opfyldt. 

1. Klik på fanen Målretningøverst.
2.  I afsnittet " Hvornår skal den vises " skal du klikke for at aktivere eller deaktivere de aktiveringsudløsere, du vil bruge:
   • Udløs ved klik på knap: CTA'en vises, når en besøgende klikker på en knap. Lær, hvordan du konfigurerer dine pop-up-CTA'er til at udløses ved klik på en knap. Som standard er denne indstilling altid aktiveret. 
     • Konfigurer dette på dine HubSpot-sider med et standardknapmodul eller på dine eksterne sider ved at tilpasse en knaps klasse.
     • For at indstille denne udløser på en ekstern side skal HubSpot-sporingskoden være installeret. 
   • Udløs ved rulning på siden: CTA'en vises, når den besøgende har rullet forbi en angivet procentdel af siden.
   • Udløses ved udgangsintention: CTA'en vises, når den besøgende viser tegn på, at vedkommende har til hensigt at forlade siden. 
     • På desktop vises CTA'en, når den besøgende flytter markøren til den øverste bjælke i browservinduet.
     • På mobilen vises CTA'en, når: 
       • Den besøgende vælger tilbage-knappen i browseren, når vedkommende forsøger at navigere til en forrige side.
       • Den besøgende minimerer sin browserskærm og vender senere tilbage til din hjemmeside i samme browser.
   • Udløsning efter forløbet tid: CTA'en vises efter det angivne antal sekunder.
   • Udløs efter inaktivitet: CTA'en vises, når den besøgende har været inaktiv i et angivet antal sekunder.

Webadressen

Tilføj betinget logik for bestemte webadresser eller værdier for forespørgselsparametre i fanen »Målretning «. Som standard vises CTA’en på alle sider.

1. For at vise CTA'en, når en besøgende befinder sig på en bestemt webadresses URL, skal du i afsnittet "Webadresses URL" gøre følgende:
   • Klik på den førsterullemenu, ogvælg"Webadressen".
   • Klik på den andenrullemenu, ogvælg en målretningsregel.
   • Indtast dine regelkriterier i tekstfeltet.
2. For at vise CTA'en, når en besøgende befinder sig på en webside, hvis URL indeholder bestemte forespørgselsparametre:
   • Klik på den førsterullemenu, ogvælgForespørgselsparameter.
   • Indtastnavnet påforespørgselsparameteren i det første tekstfelt.
   • Klik på den anden rullemenu, og vælg en målretningsregel.
   • Indtastværdien forforespørgselsparameteren i det andet tekstfelt.
3. Klik påTilføj regel for at tilføje en ny regel.
4. Klik påTilføj eksklusionsregel for at udelukke opfordringer til handling fra bestemte sider. Du kan f.eks. tilføje en eksklusion for en side med privatlivspolitik.

1. I afsnittet "Hvem skal den vises for " skal du angive målgruppen for din CTA. Du kan vælge mellem følgende:
   • Alle besøgende: CTA'en vises for alle besøgende. 
   • Filtrerede besøgende: CTA'en vises kun for de angivne besøgende
2. I afsnittet "Hvor ofte skal den vises " skal du indstille hyppigheden for din CTA. Klik på rullemenuen "Vis igen " og vælg mellem følgende:
   • Efter en bestemt tidsperiode:CTA'en vises igen efter den angivne tidsperiode. 
   • Gentag: CTA'en vises hver gang, når den besøgende navigerer til de valgte websider og udfører den udløsende handling, selvom vedkommende tidligere har interageret med den.
   • Vis ikke igen: CTA'en vises aldrig igen for den samme besøgende. 
     
     

Tilpas dine CTA-indstillinger

Påfanerne Indstillinger kan du tilpasse forskellige CTA-indstillinger, f.eks. om CTA'en skal vises på små skærmstørrelser, eventuelle tilknyttede kampagner og CTA'ens tidsplan. 

1. Klik på fanen "Indstillinger " øverst.
2. For fast banner, pop-up-vindue eller slide-in-CTA kan du skjule CTA'en på små skærmstørrelser. I afsnittet Små skærmstørrelserskal du markere afkrydsningsfeltet Deaktiver på små skærmstørrelser.
3. Hvis du har et Marketing Hub Professional - eller Enterprise -abonnement, kan du knytte CTA'en til en kampagne:
   • For at knytte din CTA til en eksisterende kampagne skal du klikke på rullemenuen "Kampagne " og vælge en kampagne.
   • For at knytte din CTA til en ny kampagne skal du klikke på rullemenuen "Kampagne" og klikke på "Opret kampagne". Fortsæt derefter med at opsætte din kampagne. 
   • Hvis du aldrig har oprettet en kampagne før, skal du klikke på Opret en kampagne. Fortsæt derefter med at opsætte din kampagne. 
4. Konfigurer, hvordan du vil spore klik med din CTA. Vælg mellem følgende muligheder: 
   • Spor klik via omdirigering: Spor klik på din CTA ved at omdirigere besøgende til en indledende URL, der knytter klikket til CTA'en, inden de omdirigeres til den endelige side. Denne indstilling er valgt som standard.
   • Spor klik via browseren: Sporer klik asynkront via den besøgendes browser. Denne indstilling giver dig mulighed for at bruge anker-tags, da der ikke er nogen omdirigeringer; CTA'en vil sende de besøgende direkte til den angivne URL. 
5. For fast banner, pop-up-vindue eller slide-in-CTA kan du planlægge, hvornår en CTA skal vises:
   
   • For at planlægge, hvornår CTA'en begynder at blive vist, skal du aktivere kontakten Planlæg til senere. Vælg derefter en startdato og -tid. 
   • For at planlægge, hvornår CTA'en skal stoppe med at blive vist, skal du aktivere kontakten "Indstil dato og klokkeslæt for fjernelse ". Vælg derefter en slutdato og et klokkeslæt. 
     
     

Udgiv din CTA 

Når du er færdig med at konfigurere din CTA, skal du offentliggøre den for at sætte den i drift. 

1. Klik på " Gennemse og offentliggør" øverst til højre.
2. I panelet til højre skal du gennemgå din CTA og derefter klikke på "Udgiv nu". CTA'en udgives automatisk på de målrettede sider.