Ultimo aggiornamento: agosto 5, 2021
Usa le opzioni avanzate di HubSpot per le CTA per creare pulsanti CTA altamente personalizzati che si adattano perfettamente al tema del tuo sito web.
Nota: gli stili personalizzati possono essere applicati solo ai pulsanti personalizzati e non ai pulsanti immagine.
- Nel tuo account HubSpot, naviga su Marketing > Acquisizione lead > CTA.
- Passare il mouse su una CTA e fare clic su Actions>Edit, oppure fare clic su Create CTA.
-
Nel pannello a scorrimento, scorri verso il basso e clicca su Advanced options.
- Ci sono due modi per applicare uno stile CSS personalizzato alla CTA:
- Se vuoi aggiungere una classe personalizzata al tuo CTA, il campo Custom CSS Classsupporta gli input di classe personalizzati. Questo è 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 anche il padding e i margini. Se usi 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.
- Se vuoi che gli stili personalizzati si applichino solo al CTA che stai modificando, nel campo Custom CSS, puoi applicare uno stile inline specifico per quel CTA. Se hai un elemento del CTA che vorresti cambiare, aggiungi una nuova dichiarazione di stile qui prima di salvare le tue modifiche.
Nota: quando applichi uno stile CSS personalizzato al tuo CTA, dovresti usare solo la classe Custom CSS o l'opzione Custom CSS. Se vengono applicate entrambe le opzioni, potrebbero verificarsi problemi con lo stile o la visualizzazione del CTA.
- In basso a destra, clicca su Next> per finire dicreare o modificare il tuo CTA.
