Aggiungi stili personalizzati al tuo CTA (versione precedente)

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

Utilizza le opzioni avanzate di HubSpot per i CTA (versione precedente) per creare pulsanti CTA altamente personalizzati che si adattino perfettamente al tema del tuo sito web. Puoi utilizzare una classe CSS personalizzata persupportare gli input di classe personalizzati dal tuo foglio di stile oppure aggiungere CSS personalizzato direttamente al CTA.

Per personalizzare ulteriormente il tuo CTA (versione precedente), scopri come modificare le dimensioni del tuo CTA. Se stai aggiungendo il tuo CTA (versione precedente) a un’e-mail o a un modello, scopri come centrare il tuo CTA.

Per aggiungere uno stile personalizzato al pulsante CTA:

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, clicca su "Azioni" e seleziona "Modifica", oppure clicca su "Crea CTA".

4. Nel pannello di destra, scorri verso il basso e clicca per espandere la sezione " Opzioni avanzate ".

5. È possibile applicare uno stile CSS personalizzato al proprio CTA utilizzando solo la classe CSS personalizzata o l’opzione CSS personalizzato. Se vengono applicate entrambe le opzioni, potrebbero verificarsi problemi con lo stile o la visualizzazione del CTA.
   • Classe CSS personalizzata: aggiungi una classe personalizzata al tuo CTA per supportare gli input di classe personalizzati. Ciò è utile quando più CTA nelle pagine del tuo sito web devono condividere un insieme simile di caratteristiche di design, come le famiglie di caratteri, le dimensioni o persino il riempimento e i margini. Se utilizzi una classe CSS personalizzata, assicurati che la classe sia inclusa e stilizzata nel foglio di stile CSS applicato come stile principale per le tue pagine HubSpot.
   • CSS personalizzato: aggiungi stili personalizzati da applicare esclusivamente al CTA che stai modificando. Nel campo CSS personalizzato , puoi applicare uno stile inline specifico per quel CTA. Se desideri modificare un elemento del CTA, aggiungi qui una nuova dichiarazione di stile prima di salvare le modifiche.
6. In basso a destra, fai clic su Avanti > per completare la creazione o la modifica del tuo CTA (versione precedente).

Nota: gli stili personalizzati possono essere applicati solo ai pulsanti personalizzati e non ai pulsanti immagine.