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ä.
CTAs

Lisää mukautettuja tyylejä CTA:si

Päivitetty viimeksi: marraskuuta 2, 2021

Tämä koskee seuraavia:

Markkinointi Hub Professional, Enterprise
Sisällön hallintajärjestelmä 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.

Huomaa: mukautettuja tyylejä voidaan soveltaa vain mukautettuihin painikkeisiin, ei kuvapainikkeisiin.

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Liidien kaappaus > Toimintaan kehoitukset.
  • Vie hiiren kursori CTA-painikkeen päälle ja valitse Toiminnot>Muokkaa tai valitse Luo CTA.edit-or-create-new-cta
  • Selaa liukupaneelissa alaspäin ja valitse Lisäasetukset.

  • Voit soveltaa mukautettua CSS-muotoilua CTA-painikkeisiin kahdella tavalla:
    • Jos haluat lisätä CTA:si mukautetun luokan, Mukautettu CSS-luokka-kenttä tukee mukautetun luokan syöttöä. Tämä on hyödyllistä, kun useilla CTA-kohteilla verkkosivustosi sivuilla on oltava samanlaiset muotoiluominaisuudet, kuten kirjasinperheet, 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ä.
    • Jos haluat, että mukautettuja tyylejä sovelletaan vain muokkaamallesi CTA:lle, voit soveltaa mukautetun CSS-kentässäkyseiselle CTA:lle ominaista inline-muotoilua. Jos haluat muuttaa CTA:n elementtiä, lisää uusi tyyli-ilmoitus tähän ennen muutosten tallentamista.

Huomaa: kun sovellat mukautettua CSS-muotoilua CTA-kohtaan, käytä vain joko mukautettua CSS-luokkaa tai mukautettua CSS-vaihtoehtoa. Jos käytät molempia vaihtoehtoja, CTA:n muotoilussa tai näyttämisessä voi esiintyä ongelmia.