Salta al contenuto
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Modificare le dimensioni di una CTA (legacy)

Ultimo aggiornamento: febbraio 19, 2025

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Legacy Marketing Hub Basic

Regolare le dimensioni della CTA (legacy) utilizzando le opzioni di dimensionamento integrate e i CSS personalizzati. Quando si carica l'immagine per una CTA con immagine, si può tenere conto dell'ottimizzazione retina.

Per personalizzare ulteriormente la CTA, imparare ad aggiungere stili personalizzati alla CTA (legacy) con i CSS. Se state aggiungendo la CTA a un'e-mail o a un modello, imparate come centrare la CTA (legacy).

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

Modifica delle dimensioni della CTA (legacy)

È possibile regolare manualmente le dimensioni della CTA o utilizzare CSS personalizzati per riempire automaticamente la larghezza del contenitore o del modulo della CTA. Se si sta incorporare una CTA i cTA su un sito non HubSpot, potrebbe essere necessario applicare dichiarazioni CSS aggiuntive (come width: 100%;) nel foglio di stile per rendere la CTA immagine reattiva.

Per modificare le dimensioni del pulsante CTA:
  • Nel tuo account HubSpot, passa a Marketing > CTA.
  • In alto a sinistra, fare clic sul menu a discesa e selezionare CTA (Legacy).
  • Passare il mouse su una CTA e fare clic su Azioni > Modifica.
  • Nel pannello a scorrimento, fare clic su Opzioni avanzate.
  • Per ridimensionare manualmente la CTA personalizzata:
    • Deselezionare la casella di controllo Adatta al testo. Questo rimuoverà il ridimensionamento automatico applicato.
    • Nella sezione Imbottitura del pulsante, inserire i valori delle dimensioni per i campi Larghezza e Altezza del pulsante.
    • Fare clic su Avanti >.
    • Fare clic su Salva. Quindi, fare clic su Fine.
  • Per fare in modo che la CTA personalizzata riempia l'intera larghezza del suo contenitore o modulo:
    • Deselezionare la casella di controllo Dimensioni automatiche .
    • Nel campo CSS personalizzato, inserire il CSS personalizzato.
    • Impostare la larghezza su width: 100%;
    • Fare clic su Avanti >.
    • Fare clic su Salva. Quindi, fare clic su Fine.

Che cos'è l'ottimizzazione della retina?

L'ottimizzazione retina rende l'immagine della CTA più nitida quando viene visualizzata sulle pagine del sito e nelle e-mail se i destinatari visualizzano la CTA nelle versioni moderne di Apple Mail e iOS; non è supportata da Outlook o dai servizi di webmail come Gmail.

L'ottimizzazione retina è supportata quando si carica un'immagine di dimensioni almeno due volte superiori a quelle necessarie per la CTA, analogamente a come il supporto retina funziona per tutte le immagini su Internet. Si noti inoltre quanto segue:

  • Se si sta creando una CTA di 400px per 100px, l'immagine caricata dovrà essere di 800px per 200px per supportare una visualizzazione con densità di pixel @2x.
  • Le CTA supportano l'aggiunta di una versione 4x. Ad esempio, se si sta creando una CTA di 400px per 100px, è possibile caricare un'immagine di 1600px per 400px.
  • La CTA verrà automaticamente resa sul sito web con un'attribuzione srcset che servirà le versioni 1x, 2x, 3x e 4x, se disponibili.
  • Se l'immagine viene caricata alla dimensione in cui verrà resa la CTA, non avrà il supporto retina. Per esempio, se viene caricata un'immagine di 400px per 100px per una CTA di 400px per 100px
L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.