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.

Aggiungere stili personalizzati ai pulsanti CTA

Ultimo aggiornamento: giugno 28, 2023

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

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

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.

L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.