Lisää mukautettuja tyylejä CTA:si (legacy)

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 > Lead Capture > CTA:t.
• Napsauta vasemmassa yläkulmassa 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).