Scegli il font e la dimensione di base del testo del widget Olvio nella pagina Aspetto. Le stesse impostazioni si applicano al widget nelle tue pagine prodotto, al suo pannello di chat e a Olvio Advisor, disponibile con i piani Growth e Scale (consulta Che cos'è Olvio Advisor?). La pagina Aspetto è disponibile con tutti i piani, dopo che hai scelto un piano.

La sezione contiene il menu Font e il cursore Dimensione font di base.

Il menu Font offre queste opzioni:

Per usare un font che non è nell'elenco, seleziona Personalizzato in fondo al menu, poi digita il font nel campo font-family CSS che compare, ad esempio 'Brandon Grotesque', sans-serif. Termina il valore con una famiglia generica come sans-serif o serif, così il browser ha un font di riserva. Il campo accetta fino a 200 caratteri e all'inizio contiene il valore CSS del font che avevi selezionato (è vuoto se avevi Default (sistema)). Se lo lasci vuoto, il widget usa Default (sistema).

Olvio non carica alcun file di font al posto tuo, sia che tu scelga un font dall'elenco sia che ne digiti uno tuo, quindi il font deve essere caricato dal tuo tema Shopify o installato sul dispositivo dell'acquirente. Altrimenti il browser usa il font successivo indicato nel valore, ad esempio un font generico sans serif o serif, e il widget appare diverso da come l'hai scelto. Nemmeno il CSS personalizzato può caricare un font da un indirizzo web completo: al salvataggio, Olvio rimuove le regole @import e qualsiasi indirizzo che inizia con http://, https:// o // all'interno di url(), anche se punta al tuo stesso negozio. Per sapere cosa può modificare il CSS personalizzato, consulta Aggiungi CSS personalizzato al widget.

Per abbinare il widget al testo del tuo negozio:

Sposta il cursore Dimensione font di base tra 12 e 20 px, con incrementi di 1 px. La sua etichetta mostra il valore attuale e i nuovi negozi partono da 14 px. Tutto il testo all'interno del widget viene scalato a partire da questo valore, quindi l'etichetta, il titolo, le domande suggerite e i messaggi mantengono le loro proporzioni.

Un'eccezione: sugli schermi touch, come smartphone e tablet, il testo che gli acquirenti digitano nel campo per le domande è sempre di 16 px. Questo impedisce al browser di ingrandire la pagina quando un acquirente tocca il campo.

L'Anteprima dal vivo accanto alle impostazioni (sotto, sugli schermi più piccoli) si aggiorna non appena cambi il font o la dimensione. Usa i pulsanti Pagina prodotto e Pannello di chat sopra l'anteprima per passare da una vista all'altra.

L'anteprima usa i font disponibili nel tuo browser, non quelli caricati dal tuo tema, quindi un font può apparire diverso nell'anteprima rispetto al tuo negozio online. Ad esempio, Inter appare sempre correttamente nell'anteprima perché l'amministrazione di Olvio lo carica, anche se il tuo tema non carica Inter. Inoltre, il titolo nell'anteprima è leggermente più piccolo che sul tuo negozio online.

Non appena modifichi un'impostazione, compare la barra di salvataggio. Clicca su Salva e Modifiche salvate lo conferma. Non puoi salvare finché un campo colore mostra Formato atteso: #rrggbb, quindi correggi prima quel codice. Scarta ripristina le ultime impostazioni salvate. Ricarica una pagina prodotto sul tuo negozio online per vedere il risultato. Se non cambia, consulta Le mie modifiche di Aspetto non compaiono sul negozio online.

Il blocco Olvio — Product page nell'editor del tema di Shopify ha una sezione Typography override. Quando selezioni Use custom font size for this block, quel blocco usa la propria dimensione del font invece di quella impostata in Aspetto. La personalizzazione si applica a tutti i prodotti che usano questo modello di prodotto.

La personalizzazione si applica anche al pannello di chat che si apre da quel blocco. In questo modo puoi personalizzare solo la dimensione, non il font. L'Anteprima dal vivo di Olvio non mostra questa personalizzazione, quindi se una dimensione impostata in Aspetto non appare su una pagina prodotto, controlla se questa casella è selezionata. Per trovare il blocco, consulta Aggiungi il widget Olvio alle tue pagine prodotto.