CTA:n koon muokkaaminen (vanha versio)

Huomaa: 17. maaliskuuta 2025 jälkeen luotuilla tileillä ei ole pääsyä CTA (vanha versio) -työkaluun.

Säädä CTA (vanha versio) -työkalun kokoa sisäänrakennettujen kokovaihtoehtojen ja mukautetun CSS:n avulla. Kun lataat kuvaa kuvapohjaista CTA:ta varten, kannattaa ottaa huomioon Retina-näytöille optimointi.

Voit mukauttaa CTA-painikettasi (vanha versio) entisestään oppimalla lisäämään siihen mukautettuja tyylejä CSS:n avulla. Jos lisäät CTA-painikkeen sähköpostiin tai malliin, opi keskittämään CTA-painike (vanha versio).

Muokkaa CTA:n (vanha versio) kokoa

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > CTA:t. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > CTA:t.
2. Napsauta vasemmassa yläkulmassa olevaa avattavaa valikkoa ja valitse CTA:t (vanha versio).
3. Vie hiiri CTA:n päälle ja napsauta Toiminnot > Muokkaa.
4. Napsauta avautuvassa paneelissa Lisäasetukset.
   
   

5. Voit muuttaa mukautetun CTA:n kokoa manuaalisesti seuraavasti:
   • Poista valinta Sovita tekstiin -valintaruudusta. Tämä poistaa käytössä olevan automaattisen koon muuttamisen.
   • Syötä Painikkeen reunaväli -osiossa haluamasi koot painikkeen leveys- ja korkeus-kenttiin.
   • Napsauta Seuraava >.
   • Napsauta Tallenna. Napsauta sitten Valmis.
6. Jos haluat, että mukautettu CTA-painike täyttää koko säilytysalueen tai moduulin leveyden:
   • Poista valinta Koko automaattisesti -valintaruudusta .
   • Kirjoita mukautettu CSS-koodi Mukautettu CSS -kenttään.
   • Aseta leveys arvoksi width: 100%;
   • Napsauta Seuraava >.
   • Napsauta Tallenna. Napsauta sitten Valmis.

Mitä on Retina-optimointi?

Retina-optimointi tekee CTA-painikkeen kuvasta terävämmän, kun sitä katsellaan sivustosi sivuilla ja sähköposteissa, jos vastaanottajat katsovat CTA-painiketta Apple Mailin ja iOS-sähköpostin uusimmissa versioissa; tätä ominaisuutta ei tueta Outlookissa tai Gmailin kaltaisissa verkkosähköpostipalveluissa.

Retina-optimointi tuetaan, kun lataat kuvan, jonka koko on vähintään kaksi kertaa suurempi kuin CTA:n vaatima koko. Tämä toimii samalla tavalla kuin Retina-tuki kaikissa internetin kuvissa. Huomaa myös seuraavaa:

• Jos luot CTA:n, jonka koko on 400 pikseliä x 100 pikseliä, ladatun kuvan tulisi olla 800 pikseliä x 200 pikseliä, jotta se tukee @2x-pikselitiheyden näyttöä.
• CTA:t tukevat jopa 4x-version lisäämistä. Jos esimerkiksi luot CTA:n, jonka koko on 400px × 100px, voit ladata kuvan, jonka koko on 1600px × 400px.
• CTA-painike renderöidään verkkosivustollasi automaattisesti srcset-attribuutin avulla, joka tarjoaa 1x-, 2x-, 3x- ja 4x-versiot, jos ne ovat käytettävissä.
• Jos kuva ladataan samassa koossa kuin CTA renderöidään, se ei tue Retina-näyttöjä. Esimerkiksi, jos 400px × 100px-kuva ladataan 400px × 100px-kokoiselle CTA:lle