Imposta colori, font e layout

Usa la scheda Aspetto del sito per impostare una sola volta colori, caratteri, dimensioni del testo e arrotondamento degli angoli di tutto il negozio.

La scheda Aspetto del sito raccoglie le impostazioni che fanno sembrare tutto il tuo negozio un unico brand: colori, caratteri, dimensioni del testo e arrotondamento degli angoli. Le imposti una sola volta e tutte le pagine le seguono. I singoli blocchi possono comunque sostituirle quando vuoi.

Apri Aspetto del sito

Apri l’editor. Consulta L’editor in breve.
Nel pannello delle impostazioni a destra, clicca la scheda Aspetto del sito.
Clicca un titolo per aprirlo: Identità, Colori, Testo o Layout.

Le modifiche compaiono subito nella pagina e vengono salvate in automatico. Il tuo negozio online cambia quando pubblichi.

Colori

Apri Colori per vedere i sette colori con cui è costruita ogni pagina.

Colore principale: il colore principale del tuo negozio. Lo usano pulsanti e link.
Testo sul colore principale: il colore delle parole sopra il colore principale, per esempio l’etichetta di un pulsante.
Sfondo della pagina: il colore dietro le tue pagine.
Superficie: il colore di schede e pannelli, come le schede prodotto e i riquadri dei moduli.
Testo: il colore di titoli e altri testi principali.
Testo secondario: il colore più discreto usato per i paragrafi, le descrizioni e le note in piccolo.
Bordi: il colore di linee sottili e contorni.

Scegli un colore

Clicca un riquadro colore.
Nel selettore che si apre, puoi fare una di queste cose:
- Clicca o trascina nel grande quadrato per impostare luminosità e intensità del colore, e trascina la barra sotto per cambiare il colore stesso.
- Scrivi o incolla nel riquadro un codice esadecimale, per esempio #2B2622.
- Clicca un campione sotto Colori del tema per riutilizzare un colore che hai già, oppure uno sotto Recenti per un colore scelto da poco.
Clicca in un punto qualsiasi fuori dal selettore, oppure premi Esc, per chiuderlo.

Controlla che il testo sia leggibile

Sotto i sette colori, Payly verifica che ogni colore del testo si legga bene sul colore che ha dietro. Se è tutto a posto, vedi Ogni coppia di colori si legge senza fatica. Se una coppia è troppo tenue, l’elenco la indica, mostra il suo rapporto di contrasto e quanto ne serve, e offre un pulsante Correggi che regola il colore del testo al posto tuo.

Payly non ti impedisce di scegliere una coppia a basso contrasto, ma il testo grigio chiaro su sfondo chiaro è difficile da leggere, soprattutto su uno smartphone sotto il sole.

Testo

Apri Testo per scegliere i caratteri e le dimensioni del testo.

Carattere del testo: il carattere di paragrafi, menu e pulsanti.
Dimensione di base del carattere: la dimensione del testo normale.
Interlinea del testo: lo spazio tra le righe di testo. Un numero più alto lascia più spazio.
Carattere dei titoli: il carattere dei titoli. Scegli Usa il carattere del sito per usare anche per i titoli il carattere del testo.
Dimensione dei titoli: ingrandisce o rimpicciolisce tutti i titoli, in percentuale.
Spessore dei titoli: quanto sono in grassetto i titoli.
Spaziatura tra le lettere dei titoli: stringe o allarga lo spazio tra le lettere dei titoli.

Scegli un carattere

Clicca il riquadro Carattere del testo oppure Carattere dei titoli.
Scorri l’elenco, dove ogni nome è mostrato con il proprio carattere. Il gruppo Consigliati in alto contiene i caratteri adatti alla maggior parte dei negozi.
Per trovare un carattere dal nome, scrivi in Cerca un carattere….
Clicca un carattere per usarlo.

L’elenco comprende l’intera libreria di Google Fonts. I caratteri che usi vengono inclusi nel tuo negozio quando pubblichi. Se un carattere manca nell’elenco, scrivi nel campo di ricerca il suo nome esatto in Google Fonts e sceglilo sotto Usalo lo stesso.

Layout

Apri Layout per due impostazioni:

Raggio degli angoli imposta quanto sono arrotondati gli angoli di pulsanti, schede e immagini. Porta il cursore a 0 per angoli netti e verso destra per angoli morbidi. I blocchi il cui raggio degli angoli è Auto seguono questa impostazione.
Direzione del testo è Da sinistra a destra per la maggior parte delle lingue. Da destra a sinistra inverte l’intero layout per arabo, ebraico, farsi e urdu.

Identità

Apri Identità per impostare la tua Icona del browser, la piccola immagine mostrata nella scheda del browser. Usa un simbolo semplice invece dell’intero logo, perché viene mostrata a circa 16 pixel. Clicca Carica un’immagine o Sfoglia i file caricati, come descritto in Aggiungi immagini e usa la libreria multimediale. Se la lasci vuota, viene usato il tuo logo.

Il logo non si trova qui. Si trova nell’intestazione, dove compare. Consulta Personalizza intestazione e piè di pagina.

Modifica un solo blocco

Ogni blocco di testo, titolo e pulsante può sostituire il carattere, la dimensione e i colori del sito. Seleziona il blocco e apri il suo gruppo Testo o Aspetto. Consulta Modifica testi, titoli e pulsanti.

Suggerimento: se vuoi un aspetto completamente diverso, puoi ripartire da uno dei design già pronti. Consulta Passa a un design diverso per il sito.