Luo toimintakutsuja (CTA)

Käytä CTA-työkalua luodaksesi CTA-painikkeita, bannereita tai ponnahdusikkunoita, jotka voit lisätä HubSpot-sivuillesi ja houkutella uusia kävijöitä. Voit myös lisätä CTA-kutsuja ulkoisille sivuille.

Ennen kuin lisäät CTA:n ulkoiselle sivulle, sinun on asennettava HubSpotin seurantakoodi tai HubSpot WordPress -laajennus WordPress-sivustollesi. Kun olet lisännyt CTA:n, ohjaa liikennettä ohjaamalla kävijöitä tietyille sivuille, kokouslinkkeihin tai ulkoisiin URL-osoitteisiin.

Mobiililaitteissa voit valita CTA-vaihtoehdoissa, otatko responsiivisen ulkoasun käyttöön vai piilotatko CTA:n pienillä näytöillä. Kun olet julkaissut CTA:n, opettele analysoimaan CTA:n suorituskykyä.

Suunnittele CTA

Muokkaa CTA-editorissa CTA:n muotoilua kävijöitä houkuttelevaksi. Kun luot CTA-kohteita, voit myös käyttää älykästä sisältöä näyttääksesi CTA-kohteestasi eri versioita katsojaluokan mukaan. Lisätietoja älykkään sisällön käyttämisestä CTA:issa.

• Siirry HubSpot-tililläsi kohtaan Markkinointi > CTA:t.
• Napsauta oikeassa yläkulmassa Luo.
• Valitse yläreunasta välilehti Ponnahdusikkunat tai välilehti Embeds and Buttons.
  • Ponnahdusikkunoiden CTA:t sisältävät seuraavia tyyppejä:
    
    • Banneri: pysyvä banneri, joka on kiinnitetty sivusi ylä- tai alaosaan. Banneri pysyy, kun kävijät selaavat sivua.
    • Ponnahdusikkuna: ponnahdusikkuna, joka tulee näkyviin asetetun aikataulun mukaan.
    • Slide-In: banneri, joka liukuu sivustosi jostain kulmasta. Banneri jää näkyviin, kun kävijät selaavat sivua.
  • Upotus- ja painike-CTA:t sisältävät seuraavia tyyppejä:
    • Upotettu: banneri, toimintakutsu tai painike, jota voit käyttää verkkosivustollasi tai HubSpot-sähköposteissasi ohjaamaan potentiaalisia asiakkaita tietyille sivuille.
    • Upotettu kuva: kuva, jota voit käyttää HubSpot-sivuillasi tai sähköpostissasi.
• Valitse malli sen CTA-tyypin mukaan, jonka haluat luoda.
  • Jokaisessa CTA-mallissa on mukautettavia moduuleja, kuten kuvia ja tekstikenttiä.
  • Voit esimerkiksi valita Klikkaa keskustelua -mallin WhatsApp-linkin käynnistämiseksi, kokousponnahdusikkunamallin kokouksen varaussivun näyttämiseksi tai tapahtumamallin, jonka avulla kävijät voivat ilmoittautua konferenssiin tai työpajaan,

• Lisää vasemmanpuoleisessa paneelissa Lisää-välilehdeltä moduuleja ja muokkaa CTA:n ulkoasua:

• • Jos haluat lisätä CTA-kohtaan lisää sisältöä, napsauta ja vedä uusi moduuli suoraan editorin oikeaan paneeliin.
    • Voit lisätä CTA:han vain yhden Lomake- (Uusi editori) tai Kokousmoduulin. Yksi CTA ei voi sisältää sekä lomake- että kokousmoduulia.
    • Tietyt moduulit voidaan lisätä vain kerran, kuten lähtölaskenta-ajastin tai videomoduulit.
    • Voit lisätä CTA:iin myös videoita, lisätietoja vaatimuksista, kun lisäät videoita CTA:iin.
  • Jos haluat muuttaa CTA:n asettelua, siirrä hiiren kursori moduulin päälle, napsauta ja vedä se uuteen paikkaan.
  • Voit kopioida moduulin viemällä hiiren kursorin moduulin päälle ja napsauttamalla duplicatekloonikuvaketta.
  • Voit poistaa moduulin viemällä hiiren kursorin moduulin päälle ja napsauttamalla deletePoista-kuvaketta.
    

.

• • Voit muokata moduulia napsauttamalla moduulia.
    • Vasemmassa paneelissa voit muokata moduulin sisältöä ja ulkoasua.
    • Voit sulkea ponnahdusikkunan CTA:n sen jälkeen, kun kävijä on lähettänyt lomakkeen, kun muokkaat lomakemoduulia, voit kytkeä päälle Sulje lähettämisen jälkeen -kytkimen.
      

• Napsauta vasemmanpuoleisessa paneelissa Sisältö-välilehteä moduulien hallitsemiseksi.
  • Voit muokata moduulia napsauttamalla moduulin nimeä . Vasemmassa paneelissa voit muokata moduulin sisältöä ja ulkoasua. Rikastekstimoduuleissa voit käyttää tekoälyavustajia CTA-sisällön luomiseen tai tarkentamiseen.
  • Voit poistaa moduulin viemällä hiiren kursorin moduulin päälle ja napsauttamalla delete Poista-kuvaketta.
• Napsauta vasemmanpuoleisessa paneelissa Design-välilehteä muokataksesi ja esikatsellaksesi CTA:ta.
  • Voit esikatsella CTA:ta tietyillä sivuilla valitsemalla oikeassa yläkulmassa Preview (Esikatselu). Napsauta sitten Preview on specific page (Esikatselu tietyllä sivulla ) -pudotusvalikkoa ja valitse HubSpot-sivu, jolla CTA:ta esikatsellaan.

• • Jos haluat mukauttaa CTA:n ulkoasua, valitse jokin seuraavista vaihtoehdoista. Määritä sitten muutokset vasemmassa paneelissa.
    • Sijainti : Tarrakiinnitteisten bannerin CTA-kohtien kohdalla voit valita ylä- tai alapuolisen sijainnin. Sisään liu'utettavien CTA:iden osalta voit sijoittaa CTA:n sivun vasempaan ylä-, ala-, ylä- tai alaosaan.
    • Mitoitus: Määritä CTA:n korkeus, voit kytkeä päälle vaihtoehdon, jolla korkeus asetetaan automaattisesti CTA:n sisällön perusteella.
    • Asettelu: Määritä CTA:n asettelu. Voit lisätä pehmusteita CTA-sisältöön. Voit myös kytkeä päälle vaihtoehdon, jolla voit ottaa käyttöön responsiivisen asettelun. Reagoivan asettelun avulla CTA:n sarakkeet pinoutuvat pystysuoraan pienillä näytöillä.
    • Tyylit: Määritä CTA:n tyylit, kuten CTA:n ensisijainen fontti, reunus ja pudotusvarjo. Voit käyttää mukautettuja fontteja CTA:n kanssa, lisätietoja mukautettujen fonttien käyttämisestä HubSpot-sisällössä.
    • Tausta: aseta CTA:n tausta, voit asettaa taustavärin tai ladata taustakuvan.
    • Sulje-vaihtoehto: ponnahdusikkunan CTA-kohtien osalta voit kytkeä päälle vaihtoehdon, jonka avulla kävijät voivat sulkea CTA-kohteen, kun he napsauttavat mitä tahansa ponnahdusikkunan ulkopuolella. Kun tämä vaihtoehto on pois päältä, kävijät voivat sulkea CTA:n vain sulkemiskuvakkeen avulla.

Suunnittele HTML CTA

Voit luoda mukautetun Embedded HTML CTA:n ja soveltaa mukautettuja teemoja tai CSS:ää:

• Valitse vasemmassa paneelissa Aloita alusta.
• Laajenna sitten Lisäasetukset napsauttamalla ja valitse Embedded HTML.
• Napsauta avattavaa Linkki kohteeseen -valikkoa ja valitse vaihtoehto, johon CTA-kohteesi ohjataan:
  • Sähköpostiosoite: luo mailto-linkki. Jos haluat avata linkin uudella sivulla, valitse Avaa linkki uudessa välilehdessä -valintaruutu.
  • Tiedoston lataus: linkitä CTA:si tiedostoon tiedostonhallinnassa. Valitse olemassa oleva tiedosto tai lataa uusi tiedosto ja valitse sitten Avaa linkki uudessa välilehdessä -valintaruutu, jos haluat, että CTA-painiketta napsauttaneet kävijät näkevät kuvan uudessa selainikkunassa.
  • Kokouslinkki: linkitä CTA-painikkeesi HubSpot-kokouslinkkiin. Napsauta Valitse kokouslinkki -pudotusvalikkoa ja valitse sitten kokouslinkki. Jos haluat avata linkin uudella sivulla, valitse Avaa linkki uudessa välilehdessä -valintaruutu.
  • Jokin sivuistasi: linkitä CTA-linkkisi johonkin HubSpot-sivuistasi tai blogikirjoituksistasi. Napsauta Sivu-pudotusvalikkoa ja valitse sitten sivu tai viesti. Painikkeen CTA-linkki sidotaan sivun ID:hen, ja kaikki sivun URL-osoitteen muutokset päivittävät automaattisesti painikkeen CTA-linkin. Jos haluat avata linkin uudella sivulla, valitse Avaa linkki uudessa välilehdessä -valintaruutu.
  • URL-osoite: linkitä CTA-painike HubSpotin ulkopuoliselle sivulle. Kirjoita Linkki-URL-kenttään verkkosivuston URL-osoite, johon haluat ohjata kävijät. Jos haluat avata tämän linkin uudella sivulla, valitse Avaa linkki uudessa välilehdessä -valintaruutu.
  • CTA: Käytä mukautettua CTA:ta käynnistääksesi tahmean bannerin, ponnahduslaatikon tai sisään liukuvan CTA:n.
• Kirjoita CTA-tekstisi painikkeen sisältö -kenttään.
• Jos haluat mukauttaa CTA:n suunnittelua lisää, valitse Lisäasetukset.
  

• Lisäasetukset-sivulla voit lisätä mukautettuja CSS-luokkia tai -sääntöjä:
  • Mukautetut CSS-luokat: Kirjoita mukautettu luokka CTA:lle. Käytä mukautettuja luokkia suunnittelutyylien, kuten kirjasinperheiden, soveltamiseen useisiin CTA-kohtiin verkkosivustossasi. Kaikki mukautetut CSS-luokat on sisällytettävä HubSpot-sivuillasi käytettävään CSS-tyylitaulukkoon.
  • Mukautetut CSS-säännöt: Lisää mukautettuja sääntöjä, joilla voit soveltaa CTA-kohtaista inline-muotoilua.
    • Voit lisätä uuden CSS-säännön napsauttamalla Lisää yksi tai + Lisää ja määritä valitsin ja tyyli.
      • Valitsija: anna CSS-valitsin. Tämä arvo on valinnainen, ja se yhdistetään CTA:n valitsimeen. Jos esimerkiksi syötetty valitsin on :hover, yhdistetyksi valitsimeksi tulee ${ctaSelector}:hover
      • Style (Tyyli): Kirjoita mukautettu CSS-tyylisääntö, jota sovelletaan määritettyyn valitsijaan. Voit syöttää tyylin syöttämättä valitsinta. Esimerkiksi color: yellow;.

• Jos haluat muokata olemassa olevaa CSS-sääntöä, siirrä hiiren kursori säännön päälle ja napsauta edit muokkauskuvaketta.
• Jos haluat kloonata CSS-säännön, siirrä hiiren kursori säännön päälle ja napsauta duplicate kloonikuvaketta.

• Jos haluat hallita CSS-sääntöjesi tärkeysjärjestystä, voit järjestää ne tärkeysjärjestykseen napsauttamalla ja vetämällä kutakin sääntöä.
• Jos haluat poistaa CSS-säännön, vie hiiren kursori säännön päälle ja napsauta delete poistokuvaketta.

• Jos haluat käyttää CTA:ssa samaa HTML:ää ja samoja luokkia kuin vanhoissa CTA:issa, valitse Käytä vanhaa merkintää -valintaruutu. Jos sivuilla on CSS-tyylitaulukoita, jotka muotoilevat vanhoja CTA:ita, tämän valintaruudun valitseminen antaa HTML-CTA:n omaksua samat tyylit.

• Voit lopettaa CTA-mallin määrittämisen napsauttamalla Save & Apply (Tallenna ja sovella).
  

Mukauta, missä ja milloin tahmea bannerisi, ponnahduslaatikkosi tai liukuva CTA-näkymäsi näytetään.

Jos olet määrittänyt tahmean bannerin, ponnahduslaatikon tai liukuvan CTA-kohdistimen, voit kohdentaa kävijät valitsemalla, milloin haluat tämän CTA-kohdistimen näkyvän sivustollasi. Lisätietoja CTA-kohtien lisäämisestä sivuillesi.

Voit käyttää suodattimia yhdistämään useita sääntöjä siitä, ketkä kävijät näkevät CTA-kohtauksesi. Lisätietoja kohdentamissääntöjen määrittämisestä.

Aktivoinnin laukaisijat

Valitse aktivointikytkin, joka määrittää, milloin CTA näkyy sivulla. CTA tulee näkyviin, kun ensimmäinen valittu käynnistin täyttyy.

• Napsauta yläreunassa Kohdentaminen-välilehteä .
• Napsauta Milloin se näytetään -osiossa haluamiesi aktivointilaukaisimien vieressä olevaa kytkintä napsauttamalla sitä:
  • Trigger on button click: CTA tulee näkyviin, kun kävijä napsauttaa painiketta. Lue, miten ponnahdusikkunan CTA:t asetetaan aktivoitumaan painikkeen napsautuksen yhteydessä. Oletusarvoisesti tämä vaihtoehto on aina päällä.
    • Määritä tämä HubSpot-sivuillasi oletuspainikemoduulilla tai ulkoisilla sivuillasi mukauttamalla painikkeen luokkaa.
    • Tämän laukaisimen asettaminen ulkoisella sivulla edellyttää, että HubSpot-seurantakoodi on asennettu.
  • Laukaisu sivun vierityksen yhteydessä: CTA tulee näkyviin, kun kävijä on vierittänyt sivun tietyn prosenttiosuuden yli.
  • Trigger on exit intent: CTA tulee näkyviin, kun kävijä siirtää kursorinsa selainikkunan yläpalkkiin.
  • Laukaisu kuluneen ajan jälkeen: CTA tulee näkyviin määritetyn sekuntimäärän jälkeen.
  • Laukaisu toimimattomuuden jälkeen: CTA tulee näkyviin sen jälkeen, kun kävijä on ollut toimimattomana tietyn määrän sekunteja.

Verkkosivuston URL-osoite

Lisää ehdollista logiikkaa tietyille verkkosivun URL-osoitteille tai kyselyparametrien arvoille samassa Kohdentaminen-välilehdessä . Oletusarvoisesti CTA näkyy kaikilla sivuilla.

• Jos haluat näyttää CTA:n, kun kävijä on tietyssä verkkosivuston URL-osoitteessa, Verkkosivuston URL-osoite -osiossa
  • Napsauta ensimmäistä pudotusvalikkoa ja valitse Verkkosivuston URL-osoite.
  • Napsauta toista pudotusvalikkoa ja valitse kohdentamissääntö.
  • Kirjoita sääntökriteerit tekstikenttään.
• CTA:n näyttäminen, kun kävijä on verkkosivuston sivulla, jonka URL-osoite sisältää tiettyjä kyselyparametreja:
  • Napsauta ensimmäistä pudotusvalikkoa ja valitse kyselyparametri.
  • Kirjoita ensimmäiseen tekstikenttään kyselyparametrin nimi.
  • Napsauta toista pudotusvalikkoa ja valitse kohdentamissääntö.
  • Kirjoita toiseen tekstikenttään kyselyparametrin arvo.
• Voit lisätä toisen säännön valitsemalla Lisää sääntö.
• Jos haluat sulkea toimintakutsut tiettyjen sivujen ulkopuolelle, valitse Lisää poissulkusääntö. Voit esimerkiksi lisätä poissulkusäännön tietosuojakäytäntöjen sivulle.

Kävijän tiedot ja käyttäytyminen

Voit myös kohdentaa tietyt yhteystiedot tunnettujen kävijätietojen ja käyttäytymisen perusteella Kohdentaminen-välilehdellä . Se, millaisia suodatussääntöjä voit lisätä, riippuu tilisi tilauksista.

• Jos haluat näyttää CTA:n kaikille määritettyjen verkkosivustojen kävijöille, valitse Kaikki kävijät. Tämä vaihtoehto on oletusarvoisesti valittu.
• Jos haluat näyttää CTA:t tietyille kävijöille, valitse Suodatetut kävijät -vaihtoehto. Määritä sitten suodattimet:
  • Valitse kävijöiden suodatustapa napsauttamalla ensimmäistä pudotusvalikkoa.

• • Valitse suodatussääntöjä napsauttamalla seuraavaa pudotusvalikkoa.
  • Jos haluat lisätä lisää sääntöjä siitä, milloin CTA:t näytetään, napsauta Lisää sääntö ja valitse suodattimet.

• • Valitse, milloin CTA piilotetaan:
    
    • Napsauta Lisää poissulkemissääntö.
    • Valitse ensimmäisestä pudotusvalikosta, milloin CTA piilotetaan.
    • Valitse suodatussäännöt napsauttamalla seuraavaa pudotusvalikkoa.
    • Jos haluat lisätä lisää sääntöjä sille, milloin CTA piilotetaan, napsauta Lisää poissulkusääntö ja valitse suodattimet.

• • Jos haluat luoda toisen suodatussääntöjoukon, napsauta Lisää suodatinryhmä ja valitse suodatussääntösi.

Näytä taajuus

Kun kävijä hylkää tahmean bannerin, ponnahdusikkunan tai liukuvan CTA:n ensimmäisen kerran, voit valita, näytetäänkö CTA uudelleen ja kuinka usein se näytetään. Määritä CTA:n näyttötiheys Kohdentaminen-välilehdellä :

• Napsauta kohdassa Kuinka usein se näytetään napsauttamallaNäytä uudelleen -pudotusvalikkoa ja valitse taajuus:
  • Määritetyn ajanjakson jälkeen: Määritä aika, joka kuluu sen jälkeen, kun kävijä hylkää CTA:n, ennen kuin se näytetään uudelleen.
    • Asetettua taajuutta ei sovelleta verkkosivuston aliverkkotunnusten välillä, vaikka verkkotunnusten välinen seuranta olisi käytössä.
    • Jos esimerkiksi kävijä käynnistää ja hylkää ponnahdusikkunan CTA:n blog.hubspot.com-sivustolla, mutta siirtyy myöhemmin osoitteeseen knowledge.hubspot.com, sama ponnahdusikkunan CTA tulee näkyviin uudelleen, vaikka asetettu aikaväli ei olisi kulunut. Kun ponnahdusikkunan CTA on hylätty, se tulee näkyviin jokaisella vastaavalla aladomainilla vasta sen jälkeen, kun kyseisen aladomainin asetettu taajuus on kulunut umpeen.

• • Toista: Näytä CTA joka kerta, kun he vierailevat valituilla verkkosivuilla ja suorittavat käynnistystoiminnon, vaikka he olisivat olleet vuorovaikutuksessa sen kanssa aiemmin.
  • Älä näytä uudelleen: näytä CTA kävijöille vain kerran. Ensimmäisen näyttökerran jälkeen CTA:ta ei saa enää koskaan näyttää.
    • Tätä ei sovelleta verkkosivuston aladomainien välillä, vaikka verkkotunnusten välinen seuranta olisikin käytössä.
    • Jos esimerkiksi kävijä käynnistää ja hylkää ponnahdusikkunan CTA:n blog.hubspot.com-sivustolla, mutta siirtyy myöhemmin sivulle knowledge.hubspot.com, sama ponnahdusikkunan CTA näkyy edelleen kyseisellä aliverkkotunnuksella ja kaikilla muilla aliverkkotunnuksilla, joilla sitä ei ole aiemmin näytetty.

Huomaa: tämä ei koske CTA:ita, kun käytät Trigger on button click (Laukaisu painikkeen napsautuksen yhteydessä ) -aktivointilaukaisinta.

Mukauta CTA-vaihtoehtoja

MukautaAsetukset-välilehdillä erilaisia CTA-vaihtoehtoja, kuten sitä, näytetäänkö CTA pienissä kooissa, siihen liittyviä kampanjoita ja CTA:n aikataulutus.

• Napsauta yläreunassa Asetukset-välilehteä .
• Jos kyseessä on tahmea banneri, ponnahduslaatikko tai liu'utettava CTA, voit piilottaa CTA:n pienillä näytön kooilla. Valitse Pienet näyttökoot -osiossa Poista käytöstä pienissä näyttökokoluokissa -valintaruutu.

• Jos sinulla on Marketing Hub Professional- tai Enterprise-tilaus, voit liittää CTA:n kampanjaan:
  • Jos haluat liittää CTA:n olemassa olevaan kampanjaan, napsauta Kampanja-pudotusvalikkoa ja valitse kampanja.
  • Jos haluat liittää CTA:n uuteen kampanjaan, napsauta Kampanja-pudotusvalikkoa ja valitse Luo kampanja. Jatka sitten kampanjan määrittämistä.

• • Jos et ole koskaan aiemmin luonut kampanjaa, valitse Luo kampanja. Jatka sitten kampanjan määrittämistä.
• Määritä, miten haluat seurata CTA-klikkauksia. Valitse seuraavista vaihtoehdoista:
  • Seuraa klikkauksia uudelleenohjauksen kautta: Seuraa CTA:n klikkauksia ohjaamalla kävijät alkuperäiseen URL-osoitteeseen, joka yhdistää klikkauksen CTA:han, ennen kuin heidät ohjataan lopulliselle sivulle. Tämä vaihtoehto on oletusarvoisesti valittu.
  • Seuraa klikkauksia selaimen kautta: Seuraa klikkauksia asynkronisesti kävijän selaimen kautta. Tämän vaihtoehdon avulla voit käyttää ankkuritunnisteita, koska uudelleenohjauksia ei ole, vaan CTA ohjaa kävijät asetettuun URL-osoitteeseen.

• Tarrakiinnitteisen bannerin, ponnahduslaatikon tai liu'utettavan CTA:n kohdalla voit ajoittaa CTA:n näyttöajankohdan:
  
  • Jos haluat ajoittaa, milloin CTA alkaa näkyä, kytke Aikataulu myöhempään -kytkin päälle. Valitse sitten Aloituspäivä ja -aika.
  • Jos haluat ajoittaa, milloin CTA lopettaa näyttämisen, kytke Set unpublish date and time -kytkin päälle. Valitse sitten lopetuspäivämäärä ja -aika.

Julkaise CTA:si

Kun olet määrittänyt CTA:n, julkaise CTA, jotta se voidaan ottaa käyttöön.

• Valitse oikeassa yläkulmassa Tarkista ja julkaise.
• Tarkista oikeassa paneelissa CTA:si ja valitse sitten Julkaise nyt. CTA julkaistaan automaattisesti kohdesivuilla.