Le mie modifiche di Aspetto non compaiono sul negozio online

Le impostazioni della pagina Aspetto dell'admin di Olvio controllano l'aspetto del widget sulle tue pagine prodotto e nel suo pannello di chat. Se una modifica non compare sul tuo negozio online, esegui i controlli qui sotto nell'ordine indicato.

La pagina Aspetto è disponibile dopo che hai scelto un piano. La traduzione automatica del Nome dell'esperto e della Domanda d'aggancio richiede il piano Growth o Scale.

Assicurati che la modifica sia salvata

Il tuo negozio online riceve una modifica solo dopo che l'hai salvata. L'Anteprima dal vivo della pagina Aspetto si aggiorna mentre modifichi le impostazioni, quindi può mostrare modifiche che il tuo negozio online non ha ancora ricevuto.

Dopo aver cambiato un'impostazione, clicca su Salva nella barra di salvataggio.
Attendi il messaggio Modifiche salvate.

Se al posto di Modifiche salvate compare un messaggio di errore (ad esempio Too many requests), la modifica non è stata salvata. Riprova. Inoltre non puoi cliccare su Salva finché un campo colore mostra Formato atteso: #rrggbb. Inserisci prima un codice di sei cifre, ad esempio #7b3fe4.

Ricarica la pagina prodotto

Apri o ricarica una pagina prodotto che mostra il widget Olvio.
Se il suo aspetto non è cambiato, attendi due minuti e ricaricala di nuovo.
Controlla la pagina anche in una finestra di navigazione privata (in incognito). Il widget ricorda una chat aperta e le sue domande suggerite nella stessa scheda del browser, quindi una finestra privata mostra la pagina come la vede un nuovo acquirente.
Le modifiche all'avatar, e a Bolla di conversazione e Pulsante Aggiungi al carrello nella scheda Forma della tab Pannello di chat, compaiono solo nel pannello di chat. Fai una domanda nel widget per aprirlo.

Talvolta una modifica viene salvata in Olvio ma non raggiunge il tuo negozio online, anche se è comparso Modifiche salvate. Il tuo negozio online mantiene allora l'aspetto precedente finché Olvio non invia di nuovo le tue impostazioni, ad esempio la prossima volta che salvi nella pagina Aspetto. Per inviare di nuovo le tue impostazioni, cambia un'impostazione qualsiasi e clicca su Salva, poi ripristinala e clicca di nuovo su Salva.

I colori o la dimensione del font non cambiano: controlla il blocco nell'editor del tema

Il blocco Olvio — Product page nell'editor del tema di Shopify ha due impostazioni che sostituiscono alcune delle tue impostazioni di Aspetto per tutti i prodotti che usano quel modello di prodotto:

"Use custom colors for this block": i colori propri del blocco sostituiscono i tuoi sette colori di Aspetto.
"Use custom font size for this block": la Base font size del blocco sostituisce quella impostata nella pagina Aspetto.

Finché una di queste caselle è selezionata, cambiare la stessa impostazione nella pagina Aspetto non ha alcun effetto visibile su quelle pagine prodotto né sul pannello di chat che si apre da esse. L'Anteprima dal vivo di Olvio non mostra queste sostituzioni.

Nell'editor del tema di Shopify, apri il modello di prodotto in cui hai aggiunto il blocco Olvio, poi seleziona il blocco Olvio — Product page.
Deseleziona "Use custom colors for this block" e "Use custom font size for this block", oppure imposta nel blocco i valori che desideri.
Clicca su Salva nell'editor del tema.

Le impostazioni di colore del blocco partono dai colori predefiniti di Olvio, non dai tuoi colori di Aspetto. Se i tuoi prodotti usano più di un modello di prodotto, controlla il blocco in ciascuno. Il font, il raggio degli angoli, l'avatar e il CSS personalizzato provengono sempre dalla pagina Aspetto, mentre il Nome dell'esperto e la Domanda d'aggancio da Widget → Product Detail Page. Per trovare il blocco, consulta Aggiungi il widget Olvio alle tue pagine prodotto.

Il font non cambia

Olvio non carica alcun file di font. A parte Default (sistema), il font che scegli nel menu Font, o che digiti in font-family CSS dopo aver scelto Personalizzato in fondo a quel menu, deve essere già caricato dal tuo tema Shopify o installato sul dispositivo dell'acquirente. Altrimenti il browser dell'acquirente usa il font disponibile successivo nell'elenco, ad esempio un font generico sans serif, oppure sceglie da solo un font quando nessun font dell'elenco è disponibile.

Un font può apparire corretto sul tuo computer perché è installato lì, ed essere comunque sostituito sui dispositivi degli acquirenti. Controlla la pagina anche su un altro dispositivo.
L'Anteprima dal vivo usa i font disponibili nel tuo browser, non quelli caricati dal tuo tema, quindi può mostrare un font che il tuo negozio online non riesce a visualizzare. Ad esempio, l'admin di Olvio carica Inter, quindi Inter compare sempre nell'Anteprima dal vivo, anche quando il tuo tema non lo carica.
Il CSS personalizzato non può caricare un font da un altro sito web: le regole @import e i link url() che iniziano con http://, https:// o // vengono rimossi al salvataggio.
Nel menu Font, se scegli Personalizzato e lasci vuoto font-family CSS, il widget usa Default (sistema).

Per scegliere un font caricato dal tuo tema, consulta Personalizza il font e la dimensione del font del widget.

Il CSS personalizzato non ha effetto

Il CSS personalizzato non compare mai nell'Anteprima dal vivo. Come indica la pagina Aspetto, Il CSS personalizzato viene applicato solo sul widget dal vivo. Controlla le tue regole su una pagina prodotto del tuo negozio online e apri il pannello di chat per controllare le regole che lo formattano.

Aggiungi !important a ogni proprietà che sovrascrivi. Anche gli stili di Olvio lo usano, quindi senza di esso la tua regola perde contro lo stile predefinito di Olvio.
Olvio aggiunge html davanti ai tuoi selettori per aiutarli a prevalere, ma non all'interno di @media o di altre at-rule. Falli iniziare tu con html, ad esempio @media (max-width: 600px) { html .olvio-title { font-size: 1.2em !important; } }.
Al di fuori delle at-rule, non far iniziare tu un selettore con html o :root: con il prefisso aggiunto da Olvio, quel selettore non corrisponde a nessun elemento. Olvio aggiunge il prefisso anche dopo le virgole all'interno di :has() e all'interno dei valori di attributo tra virgolette, quindi quella parte del selettore smette di corrispondere. Evita le virgole in quei punti.
Punta alle classi di Olvio, come .olvio-panel, .olvio-msg-user, .olvio-msg-assistant, .olvio-suggestion-btn, .olvio-atc-btn, .olvio-input-row, .olvio-label e .olvio-title.
Dopo il salvataggio, il campo mostra il tuo CSS così come Olvio lo ha memorizzato. Confrontalo con ciò che hai incollato: Olvio rimuove le regole @import, i commenti, le immagini o i font caricati da altri siti web tramite url() e ogni regola il cui selettore punta all'area inferiore del pannello di chat (.olvio-panel-footer, .olvio-brand-mention o .olvio-panel-input), anche quando la regola elenca anche altri selettori. Per formattare il campo per la domanda, usa .olvio-input-row.

Per tutto ciò che Olvio rimuove e altri esempi, consulta Aggiungi CSS personalizzato al widget.

Il Nome dell'esperto o la Domanda d'aggancio non appaiono come previsto

Hai svuotato il campo, ma compare ancora del testo. Un Nome dell'esperto o una Domanda d'aggancio vuoti non vengono nascosti: al loro posto il widget mostra il testo predefinito, ad esempio YOUR EXPERT, oppure IL TUO ESPERTO quando il widget è in italiano. Anche il campo in Widget → Product Detail Page mostra di nuovo il testo predefinito la prossima volta che apri la pagina. Per nascondere il Nome dell'esperto, aggiungi .olvio-label { display: none !important; } al tuo CSS personalizzato.
Il Nome dell'esperto è in lettere maiuscole. Il widget lo mostra in lettere maiuscole, in qualunque modo tu lo scriva. Per cambiarlo, aggiungi .olvio-label { text-transform: none !important; } al tuo CSS personalizzato.
Il testo non è esattamente quello che hai digitato, oppure compare ancora la formulazione precedente (Growth e Scale). Con questi piani, quando il tuo widget copre, oltre alla tua lingua predefinita, almeno una tra inglese, francese, tedesco, spagnolo, italiano o portoghese, Olvio traduce il tuo Nome dell'esperto e la tua Domanda d'aggancio al salvataggio. Il widget mostra queste traduzioni con priorità, anche sulle pagine nella tua lingua predefinita quando è una di queste sei lingue. Se la tua lingua predefinita non è una di queste sei e il tuo widget copre l'inglese, le pagine nella tua lingua predefinita mostrano la traduzione inglese. In entrambi i casi, gli acquirenti nella tua lingua predefinita vedono una versione tradotta, che può differire da ciò che hai digitato. Se la traduzione non può essere eseguita, le tue modifiche vengono comunque salvate, ma il widget mantiene le traduzioni fatte in precedenza, quindi gli acquirenti possono ancora vedere la tua formulazione precedente. Senza chiave API non compare alcun errore; con una chiave, un messaggio indica che non è stato possibile tradurre le modifiche.

Per far tradurre di nuovo il tuo testo a Olvio, verifica che la tua chiave sia collegata nella pagina Chiave API (consulta Connetti la tua chiave API Anthropic (Claude)). Poi cambia il Nome dell'esperto o la Domanda d'aggancio, clicca su Salva, rimetti la tua formulazione e clicca di nuovo su Salva. Una nuova traduzione crea una nuova versione, che può comunque differire da ciò che hai digitato.

Il tuo testo non viene tradotto

Olvio traduce il Nome dell'esperto e la Domanda d'aggancio quando sono vere tutte queste condizioni:

Il tuo negozio ha il piano Growth o Scale. Con Starter, il testo che digiti tu viene mostrato così come l'hai digitato, su ogni pagina. Se corrisponde esattamente al testo predefinito (YOUR EXPERT o "Any question about this product?"), il widget mostra invece il proprio testo predefinito integrato, che viene tradotto quando la lingua predefinita del tuo negozio è francese, tedesco, spagnolo, italiano o portoghese (ad esempio IL TUO ESPERTO).
La tua chiave API Anthropic è salvata nella pagina Chiave API. Le traduzioni usano la tua chiave, quindi vengono addebitate sul tuo account Anthropic.
La lingua è una di quelle coperte dal tuo widget, ed è inglese, francese, tedesco, spagnolo, italiano o portoghese. Olvio non traduce questo testo in altre lingue.
Il tuo widget copre almeno una di queste sei lingue oltre alla tua lingua predefinita. Ad esempio, se hai deselezionato tutte le lingue nella scheda Lingue della tab Avanzato mentre avevi Growth, oppure se il tuo negozio non pubblica nessuna di queste lingue oltre alla tua lingua predefinita, Olvio non traduce il tuo testo. Se la tua lingua predefinita è una di queste sei, il tuo widget copre ancora un'altra lingua e il tuo testo è stato tradotto in precedenza, gli acquirenti continuano a vedere quella traduzione precedente invece del tuo nuovo testo.
Salvi una modifica al Nome dell'esperto o alla Domanda d'aggancio, oppure salvi una modifica qualsiasi mentre una di queste sei lingue coperte dal tuo widget non ha ancora una traduzione. Olvio completa anche le traduzioni mancanti quando passi a Growth o Scale con la tua chiave salvata.

Collegare una chiave API non traduce da solo il tuo testo. Se il tuo testo non è mai stato tradotto, clicca su Traduci ora nel banner Alcune lingue non sono ancora tradotte in Widget → Product Detail Page. Se esiste già una traduzione, cambia il Nome dell'esperto o la Domanda d'aggancio e clicca su Salva, poi rimetti la tua formulazione e clicca di nuovo su Salva, come descritto sopra. Se il widget mostra la lingua sbagliata su una pagina, consulta Il widget o l'IA usa la lingua sbagliata.

Altri problemi

Il widget non compare sulle pagine in alcune lingue: controlla se Nascondi il widget nelle lingue che Olvio non copre è selezionata nella scheda Lingue della tab Avanzato. Consulta Multilingua: scegli quali lingue copre il tuo widget.
Il widget non compare affatto: consulta Il widget non appare sul mio storefront.
Nessuna domanda suggerita: consulta Le domande suggerite non appaiono nelle mie pagine prodotto.

Se la tua modifica continua a non comparire, contattaci tramite la chat nell'admin di Olvio. Includi un link alla pagina prodotto e l'impostazione che hai cambiato. Consulta Contattaci e orari di supporto.