Opret opfordringer til handling (CTA'er)

Brug call-to-action-værktøjet (CTA) til at oprette knap-CTA'er, bannere eller pop-ups, som du kan tilføje til dine HubSpot-sider og tiltrække nye besøgende. Du kan også tilføje CTA'er til eksterne sider.

Før du tilføjer en CTA til en ekstern side, skal du installere HubSpot-sporingskoden eller installere HubSpot WordPress-plugin 'et på dit WordPress-site. Når du har tilføjet en CTA, kan du drive trafik ved at dirigere besøgende til specifikke sider, mødelinks eller eksterne URL'er.

På mobile enheder kan du vælge enten at aktivere et responsivt layout eller skjule CTA'en på små skærme i CTA-indstillingerne. Når du har publiceret din CTA, kan du lære, hvordan du analyserer din CTA's performance.

Hvis du har eksisterende CTA'er, anbefales det at migrere disse CTA'er til den nye editor. Læs mere om migrering af CTA'er (legacy).

Design en CTA

I CTA-editoren kan du tilpasse din CTA's design, så den tiltrækker besøgende.

• I din HubSpot-konto skal du navigere til Marketing > Lead Capture > CTAs.
• Klik på dropdown-menuen øverst til venstre, og vælg CTA 'er.
• Klik på Opret øverst til højre.
• Du kan oprette en ny CTA fra bunden eller fra en skabelon:
  • Hvis du vil oprette en ny CTA fra en skabelon, skal du klikke på HubSpot Templates i venstre panel. Vælg derefter en skabelon, der matcher dine mål.
  • Hvis du vil oprette en ny CTA fra bunden, skal du klikke på Start fra bunden i venstre panel. Vælg derefter en CTA-type:
    
    • Sticky Banner: et permanent banner, der er fastgjort til toppen eller bunden af din side. Banneret bliver stående, når besøgende scroller gennem din side.
    • Pop-up-boks: en pop-up-boks, der vises efter en bestemt tidsplan.
    • Slide-In: et banner, der glider ind fra et hjørne af din hjemmeside. Banneret bliver stående, mens de besøgende scroller gennem din side.
    • Embedded: et banner, en call-to-action eller en knap, som du kan bruge på dit HubSpot-indhold til at føre potentielle kunder til bestemte sider.
    • Embedded Image: et billede, du kan bruge på dine HubSpot-sider eller i e-mails.
    • Embedded: en knap, du kan bruge på dine HubSpot-sider eller i din e-mail.
• I venstre panel, under fanen Tilføj , kan du tilføje elementer og redigere layoutet for din CTA:

• • Hvis du vil tilføje mere indhold til din CTA, skal du klikke og trække et nyt element direkte ind i højre panel af editoren. Du kan også tilføje videoelementer til din CTA, læs mere om mulighederne og kravene, når du tilføjer videoer til dine CTA'er.
  • For at ændre din CTA's layout skal du holde musen over et element og klikke og trække det til en ny position.
  • For at duplikere elementet skal du holde musen over elementet og klikke påklon-ikonet duplicate.
  • For at slette elementet skal du holde musen over elementet og klikke på ikonet deletedelete.
  • For at redigere et element skal du klikke på elementet. I panelet til venstre kan du redigere elementets indhold og design.

• Klik på fanen Indhold i venstre panel for at administrere dine elementer.
  • For at redigere et element skal du klikke på elementets navn . I det venstre panel kan du redigere elementets indhold og design. I rich text-elementer kan du bruge AI-assistenter til at oprette eller finpudse dit CTA-indhold.
  • Hvis du vil slette et element, skal du holde musen over elementet og klikke påsletteikonet delete .
• Klik på fanen Design i venstre panel for at tilpasse og forhåndsvise din CTA.
  • For at få vist din CTA på bestemte sider skal du klikke på Preview øverst til højre. Klik derefter på rullemenuen Preview on specific page, og vælg den HubSpot-side, hvor CTA'en skal forhåndsvises.

• • For at tilpasse udseendet af din CTA skal du vælge en af følgende muligheder. Konfigurer derefter dine ændringer i venstre panel.
    • Position: For sticky banner-CTA'er kan du vælge en top- eller bundposition. For slide-in CTA'er kan du placere CTA'en øverst til venstre, nederst til venstre, øverst til højre eller nederst til højre på siden.
    • Størrelse: Konfigurer højden på din CTA, du kan slå muligheden til for at indstille højden automatisk baseret på indholdet af din CTA.
    • Layout: Konfigurer layoutet af din CTA. Du kan tilføje padding til dit CTA-indhold. Du kan også slå muligheden til for at aktivere et responsivt layout. Med et responsivt layout vil kolonnerne i dit CTA blive stablet lodret på små skærme.
    • Stilarter: Indstil stilarterne for dit CTA, såsom den primære skrifttype, kant og drop-shadow fra CTA'et.
    • Baggrund: indstil en baggrund for CTA'et, du kan vælge at indstille en baggrundsfarve eller uploade et baggrundsbillede.
    • Close Option: for CTA'er i pop-up-bokse kan du slå muligheden til, så besøgende kan lukke CTA'en, når de klikker et sted uden for pop-up-boksen. Når denne indstilling er slået fra, kan besøgende kun lukke CTA'en ved hjælp af luk-ikonet.

Design en HTML-CTA

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

• Klik på Start fra bunden i venstre panel.
• Klik derefter for at udvide Avancerede indstillinger, og vælg Indlejret HTML.
• Klik på dropdown-menuen Link til, og vælg en mulighed, som din CTA skal omdirigere til:
  • E-mailadresse: Opret et mailto-link. Hvis du vil åbne dette link på en ny side, skal du markere afkrydsningsfeltet Åbn link i ny fane.
  • Download af fil: 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å knappens CTA, skal se billedet i et nyt browservindue.
  • Mødelink: Link din CTA til et HubSpot-mødelink. Klik på dropdown-menuen Vælg et mødelink, og vælg derefter et mødelink. Hvis du vil åbne dette link på en ny side, skal du markere afkrydsningsfeltet Åbn link i ny fane.
  • En af dine sider: Link din CTA til en af dine HubSpot-sider eller blogindlæg. Klik på dropdown-menuen Side, og vælg derefter en side eller et indlæg. CTA-knap-linket vil være bundet til side-ID'et, og eventuelle ændringer i sidens URL vil automatisk opdatere CTA-knap-linket. Hvis du vil åbne dette link på en ny side, skal du markere afkrydsningsfeltet Åbn link i ny fane.
  • URL: link din CTA til en ekstern side uden for HubSpot. I feltet Link URL skal du indtaste den hjemmeside-URL, du vil henvise besøgende til. Hvis du vil åbne dette link på en ny side, skal du markere afkrydsningsfeltet Åbn link i ny fane.
  • CTA: Brug den tilpassede CTA til at udløse et sticky banner, en pop-up boks eller en slide-in CTA.
• I feltet Knapindhold skal du indtaste din CTA-tekst.
• Klik på Avanceret for at tilpasse din CTA's design yderligere.
  

• På siden Avanceret kan du tilføje tilpassede CSS-klasser eller -regler:
  • Brugerdefinerede CSS-klasser: Indtast en brugerdefineret klasse til din CTA. Brug brugerdefinerede klasser til at anvende designstile såsom skrifttypefamilier på tværs af flere CTA'er på din hjemmeside. Enhver brugerdefineret CSS-klasse skal inkluderes i det CSS-stylesheet, der bruges på dine HubSpot-sider.
  • Brugerdefinerede CSS-regler: Tilføj brugerdefinerede regler for at anvende inline-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 selector og stil.
      • Selektor: Indtast en CSS-selektor. Denne værdi er valgfri og vil blive kombineret med CTA'ens selector. Hvis den indtastede selector f.eks. er :hover, bliver den kombinerede selector ${ctaSelector}:hover
      • Stil: Indtast en brugerdefineret CSS-stilregel, der skal anvendes på den konfigurerede selektor. Du kan indtaste en stil uden at indtaste en vælger. For eksempel color: yellow;.

• For at redigere en eksisterende CSS-regel skal du holde musen over reglen og klikke på edit edit icon.
• For at klone en CSS-regel skal du holde musen over reglen og klikke på klon-ikonet duplicate.

• For at styre prioriteten af dine CSS-regler skal du klikke og trække i hver regel for at arrangere dem i prioriteret rækkefølge.
• For at fjerne en CSS-regel skal du holde musen over reglen og klikke på ikonet delete delete.

• Hvis du vil anvende samme HTML og klasser på CTA'en som på ældre CTA'er, skal du markere afkrydsningsfeltet Use Legacy Markup. Hvis du har CSS-stylesheets på sider, der styler ældre CTA'er, vil markeringen af dette afkrydsningsfelt gøre det muligt for HTML-CTA'en at anvende de samme styles.

• Klik på Save & Apply for at afslutte opsætningen af dit CTA-design.
  

Tilpas hvor og hvornår dit sticky banner, pop-up boks eller slide-in CTA vises

Hvis du har oprettet et sticky banner, en pop-up-boks eller et slide-in CTA, kan du målrette besøgende ved at vælge, hvornår du vil have dette CTA vist på din hjemmeside. Læs mere 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. Læs mere om, hvordan du konfigurerer dine målretningsregler.

Aktiveringsudløsere

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

• Klik øverst på fanen Målretning .
• I afsnittet Hvornår skal det vises skal du klikke for at skifte kontakten ud for de aktiveringsudløsere, du vil bruge:
  • Trigger 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 blive udløst ved klik på en knap. Som standard er denne indstilling altid slået til.
    • Konfigurer dette på dine HubSpot-sider med et standardknapmodul eller på dine eksterne sider ved at tilpasse en knappes klasse.
    • For at indstille denne trigger på en ekstern side, skal HubSpot-sporingskoden være installeret.
  • Trigger on page scroll: CTA'en vises, når den besøgende har scrollet forbi en bestemt procentdel af siden.
  • Trigger on exit intent: CTA'en vises, når den besøgende flytter sin cursor til den øverste bjælke i browservinduet.
  • Trigger efter forløbet tid: CTA'en vises efter det angivne antal sekunder.
  • Trigger efterinaktivitet: CTA'en vises, når den besøgende har været inaktiv i et bestemt antal sekunder.

Websteds-URL

Tilføj betinget logik for specifikke webside-URL'er eller forespørgselsparameterværdier i den samme Targeting-fane . Som standard vises CTA'en på alle sider.

• For at vise CTA'en, når en besøgende er på en bestemt webside-URL, skal du i sektionen Webside-URL
  • Klik på den første dropdown-menu , og vælg Website URL.
  • Klik på den anden dropdown-menu , og vælg en målretningsregel.
  • Indtast dine regelkriterier i tekstfeltet.
• Sådan viser du CTA'en, når en besøgende er på en webside, hvis URL indeholder specifikke forespørgselsparametre:
  • Klik på den første dropdown-menu , og vælg Query parameter.
  • Indtast navnet på forespørgselsparameteren i det første tekstfelt.
  • Klik på den anden dropdown-menu, og vælg en targeting-regel.
  • I det andet tekstfelt skal du indtaste forespørgselsparameterværdien.
• Klik på Tilføj regel for at tilføje endnu en regel.
• Hvis du vil udelukke call-to-action fra bestemte sider, skal du klikke på Tilføj udelukkelsesregel. Det kan f.eks. være, at du vil tilføje en udelukkelse for en side med privatlivspolitik.

Besøgende information og adfærd

Du kan også målrette specifikke kontakter baseret på kendte besøgsoplysninger og -adfærd på fanen Målretning . Den type filtreringsregler, du kan tilføje, afhænger af din kontos abonnementer.

• Hvis du vil vise CTA'en til alle besøgende på de angivne hjemmesider, skal du vælge Alle besøgende. Denne mulighed er valgt som standard.
• Hvis du vil vise dine CTA'er til bestemte besøgende, skal du klikke på Filtrerede besøgende . Opsæt derefter dine filtre:
  • Klik på den første dropdown-menu for at vælge, hvordan du vil filtrere dine besøgende.

• • Klik på den næste dropdown-menu for at vælge dine filtreringsregler.
  • Hvis du vil tilføje flere regler for, hvornår din CTA skal vises, skal du klikke på Tilføj regel og vælge dine filtre.

• • Vælg, hvornår CTA'en skal skjules:
    
    • Klik på Tilføj udelukkelsesregel.
    • Klik på den første dropdown-menu for at vælge, hvornår CTA'en skal være skjult.
    • Klik på den næste dropdown-menu for at vælge dine filtreringsregler.
    • Hvis du vil tilføje flere regler for, hvornår din CTA skal skjules, skal du klikke på Tilføj udel ukkelsesregel og vælge dine filtre.

• • Hvis du vil oprette endnu et sæt filtreringsregler, skal du klikke på Tilføj filtergruppe og vælge dine filtreringsregler.

Vis frekvens

Når en besøgende har afvist dit sticky banner, pop op-boks eller slide-in CTA for første gang, kan du vælge, om CTA'et skal vises igen, og hvor ofte det skal vises. På fanen Målretning skal du indstille din CTA's visningsfrekvens:

• I afsnittet Hvor ofte skal det vises skal du klikke på rullemenuenVis igen og vælge en frekvens:
  • Efter en bestemt tidsperiode: Indstil, hvor lang tid der skal gå, efter at en besøgende har afvist CTA'en, før den vises igen.
  • Gentag: Vis CTA'en, hver gang de besøger de valgte websider og udfører den udløsende handling, selv om de tidligere har interageret med den.
  • Visikke igen: Vis kun CTA'en til de besøgende én gang. Efter den første visning må CTA'en aldrig vises igen.

Bemærk: Dette gælder ikke for CTA'er, når du bruger Trigger on button click som en aktiveringstrigger.

Tilpas dine CTA-muligheder

På fanerneIndstillinger kan du tilpasse forskellige CTA-indstillinger, f.eks. om CTA'en skal vises i små størrelser, eventuelle tilknyttede kampagner og CTA'ens planlægning.

• Klik øverst på fanen Indstillinger .
• For sticky banner, pop-up box eller slide-in CTA kan du skjule CTA'en på små skærme. I afsnittet Små skærmstørrelser markerer du afkrydsningsfeltet Slå fra på små skærmstørrelser.

• Hvis du har et Marketing Hub Professional- eller Enterprise-abonnement, kan du knytte CTA'et til en kampagne:
  • Hvis du vil knytte din CTA til en eksisterende kampagne, skal du klikke på dropdown-menuen Kampagne og vælge en kampagne.
  • Hvis du vil knytte din CTA til en ny kampagne, skal du klikke på dropdown-menuen Kampagne og klikke på Opret kampagne. Fortsæt derefter med at konfigurere din kampagne.

• • Hvis du aldrig har oprettet en kampagne før, skal du klikke på Opret en kampagne. Fortsæt derefter med at konfigurere din kampagne.
• Konfigurer, hvordan du vil spore klik med din CTA. Vælg mellem følgende muligheder:
  • Spor klik gennem omdirigering: Spor klik på din CTA ved at dirigere besøgende til en indledende URL, som forbinder klikket med CTA'en, før du omdirigerer dem til den endelige side. Denne indstilling er valgt som standard.
  • Spor klik gennem browseren: sp orer klik asynkront via den besøgendes browser. Denne mulighed giver dig mulighed for at bruge ankertags, da der ikke er nogen omdirigeringer, CTA'en vil lede besøgende til den indstillede URL.

• For sticky banner, pop-up box eller slide-in CTA kan du planlægge, hvornår en CTA vises:
  
  • For at planlægge, hvornår CTA'en begynder at blive vist, skal du slå Planlæg til senere til. Vælg derefter en startdato og et klokkeslæt.
  • For at planlægge, hvornår CTA'en holder op med at blive vist, skal du slå kontakten Indstil dato og klokkeslæt for afpublicering til. Vælg derefter en slutdato og et sluttidspunkt.

Udgiv din CTA

Når du er færdig med at opsætte din CTA, skal du udgive den for at gøre den live.

• Klik på Gennemgå og udgiv øverst til højre.
• Gennemgå din CTA i højre panel, og klik derefter på Publicer nu. CTA'en bliver automatisk udgivet på de målrettede sider.