Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.

Lisää mukautettuja tyylejä painikkeesi CTA-painikkeisiin

Päivitetty viimeksi: kesäkuuta 28, 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.

Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.