Lisää mukautettuja tyylejä CTA:si (legacy)
Päivitetty viimeksi: kesäkuuta 12, 2024
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
Marketing Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Vanhentunut Marketing Hub Basic-versio |
Käytä HubSpotin CTA-painikkeiden (legacy) kehittyneitä vaihtoehtoja ja luo erittäin räätälöityjä CTA-painikkeita, jotka sopivat täydellisesti verkkosivustosi teemaan. Voit käyttää mukautettua CSS-luokkaatukeaksesi mukautettuja luokkatuloja tyylitaulukostasi tai lisätä mukautetun CSS:n suoraan CTA:han.
Jos haluat mukauttaa CTA:ta (legacy) edelleen, opettele muokkaamaan CTA:n kokoa. Jos lisäät CTA:n (legacy) sähköpostiviestiin tai malliin, opettele keskittämään CTA:n.
Huomaa: mukautettuja tyylejä voidaan soveltaa vain mukautettuihin painikkeisiin, ei kuvapainikkeisiin.
Mukautetun tyylin lisääminen painikkeen CTA:lle:
- Siirry HubSpot-tililläsi kohtaan Markkinointi > CTA:t.
- Napsauta vasemmassa yläkulmassa olevaa pudotusvalikkoa ja valitse CTA:t (vanhat).
- Vie hiiren kursori CTA:n päälle ja valitse Toiminnot > Muokkaa tai valitse Luo CTA.
-
Selaa oikeassa paneelissa alaspäin ja valitse Lisäasetukset.
- Voit soveltaa CTA:si mukautettua CSS-muotoilua käyttämällä vain joko Custom CSS -luokkaa tai Custom CSS -vaihtoehtoa. Jos molempia vaihtoehtoja käytetään, CTA:n muotoilussa tai näyttämisessä voi esiintyä ongelmia .
- Mukautettu CSS-luokka: Lisää mukautettu luokka CTA:si, jotta se tukee mukautetun luokan syötteitä. Tämä on hyödyllistä, kun useilla CTA:illa 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 muokkaamaasi CTA:han. Mukautettu CSS-kentässä voit soveltaa kyseiselle CTA-kohtaiselle CTA:lle ominaista inline-styliä. Jos haluat muuttaa CTA:n elementtiä, lisää uusi tyyli-ilmoitus tähän ennen muutosten tallentamista.
- Napsauta oikeassa alareunassa Seuraava > viimeistelläksesi CTA:n luomisen tai muokkaamisen (legacy).