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'et 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.

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 at tilføje 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å deleteskraldespandsikonet.
  • For at redigere et element skal du klikke på elementet. I venstre panel 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 panelet til venstre kan du redigere elementets indhold og design. I rich text-elementer kan du bruge indholdsassistenten 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 CTA'er af typen sticky banner kan du vælge en top- eller bundposition. For CTA'er af slide-in-typen kan du vælge at 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'en, du kan vælge at indstille en baggrundsfarve eller uploade et baggrundsbillede.

Design en HTML-CTA

Sådan opretter du en brugerdefineret Embedded HTML CTA og anvender dine egne 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.
  • Fil-download: 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 side 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 side i ny fane.
  • En af dine sider: Link 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-knap-linket vil være knyttet til side-ID'et, og eventuelle ændringer i sidens URL vil automatisk opdatere CTA-knap-linket.
  • 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.
  • 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 dit 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, så de udløses 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

Du kan tilføje betinget logik for specifikke webside-URL'er og/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 hjemmeside-URL, skal du i sektionen Hjemmeside-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å dropdown-menuen, 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 (f.eks. en side med privatlivspolitik), skal du klikke på Tilføj udelukkelsesregel.
  
  
  

Besøgende information og adfærd (valgfrit)

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

• I afsnittet Besøgsoplysninger og adfærd (valgfrit) skal du klikke 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 skjules.
  • 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 viloprette endnu et sæt filt reringsregler, skal du klikke påTilføj filtergruppe og vælge dine filtreringsregler.

Visningsfrekvens

Når en besøgende har afvist dit sticky banner, din pop-up boks eller din slide-in CTA for første gang, kan du vælge, om CTA'en skal vises igen, og hvor ofte den skal vises. På fanen Målretning indstiller dudin 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: Konfigurer, 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.
  • Vis ikke igen: Vis kun CTA'en til de besøgende én gang. Efter den første visning må CTA'en aldrig vises igen.
    

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 .
• Hvis du vil knytte CTA'en til en kampagne, skal du klikke på rullemenuen Kampagne og vælge en kampagne , som pop-up-CTA'en skal knyttes til.
• Konfigurer følgende indstillinger, når du bruger sticky banner, pop-up box eller slide-in CTA'er:
  • Hvis du vil skjule CTA'et på små skærme, skal du markere afkrydsningsfeltet Slå fra på små skær me i afsnittet Små skærmstørrelser.
  • Hvis du vil planlægge, hvornår CTA'en skal vises, skal du slå Planlæg til senere til. Vælg derefter en startdato og et starttidspunkt.
  • For at planlægge, hvornår CTA'en holder op med at blive vist, skal du tænde for Indstil dato og klokkeslæt for upublicering . 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.