Ultimo aggiornamento: gennaio 19, 2023
Utilizzate le opzioni avanzate di HubSpot per le CTA per creare pulsanti CTA altamente personalizzati che si adattano perfettamente al tema del vostro sito web. È possibile utilizzare una classe CSS personalizzata per supportare gli input di classe personalizzati dal proprio foglio di stile o aggiungere CSS personalizzato direttamente al pulsante CTA.
Per personalizzare ulteriormente il pulsante CTA, imparate a modificare le dimensioni della CTA. Se state aggiungendo la CTA del pulsante a un'e-mail o a un modello, imparate come centrare la CTA
.
Nota bene: gli stili personalizzati possono essere applicati solo ai pulsanti personalizzati e non ai pulsanti immagine.
Per aggiungere uno stile personalizzato al pulsante CTA:
- Nel vostro account HubSpot, andate su Marketing > Lead Capture > Button CTA.
- Passate il mouse su un pulsante CTA e fate clic su Azioni > Modifica, oppure su Crea CTA.
-
Nel pannello di destra, scorrete verso il basso e fate clic su Opzioni avanzate.
- È possibile applicare uno stile CSS personalizzato alla CTA del pulsante utilizzando solo la classe CSS personalizzata o l'opzione CSS personalizzata. Se si applicano entrambe le opzioni, potrebbero verificarsi problemi di stile o di visualizzazione della CTA del pulsante.
- Classe CSS personalizzata: aggiunge una classe personalizzata alla CTA del pulsante per supportare gli input di classe personalizzati. Questo è utile quando più CTA nelle pagine del sito web devono condividere un insieme simile di caratteristiche di design, come le famiglie di caratteri, le dimensioni o persino il padding e i margini. Se utilizzate una classe CSS personalizzata, assicuratevi che la classe sia inclusa e stilizzata nel foglio di stile CSS applicato come stile principale alle vostre pagine HubSpot.
- CSS personalizzato: aggiungere stili personalizzati da applicare solo al pulsante CTA che si sta modificando. Nel campo CSS personalizzato è possibile applicare uno stile in linea specifico per il pulsante CTA. Se si desidera modificare un elemento del pulsante CTA, aggiungere qui una nuova dichiarazione di stile prima di salvare le modifiche.
- In basso a destra, fare clic su Avanti > per terminare la creazione o la modifica del pulsante CTA.
