Päivitetty viimeksi: 3 elokuuta 2026
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
-
Marketing Hub
Professional, Enterprise
-
Content Hub
Professional, Enterprise
Huomaa: 17. maaliskuuta 2025 jälkeen luotuilla tileillä ei ole pääsyä CTA (vanha versio) -työkaluun.
Käytä HubSpotin CTA:n (vanha versio) lisäasetuksia luodaksesi tarkasti räätälöityjä CTA-painikkeita, jotka sopivat täydellisesti verkkosivustosi teemaan. Voit käyttää mukautettua CSS-luokkaatukeaksesi tyylitiedostosi mukautettuja luokkatietoja tai lisätä mukautettua CSS:ää suoraan CTA:han.
Jos haluat mukauttaa CTA-painikettasi (vanha versio) entisestään, lue ohjeet CTA-painikkeen koon muokkaamisesta. Jos lisäät CTA-painikkeen (vanha versio) sähköpostiin tai malliin, lue ohjeet CTA-painikkeen keskittämisestä.
Käyttöoikeudet edellytetään CTA-painikkeiden (vanha versio) luomiseen ja muokkaamiseen tarvitaan Super Admin -oikeudet tai Blogi-, Sähköposti-, Laskeutumissivut- tai Verkkosivut-oikeudet.
Voit lisätä mukautetun tyylin CTA-painikkeeseesi seuraavasti:
- Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > CTA:t. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > CTA:t.
- Napsauta vasemmassa yläkulmassa olevaa avattavaa valikkoa ja valitse CTA:t (vanha versio).
- Vie hiiri CTA:n päälle, napsauta Toiminnot ja valitse Muokkaa tai napsauta Luo CTA.
-
Vieritä oikeanpuoleisessa paneelissa alaspäin ja napsauta laajentaaksesi Lisäasetukset-osion.
- Voit soveltaa mukautettua CSS-tyylitystä CTA-painikkeeseesi käyttämällä joko Mukautettu CSS-luokka- tai Mukautettu CSS -vaihtoehtoa. Jos molemmat vaihtoehdot otetaan käyttöön, se voi aiheuttaa ongelmia CTA-painikkeen tyylityksessä tai näytössä.
- Mukautettu CSS-luokka: lisää CTA:han mukautettu luokka, jotta se tukee mukautettujen luokkien syöttöjä. Tämä on hyödyllistä, kun useiden verkkosivustosi sivuilla olevien CTA:iden on jaettava samanlaiset muotoiluominaisuudet, kuten fonttiperheet, koot tai jopa sisä- ja ulkomarginaalit. Jos käytät mukautettua CSS-luokkaa, varmista, että luokka on mukana ja muotoiltu CSS-tyylitiedostossa, jota käytetään HubSpot-sivujesi päätyylinä.
- Mukautettu CSS: lisää mukautettuja tyylejä, joita sovelletaan vain muokkaamaasi CTA:han. Mukautettu CSS -kentässä voit määrittää kyseiselle CTA:lle ominaisia inline-tyylejä. Jos haluat muuttaa jotakin CTA:n elementtiä, lisää uusi tyylimäärittely tähän ennen muutosten tallentamista.
- Napsauta oikeassa alakulmassa Seuraava >, kun olet valmis luomaan tai muokkaamaan CTA-painiketta (vanha versio).
Huomaa: mukautettuja tyylejä voidaan soveltaa vain mukautettuihin painikkeisiin, ei kuvapainikkeisiin.
