Modifica la forma, i colori e gli stili del testo dei pulsanti per rispecchiare il tuo brand.

Utilizza Stili sito per modificare l'aspetto dei pulsanti del sito e allineare le call-to-action alla progettazione visiva del sito. Per dare al sito un aspetto coerente, le modifiche di stile apportate influiscono sulla maggior parte dei pulsanti.

Questi stili dei pulsanti sono disponibili sui siti in versione 7.1. I siti in versione 7.0 hanno altre opzioni di stile dei pulsanti .

Video sugli stili dei pulsanti

Guarda questo video per una panoramica su come definire lo stile dei pulsanti del sito.

Scegliere un pacchetto di pulsanti

Negli stili sito, puoi selezionare un pacchetto di stili dei pulsanti per applicare automaticamente impostazioni di stile coerenti ai pulsanti del sito. Ogni pacchetto divide gli stili dei pulsanti in tre tipi.

I pacchetti pulsanti sono un'ottima soluzione se non vuoi modificare manualmente impostazioni più specifiche, ma puoi anche usarli come punto di partenza per personalizzarli ulteriormente.

Per impostare il pacchetto pulsanti:

1. Apri il pannello Stili sito.
2. Clicca su Pulsanti.
3. Controlla i pacchetti di pulsanti consigliati. Se passi il mouse sopra un pacchetto, viene visualizzata un'anteprima dei suoi stili principale, secondario e terziario.
4. Scegli tra i pacchetti di pulsanti consigliati, oppure clicca su Personalizza, poi su Tutti i pacchetti pulsanti per visualizzare altre opzioni.
5. Quando trovi un pacchetto di pulsanti che ti piace, cliccaci sopra.

Personalizzare le forme e i tipi di carattere dei pulsanti

Dopo aver scelto un pacchetto di pulsanti, puoi apportare modifiche più specifiche alle opzioni di stile del pulsante. Anche se puoi impostare dimensioni e forme specifiche, i pulsanti potrebbero aumentare di dimensioni e cambiare forma per adattarsi al testo. Ti consigliamo di limitare il testo del pulsante a un massimo di 25 caratteri per un maggiore controllo.

Alcuni tweak non influiranno sui pulsanti che altrimenti potrebbero alterare il design del sito. Ad esempio, per mantenere il layout del blocco newsletter, i tweak per il padding non avranno effetto sui pulsanti del blocco newsletter.

Per modificare lo stile dei pulsanti:

1. Apri il pannello Stili sito.
2. Clicca su ＞ accanto a Pulsanti.
3. Clicca su Principale, Secondario o Terziario. Mentre apporti modifiche, un'anteprima mostra come appariranno sul tuo sito i pulsanti del tipo selezionato. Tieni presente che, se apporti modifiche a un tipo di pulsante e poi scegli un nuovo pacchetto di pulsanti, perderai le modifiche apportate.
4. Clicca su Tipo di carattere per personalizzare gli stili di testo.
5. Clicca su Forma per impostare la forma del pulsante.
6. Usa il cursore Contorno per impostare lo spessore del contorno.
7. Imposta il padding su S, M o L, oppure clicca su … per impostare separatamente il padding Sopra e sotto e il padding Sinistra e destra. Questa opzione non influisce sui blocchi pulsante impostati su Riempimento nelle sezioni dell'Editor fluido. Ridimensiona i blocchi per aggiungere il padding.
8. Facoltativo: per applicare queste impostazioni di stile a tutti i tipi di pulsante sul sito, clicca su Applica a tutti i tipi di pulsante.
9. Facoltativo: per ripristinare gli stili del tipo di pulsante che stai modificando alle impostazioni predefinite, clicca su Ripristina stili pulsanti.
10. Clicca su Salva.

Personalizzare i colori dei pulsanti

I pulsanti seguono i colori del resto del sito, quindi in genere sono coerenti con il tuo brand. Per usare una più ampia varietà di colori per i pulsanti, utilizza una palette di colori diversa per ogni sezione.

Per modificare i colori dei pulsanti:

1. Apri il pannello Stili sito.
2. Clicca su > accanto a Colori.
3. Clicca sul tema cromatico che vuoi applicare ai colori dei pulsanti.
4. In Pulsante, clicca sulle modifiche per cambiare i colori del testo e dello sfondo per tutti e tre i tipi di pulsante. Per i pulsanti impostati su Riempimento, il colore di sfondo riempie il pulsante. Per i pulsanti impostati su Nessun riempimento o che utilizzano la forma Sottolineatura, il colore di sfondo del pulsante si applica al contorno e al testo.
5. Facoltativo: se un blocco include un pulsante, a volte puoi modificare il colore di quel pulsante indipendentemente dagli altri. Nel pannello Modifica tema cromatico, vai alle sezioni a blocchi e controlla i tweak per il colore del pulsante specifici per il blocco.
6. Clicca su Salva.

Cosa sono i tipi di pulsante?

Gli stili sito dividono i pulsanti in tre tipi: Principale, Secondario e Terziario. La maggior parte dei pulsanti segue gli stili principali e non può cambiare tipo.

Puoi modificare il tipo dei blocchi pulsante, dei blocchi di intestazione e dei pulsanti di invio dei blocchi modulo, il che è un ottimo modo per evidenziare le call-to-action più importanti per i visitatori o per distinguere tra diversi tipi di link.

Quali pulsanti utilizzano gli stili principali?

I pulsanti che utilizzano gli stili principali sono:

• Pulsanti Aggiungi al carrello
• Pulsanti con layout intelligenti
• Pulsanti di intestazione, blocchi pulsante e pulsanti dei blocchi modulo impostati su Principale
• Pulsante Pagamento
• Pulsante Accetta tutto nel Banner dei cookie
• Pulsanti Blocco donazione
• Pulsanti del blocco piano tariffario
• Pulsanti Blocco newsletter

Quali pulsanti utilizzano gli stili secondari?

I pulsanti che utilizzano stili secondari sono:

• Pulsanti di intestazione, blocchi pulsante e pulsanti dei blocchi modulo impostati su Secondario
• Pulsanti Continua gli acquisti
• Pulsante Rifiuta tutto nel Banner dei cookie

Quali pulsanti utilizzano gli stili terziari?

• Pulsanti di intestazione, blocchi pulsante e pulsanti dei blocchi modulo impostati su Terziario
• Pulsante Gestisci i cookie nel Banner dei cookie