Modifica le dimensioni di un CTA (versione precedente)

Nota bene: gli account creati dopo il 17 marzo 2025 non hanno accesso allo strumento CTA (versione precedente).

Regola le dimensioni del tuo CTA (versione precedente) utilizzando le opzioni di ridimensionamento integrate e il CSS personalizzato. Quando carichi l'immagine per un CTA con immagine, ti consigliamo di tenere in considerazione l'ottimizzazione per schermi Retina.

Per personalizzare ulteriormente il tuo CTA, scopri come aggiungere stili personalizzati al tuo CTA (versione precedente) tramite CSS. Se stai inserendo il tuo CTA in un'e-mail o in un modello, scopri come centrare il tuo CTA (versione precedente).

Modifica le dimensioni del tuo CTA (versione precedente)

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > CTA. Se Altro non appare nel tuo account, vai direttamente a Marketing > CTA.
2. In alto a sinistra, clicca sul menu a tendina e seleziona CTA (Legacy).
3. Passa con il mouse su un CTA e clicca su Azioni > Modifica.
4. Nel pannello a comparsa, clicca su " Opzioni avanzate".
   
   

5. Per ridimensionare manualmente il tuo CTA personalizzato:
   • Deseleziona la casella di controllo Adatta al testo. In questo modo verrà rimosso il ridimensionamento automatico applicato.
   • Nella sezione " Rientro del pulsante ", inserisci i valori desiderati nei campi " Larghezza pulsante " e " Altezza pulsante ".
   • Fare clic su Avanti >.
   • Fare clic su "Salva". Quindi, fare clic su " Fine".
6. Per fare in modo che il tuo CTA personalizzato occupi l'intera larghezza del proprio contenitore o modulo:
   • Deseleziona la casella di controllo "Dimensioni automatiche ".
   • Nel campo " CSS personalizzato ", inserisci il tuo codice CSS personalizzato.
   • Imposta la larghezza su width: 100%;
   • Fare clic su Avanti >.
   • Fare clic su "Salva". Quindi, fare clic su " Fine".

Che cos’è l’ottimizzazione per Retina?

L'ottimizzazione Retina rende l'immagine del tuo CTA più nitida quando viene visualizzata sulle pagine del tuo sito e nelle e-mail, se i destinatari visualizzano il CTA nelle versioni più recenti di Apple Mail e della posta iOS; questa funzione non è supportata da Outlook né dai servizi di webmail come Gmail.

L'ottimizzazione Retina è supportata quando si carica un'immagine di dimensioni almeno doppie rispetto a quelle necessarie per il CTA, analogamente a come funziona il supporto Retina per tutte le immagini su Internet. Si prega inoltre di tenere presente quanto segue:

• Se stai creando un CTA che avrà dimensioni di 400px per 100px, l’immagine caricata dovrà essere di 800px per 200px per supportare una densità di pixel @2x.
• I CTA supportano l’aggiunta di versioni fino a 4x. Ad esempio, se si sta creando un CTA che avrà dimensioni di 400px per 100px, è possibile caricare un’immagine di 1600px per 400px.
• Il CTA verrà automaticamente visualizzato sul tuo sito web con un attributo `srcset` che fornirà le versioni 1x, 2x, 3x e 4x, ove disponibili.
• Se l’immagine viene caricata nelle dimensioni in cui verrà visualizzato il CTA, non supporterà la tecnologia Retina. Ad esempio, se viene caricata un’immagine di 400px per 100px per un CTA di 400px per 100px