Muokkaa CTA:n kokoa

Säädä CTA:n kokoa sisäänrakennettujen kokovaihtoehtojen ja mukautetun CSS:n avulla.

• Siirry HubSpot-tililläsi kohtaan Markkinointi > Liidien kaappaus > Toimintaan kehoitukset.
• Vie hiiren kursori CTA:n päälle ja napsautaToiminnot-pudotusvalikkoa ja valitse sitten Muokkaa.

• Valitse liukupaneelissa Lisäasetukset.

• Poista valintaruudunSize automatically (Koko automaattisesti) valintaruutu ja syötä sitten kokoarvot Horizontal padding (Vaakasuora pehmuste ) ja Vertical padding (Pystysuora pehmuste ) -kenttiin.
• Napsauta Seuraava >.
• Napsauta Tallenna ja napsauta sitten Valmis.

Jos haluat, että CTA täyttää säiliönsä tai moduulinsa koko leveyden, kun olet suunnitellut mukautetun painikkeen CTA:n:

• PoistaSize automatically (Koko automaattisesti) -valintaruudun valinta.
• Kirjoita mukautettuCSS-kenttään mukautettu CSS.
• Aseta leveydeksiwidth: 100 %;
• Napsauta Seuraava>.
• Napsauta Tallenna ja napsauta sitten Valmis.

Jos upotat image CTA muuhun kuin HubSpot-sivustoon, saatat joutua käyttämään ylimääräisiä CSS-ilmoituksia (esimerkiksi width: 100 %;), jotta kuva-CTA:sta tulee responsiivinen.

Mitä on verkkokalvo-optimointi?

Retina-optimointi tekee CTA:n kuvasta terävämmän sivustosi sivuilla ja sähköpostiviesteissä, jos vastaanottajat katsovat CTA:ta Apple Mailin ja iOS-mailin nykyaikaisissa versioissa; Outlook tai webmail-palvelut, kuten Gmail, eivät tue tätä.

Retina-optimointia tuetaan, kun lataat kuvan, jonka koko on vähintään kaksi kertaa suurempi kuin CTA:n tarvitsema koko, samaan tapaan kuin retina-tuki toimii kaikkien internetin kuvien kohdalla. Jos luot CTA:n, jonka koko on 400 x 100 pikseliä, ladatun kuvan pitäisi olla 800 x 200 pikseliä, jotta se tukisi @2x pikselitiheyden näyttöä. CTA:t tukevat 4x-version lisäämistä, tässä tapauksessa 1600px x 400px:n kokoisen kuvan lataamista. CTA renderöidään automaattisesti verkkosivustollasi srcset-attribuutilla, joka tarjoaa 1x-, 2x-, 3x- ja 4x-versiot, jos ne ovat käytettävissä.

Jos kuva ladataan CTA:n renderöitävän kuvan kokoisena (esim. 400px x 100px:n kokoinen kuva ladataan 400px x 100px:n kokoista CTA:ta varten), tämä ei tue verkkokalvoa.