Perinteinen call-to-action (CTA) on painike, jota voit käyttää HubSpot-sisällössäsi ohjaamaan potentiaalisia asiakkaita verkkosivustollesi, jossa he voivat sitten muuntaa lomakkeen. Kun olet luonut CTA:n, voit tarkastella CTA:n katselukertoja ja klikkauksia. Lue lisää CTA:n (legacy) suorituskyvyn analysoinnista.
Jos haluat luoda lisää CTA-tyyppejä, kuten painikkeita, bannereita tai ponnahdusikkunoita, opettele käyttämään uutta CTA-editoria.
Huom:
- On suositeltavaa siirtää olemassa olevat vanhat CTA:t uuteen editoriin. Lisätietoja CTA:iden (vanhojen) siirtämisestä.
- Maaliskuun 17. päivän 2025 jälkeen luoduilla tileillä ei ole pääsyä CTA (legacy) -työkaluun.
Luo CTA (legacy)
Kun luot CTA:ta (legacy), voit suunnitella mukautetun painikkeen tai käyttää CTA:na kuvaa. CTA:n luomisen aloittaminen (vanha):
- Napsauta vasemmassa yläkulmassa olevaa pudotusvalikkoa ja valitse CTAs (Legacy).
- Napsauta oikeassa yläkulmassa Luo CTA.
Suunnittele mukautettu painike
Voit määrittää CTA:n (legacy) mukautetuksi painikkeeksi CTA-editorin suunnitteluvaihtoehtojen avulla. Voit suunnitella CTA:n mukautettuna painikkeena:
- Valitse oikeassa paneelissa Mukautettu painike.
- Muotoilepainike seuraavilla vaihtoehdoilla:
- Painikkeen sisältö: Kirjoita CTA-painikkeessa näkyvä teksti. Voit myös lisätä hymiöitä. Yhteyshenkilösi ja vierailijasi näkevät heidän käyttämänsä laitteen (Mac, Windows, Chrome, Android jne.) alkuperäisen emoji-tyylin.
- Painikkeen tyyli: Valitse CTA-painikkeen tyyli pudotusvalikosta. Jos haluat painikkeen näyttävän tavalliselta tekstilinkiltä, valitse pudotusvalikosta Linkki (Ei tyyliä) .
- Painikkeen väri: napsauta värivalitsinta tai kirjoita oma värin heksanarvo painikkeen väri -kenttään.
- Lisäasetukset: Napsauta Lisäasetukset , jos haluat mukauttaa CTA-painikkeen pikselipehmusteen ja CSS-muotoilun.
- Napsauta oikean paneelin alareunassa Seuraava >.
Suunnittele kuvapainike
Sen sijaan, että suunnittelisit mukautetun painikkeen, voit myös ladata kuvan, jota voit käyttää CTA:n suunnittelussa. Voit suunnitella CTA:n kuvapainikkeeksi:
- Valitse oikeassa paneelissa Image Button (Kuvapainike).
- Lataa kuva ja muotoile CTA:
- Lataa: Valitse kuvatiedosto laitteeltasi.
- Selaa kuvia: valitse kuva tiedostonhallinnasta. Valitse Lisää kuva -paneelista kuva , jota haluat käyttää CTA-painikkeena.
- Leveys: säädä kuvapainikkeen leveys . Lisätietoja ladattujen kuvien retina-optimoinnista.
- Korkeus: säädä kuvapainikkeen korkeutta .
- Alt-teksti: syötä kuvan alt-teksti .
- Napsauta oikean paneelin alareunassa Seuraava >.
Määritä CTA-vaihtoehtosi (legacy)
Kun olet suunnitellut CTA:n (legacy), määritä CTA:n vaihtoehdot, jotta voit määrittää CTA:n nimen, mihin CTA ohjaa, ja kaikki siihen liittyvät kampanjat.
CTA-vaihtoehtojen määrittäminen:
- Määritä Asetukset-sivulla seuraavat asetukset:
- CTA:n sisäinen nimi: Kirjoita CTA:n nimi. Vain HubSpot-tilisi käyttäjät näkevät CTA:n sisäisen nimen.
- URL:n uudelleenohjaustyyppi: Valitse vaihtoehto, johon CTA:si ohjataan.
- Ulkoisen verkkosivuston URL-osoite: linkitä CTA:si HubSpotin ulkopuoliselle sivulle. Kirjoita URL-osoite-kenttään verkkosivun URL-osoite, johon haluat ohjata kävijät.
- HubSpot-sivu tai blogikirjoitus: linkitä CTA johonkin HubSpotin sivuun tai blogikirjoitukseen. Napsauta HubSpot-sivun tai blogikirjoituksen pudotusvalikkoa ja valitse sitten sivu tai kirjoitus.Painikkeen CTA-linkki sidotaan sivun ID:hen, ja kaikki sivun URL-osoitteen muutokset päivittävät automaattisestipainikkeen CTA-linkin.
-
-
- Kokouslinkki: linkitä CTA-linkki kokouslinkki. Napsauta Valitse kokouslinkki -pudotusvalikkoa ja valitse sitten kokouslinkki. Jos haluat avata linkin uudella sivulla, valitse Avaa sivu uudessa ikkunassa -valintaruutu.
- Tiedostolinkki: linkitä CTA:si tiedostonhallinnassa olevaan tiedostoon. Napsauta Selaa tiedostoja ja valitse tiedosto ja valitse sitten Avaa sivu uudessa ikkunassa -valintaruutu, jos haluat, ettäCTA-painiketta napsauttaneet kävijät näkevät kuvan uudessa selainikkunassa.
- Sähköpostiosoite: Luo mailto-linkki.
- Puhelinnumero: luo linkki, jonka avulla voit soittaa määritettyyn puhelinnumeroon.
-
- Kampanja: Jos haluat liittää analytiikka kampanjaan, napsauta pudotusvalikkoa ja valitse kampanja.
- Napsauta Tallenna. CTA-kohteesi näkyy nyt ikkunan yläosassa.
Huom:
- CTA (legacy) -työkalu ei tue personointimerkkejä. personointimerkki lisääminenpainikkeen CTA:han johtaa virheeseen. Blogikirjoituksissa, sivuilla tai markkinointisähköposteissa voit sen sijaan harkita personointimerkkien käyttöä painikemoduulin kanssa.
- Kun asetat sivuja sisällön näytteillepano avulla , CTA:t (legacy) eivät päivity automaattisesti, vaan ne pysyvät linkitettyinä alkuperäiseen sivuun. On suositeltavaa päivittää olemassa olevat CTA:t tai luoda uudetpainike-CTA:t uusille sivuille.
Viimeistele CTA:n luominen (legacy)
Kun olet määrittänyt CTA:n ulkoasun ja vaihtoehdot, voit tehdä seuraavaa:
- Jos haluat muokata CTA:n sisäistä nimeä, napsauta yläreunassa olevaa edit -kynäkuvaketta muokataksesi CTA:n sisäistä nimeä.
- Lopeta CTA:n luominen napsauttamalla Sulje.
- Jos haluat luoda älykkäänpainikkeen CTA:n, valitse Luo älykäs versio.
- Jos haluat testatapainikkeen CTA:ta A/B-testillä, valitse Luo monimuuttujainen testi.
CTA-lisätoiminnot (legacy)
CTA (legacy) -kojelaudalla voit analysoida korkean tason mittareita ja tarkastella, miten CTA-kohteesi toimivat, ja ryhtyä toimiin minkä tahansa luetellun CTA-kohteen kohdalla:
- Jos haluat esikatsella CTA:ta, vie hiiren kurssi CTA:n päälle ja valitse Esikatselu, jolloin CTA näkyy esikatselupalkin sivupalkissa.
- Jos haluat toimia CTA:n perusteella, napsauta pudotusvalikkoa Toiminnot ja valitse jokin seuraavista:
- Muokkaa: tee muutoksia CTA:si CTA-editorissa (legacy).
- Luo monimuuttujatesti: luo toinen versio CTA:sta A/B-testin suorittamiseksi yhteystietojesi ja kävijöiden kanssa.
- Luo älykäs versio: luo älykäspainike-CTA, joka näyttää CTA:n eri versiot tiettyjen näyttösääntöjen mukaan.
- Tarkastele yksityiskohtia: Tarkastele CTA:n analytiikka, kuten katselukertojen, napsautusten ja lähetysten määrää.
- Kloonaa: luo tarkka kopio CTA:stasi.
- Upotuskoodi: lisää CTA-kohtaasi ulkoisille sivuille kopioimalla ja liittämällä upotuskoodi.
- Poista: poista CTA:si pysyvästi.