Päivitetty viimeksi: toukokuuta 25, 2023
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
Marketing Hub Professional, Enterprise
|
CMS Hub Professional, Enterprise
|
| Vanhentunut Marketing Hub Basic-versio |
Käytä HubSpotin CTA-painikkeiden kehittyneitä vaihtoehtoja ja luo erittäin räätälöityjä CTA-painikkeita, jotka sopivat täydellisesti verkkosivustosi teemaan. Voit käyttää mukautettua CSS-luokkaatukemaan mukautettuja luokkatuloja tyylitaulustasi tai lisätä mukautetun CSS:n suoraan painikkeen CTA:han.
Jos haluat mukauttaa painikkeen CTA:ta vielä enemmän, opettele muokkaamaan CTA:n kokoa. Jos lisäät painikkeen CTA:n sähköpostiin tai malliin, opettele keskittämään CTA:si
.
Huomaa: mukautettuja tyylejä voidaan soveltaa vain mukautettuihin painikkeisiin, ei kuvapainikkeisiin.
Mukautetun tyylin lisääminen painikkeen CTA:lle:
- Siirry HubSpot-tililläsi kohtaan Markkinointi > Lead Capture > Button CTAs.
- Vie hiiren kursori painikkeen CTA:n päälle ja valitse Toiminnot > Muokkaa tai valitse Luo CTA.
-
Selaa oikeassa paneelissa alaspäin ja valitse Lisäasetukset.
- Voit soveltaa painikkeen CTA:han mukautettua CSS-muotoilua käyttämällä vain joko Custom CSS -luokkaa tai Custom CSS -vaihtoehtoa. Jos molempia vaihtoehtoja käytetään, painikkeen CTA:n muotoilussa tai näytössä voi esiintyä ongelmia.
- Mukautettu CSS-luokka: Lisää mukautettu luokka painikkeen CTA:lle, jotta se tukee mukautettuja luokkatuloja. Tämä on hyödyllistä, kun useilla CTA-painikkeilla verkkosivustosi sivuilla on oltava samanlaiset muotoiluominaisuudet, kuten kirjasintyypit, koko tai jopa pehmusteet ja marginaalit. Jos käytät mukautettua CSS-luokkaa, varmista, että luokka on sisällytetty ja muotoiltu CSS-tyylitaulukkoon, jota käytetään HubSpot-sivujen päätyylinä.
- Mukautettu CSS: Lisää mukautettuja tyylejä, joita sovelletaan vain muokkaamallesi painikkeen CTA:lle. Mukautettu CSS-kentässä voit soveltaa kyseiselle painikkeelle CTA:lle ominaista inline-styliä. Jos haluat muuttaa painikkeen CTA:n elementtiä, lisää uusi tyyli-ilmoitus tähän ennen muutosten tallentamista.
- Napsauta oikeassa alareunassa Seuraava > viimeistelläksesi painikkeen CTA:n luomisen tai muokkaamisen.
