Ultimo aggiornamento: gennaio 27, 2021
Regola le dimensioni del tuo CTA usando le opzioni di dimensionamento integrate e i CSS personalizzati.
- Nel tuo account HubSpot, naviga su Marketing > Acquisizione lead > CTA.
- Passa con il mouse su un CTA e clicca sul menua discesa Azioni, quindi seleziona Modifica.
- Nel pannello a scorrimento, clicca su Opzioni avanzate.
- Deseleziona la casella di controllo Sizeautomatically, quindi inserisci i valori delle dimensioni nei campi Horizontal padding e Vertical padding.
- Fai clic su Next >.
- Fai clic su Save e poi su Finish.
Per fare in modo che il CTA riempia l'intera larghezza del suo contenitore o modulo, dopo aver progettato il tuo pulsante personalizzato CTA:
- Deseleziona lacasella di controlloSizeautomatically.
- Nel campoCSSpersonalizzato, inserisciiltuoCSS personalizzato .
- Imposta la larghezza su width: 100%;
- Fai clic su Next >.
- Fai clic su Save e poi su Finish.
Se stai incorporando un'immagineimmagine CTA sul tuo sito non-HubSpotpotrebbe essere necessario applicare ulteriori dichiarazioni CSS (come width: 100%;) nel tuo foglio di stile per rendere l'immagine CTA reattiva.
Cos'è l'ottimizzazione della retina?
L'ottimizzazione Retina rende l'immagine della tua CTA più nitida quando viene visualizzata sulle pagine del tuo sito e nelle email se i tuoi destinatari visualizzano la CTA nelle versioni moderne di Apple Mail e della posta di iOS; questo non è supportato da Outlook o dai servizi di webmail come Gmail.
L'ottimizzazione Retina è supportata quando si carica un'immagine che è almeno due volte la dimensione necessaria per la CTA, in modo simile a come funziona il supporto retina per tutte le immagini su Internet. Se stai creando una CTA che sarà 400px per 100px, l'immagine caricata dovrebbe essere 800px per 200px per supportare una visualizzazione @2x pixel density. Le CTA supportano l'aggiunta di una versione 4x, in questo caso caricando un'immagine di 1600px per 400px. La CTA sarà automaticamente resa sul tuo sito web con un attributo srcset che serve la versione 1x, 2x, 3x e 4x dove disponibile.
Se l'immagine è caricata alle dimensioni a cui la CTA sarà resa (per esempio, un'immagine di 400px per 100px è caricata per una CTA di 400px per 100px), questa non avrà il supporto retina.
