Minhas alterações de Aparência não aparecem na loja virtual

As configurações da página Aparência do admin do Olvio controlam a aparência do widget nas suas páginas de produto e no painel de chat dele. Se uma alteração não aparecer na sua loja virtual, siga as verificações abaixo na ordem.

A página Aparência fica disponível depois que você escolhe um plano. A tradução automática do Nome do especialista e da Pergunta de chamariz exige o plano Growth ou Scale.

Confirme que a alteração foi salva

Sua loja virtual só recebe uma alteração depois que você a salva. A Pré-visualização ao vivo da página Aparência é atualizada enquanto você edita, então ela pode mostrar alterações que sua loja virtual ainda não tem.

Depois de alterar uma configuração, clique em Salvar na barra de salvamento.
Aguarde a mensagem Alterações salvas.

Se aparecer uma mensagem de erro em vez de Alterações salvas (por exemplo Too many requests), sua alteração não foi salva. Tente novamente. Você também não consegue clicar em Salvar enquanto um campo de cor mostrar Formato esperado: #rrggbb. Primeiro, insira um código de seis dígitos, como #7b3fe4.

Recarregue a página de produto

Abra ou recarregue uma página de produto que mostre o widget do Olvio.
Se ela continuar igual, aguarde dois minutos e recarregue novamente.
Verifique a página também em uma janela anônima do navegador. O widget lembra um chat aberto e as perguntas sugeridas dele na mesma aba do navegador, então uma janela anônima mostra a página como um novo comprador a vê.
Alterações no avatar, e em Balão de conversa e Botão de adicionar ao carrinho no card Forma da aba Painel de chat, só aparecem no painel de chat. Faça uma pergunta no widget para abri-lo.

Ocasionalmente, uma alteração é salva no Olvio, mas não chega à sua loja virtual, mesmo que Alterações salvas tenha aparecido. Nesse caso, sua loja virtual mantém a aparência anterior até que o Olvio envie suas configurações novamente, por exemplo na próxima vez que você salvar na página Aparência. Para enviar suas configurações novamente, altere qualquer configuração e clique em Salvar, depois desfaça a alteração e clique em Salvar novamente.

As cores ou o tamanho da fonte não mudam: verifique o bloco no editor de temas

O bloco Olvio — Product page no editor de temas da Shopify tem duas configurações que substituem algumas das suas configurações de Aparência em todos os produtos que usam esse modelo de produto:

"Use custom colors for this block": as cores próprias do bloco substituem suas sete cores de Aparência.
"Use custom font size for this block": o Base font size do bloco substitui o definido na página Aparência.

Enquanto uma dessas caixas estiver marcada, alterar a mesma configuração na página Aparência não tem efeito visível nessas páginas de produto nem no painel de chat que se abre a partir delas. A Pré-visualização ao vivo do Olvio não mostra essas substituições.

No editor de temas da Shopify, abra o modelo de produto em que você adicionou o bloco Olvio e selecione o bloco Olvio — Product page.
Desmarque "Use custom colors for this block" e "Use custom font size for this block", ou defina no bloco os valores que você quer.
Clique em Salvar no editor de temas.

As configurações de cor do bloco começam com as cores padrão do Olvio, não com suas cores de Aparência. Se seus produtos usam mais de um modelo de produto, verifique o bloco em cada um deles. A fonte, o raio dos cantos, o avatar e o CSS personalizado sempre vêm da página Aparência, e o Nome do especialista e a Pergunta de chamariz, de Widget → Product Detail Page. Para encontrar o bloco, veja Adicione o widget Olvio às suas páginas de produto.

A fonte não muda

O Olvio não carrega nenhum arquivo de fonte. Com exceção de Default (sistema), a fonte que você escolhe no menu Fonte, ou que digita em font-family CSS depois de escolher Personalizada no final desse menu, precisa já estar carregada pelo seu tema da Shopify ou instalada no dispositivo do comprador. Caso contrário, o navegador do comprador usa a próxima fonte disponível na lista, como uma fonte genérica sans serif, ou escolhe uma fonte por conta própria quando nenhuma fonte da lista está disponível.

Uma fonte pode aparecer corretamente no seu próprio computador porque está instalada nele e, mesmo assim, ser substituída nos dispositivos dos compradores. Verifique a página também em outro dispositivo.
A Pré-visualização ao vivo usa as fontes disponíveis no seu navegador, não as fontes que seu tema carrega, então pode mostrar uma fonte que sua loja virtual não consegue exibir. Por exemplo, o admin do Olvio carrega a Inter, então a Inter sempre aparece na Pré-visualização ao vivo, mesmo quando seu tema não a carrega.
O CSS personalizado não consegue carregar uma fonte de outro site: regras @import e links url() que começam com http://, https:// ou // são removidos ao salvar.
No menu Fonte, se você escolher Personalizada e deixar font-family CSS vazio, o widget usa Default (sistema).

Para escolher uma fonte que seu tema carrega, veja Personalize a fonte e o tamanho da fonte do widget.

O CSS personalizado não tem efeito

O CSS personalizado nunca aparece na Pré-visualização ao vivo. Como diz a página Aparência, O CSS personalizado só é aplicado no widget ao vivo. Verifique suas regras em uma página de produto da sua loja virtual e abra o painel de chat para verificar as regras que o estilizam.

Adicione !important a cada propriedade que você sobrescrever. Os estilos do próprio Olvio também usam, então, sem ele, sua regra perde para o estilo padrão do Olvio.
O Olvio adiciona html antes dos seus seletores para ajudá-los a prevalecer, mas não dentro de @media nem de outras at-rules. Comece você mesmo esses seletores com html, por exemplo @media (max-width: 600px) { html .olvio-title { font-size: 1.2em !important; } }.
Fora das at-rules, não comece você mesmo um seletor com html ou :root: com o prefixo que o Olvio adiciona, esse seletor não corresponde a nada. O Olvio também adiciona o prefixo depois das vírgulas dentro de :has() e dentro de valores de atributo entre aspas, então essa parte do seletor deixa de corresponder. Evite vírgulas nesses lugares.
Use as classes do Olvio, como .olvio-panel, .olvio-msg-user, .olvio-msg-assistant, .olvio-suggestion-btn, .olvio-atc-btn, .olvio-input-row, .olvio-label e .olvio-title.
Depois de salvar, o campo mostra seu CSS como o Olvio o armazenou. Compare com o que você colou: o Olvio remove regras @import, comentários, imagens ou fontes carregadas de outros sites por meio de url() e toda regra cujo seletor tenha como alvo a área inferior do painel de chat (.olvio-panel-footer, .olvio-brand-mention ou .olvio-panel-input), mesmo quando a regra lista outros seletores também. Para estilizar o campo de pergunta, use .olvio-input-row.

Para ver tudo o que o Olvio remove e mais exemplos, veja Adicione CSS personalizado ao widget.

O Nome do especialista ou a Pergunta de chamariz não aparece como esperado

Você limpou o campo, mas ainda aparece um texto. Um Nome do especialista ou uma Pergunta de chamariz vazios não ficam ocultos: o widget mostra o texto padrão no lugar, como YOUR EXPERT, ou O SEU ESPECIALISTA quando o widget está em português. O campo em Widget → Product Detail Page também volta a mostrar o texto padrão na próxima vez que você abre a página. Para ocultar o Nome do especialista, adicione .olvio-label { display: none !important; } ao seu CSS personalizado.
O Nome do especialista aparece em letras maiúsculas. O widget o exibe em letras maiúsculas, não importa como você digite. Para mudar isso, adicione .olvio-label { text-transform: none !important; } ao seu CSS personalizado.
O texto não é exatamente o que você digitou, ou a redação antiga continua aparecendo (Growth e Scale). Nesses planos, quando o seu widget cobre, além do seu idioma padrão, pelo menos um destes idiomas: inglês, francês, alemão, espanhol, italiano ou português, o Olvio traduz o seu Nome do especialista e a sua Pergunta de chamariz ao salvar. O widget mostra essas traduções com prioridade, inclusive nas páginas no seu idioma padrão quando ele é um desses seis idiomas. Se o seu idioma padrão não for um desses seis e o seu widget cobrir o inglês, as páginas no seu idioma padrão mostram a tradução em inglês. Nos dois casos, os compradores no seu idioma padrão veem uma versão traduzida, que pode ser diferente do que você digitou. Se não for possível fazer a tradução, suas alterações são salvas mesmo assim, mas o widget mantém as traduções feitas antes, então os compradores ainda podem ver a sua redação antiga. Sem chave de API, nenhum erro aparece; com uma chave, uma mensagem informa que não foi possível traduzir as suas alterações.

Para que o Olvio traduza o seu texto novamente, verifique se a sua chave está conectada na página Chave de API (veja Conecte sua chave de API da Anthropic (Claude)). Depois, altere o Nome do especialista ou a Pergunta de chamariz, clique em Salvar, volte à sua redação e clique em Salvar novamente. Uma nova tradução cria uma nova versão, que também pode ser diferente do que você digitou.

Seu texto não é traduzido

O Olvio traduz o Nome do especialista e a Pergunta de chamariz quando todas estas condições são verdadeiras:

Sua loja está no plano Growth ou Scale. No plano Starter, o texto que você mesmo digita é exibido exatamente como você digitou, em todas as páginas. Se ele for exatamente o texto padrão (YOUR EXPERT ou "Any question about this product?"), o widget mostra no lugar o próprio texto padrão integrado, que é traduzido quando o idioma padrão da sua loja é francês, alemão, espanhol, italiano ou português (por exemplo O SEU ESPECIALISTA).
Sua chave de API da Anthropic está salva na página Chave de API. As traduções usam a sua chave, então são cobradas na sua conta da Anthropic.
O idioma é um dos que o seu widget cobre, e é inglês, francês, alemão, espanhol, italiano ou português. O Olvio não traduz esse texto para outros idiomas.
Seu widget cobre pelo menos um desses seis idiomas além do seu idioma padrão. Por exemplo, se você desmarcou todos os idiomas no card Idiomas da aba Avançado enquanto estava no Growth, ou se a sua loja não publica nenhum desses idiomas além do seu idioma padrão, o Olvio não traduz o seu texto. Se o seu idioma padrão for um desses seis, o seu widget ainda cobrir outro idioma e o seu texto já tiver sido traduzido, os compradores continuam vendo essa tradução antiga em vez do seu novo texto.
Você salva uma alteração no Nome do especialista ou na Pergunta de chamariz, ou salva qualquer alteração enquanto um desses seis idiomas que o seu widget cobre ainda não tem tradução. O Olvio também completa as traduções que faltam quando você faz upgrade para o Growth ou o Scale com a sua chave salva.

Conectar uma chave de API não traduz o seu texto por si só. Se o seu texto nunca foi traduzido, clique em Traduzir agora no aviso Alguns idiomas ainda não foram traduzidos de Widget → Product Detail Page. Se já existir uma tradução, altere o Nome do especialista ou a Pergunta de chamariz e clique em Salvar, depois volte à sua redação e clique em Salvar novamente, como descrito acima. Se o widget mostrar o idioma errado em uma página, veja O widget ou a IA usa o idioma errado.

Outros problemas

O widget não aparece nas páginas em alguns idiomas: verifique se Ocultar o widget nos idiomas que a Olvio não cobre está marcada no card Idiomas da aba Avançado. Veja Multilíngue: escolha quais idiomas o seu widget cobre.
O widget não aparece de jeito nenhum: veja O widget não está aparecendo na minha loja.
Nenhuma pergunta sugerida: veja As perguntas sugeridas não aparecem nas minhas páginas de produto.

Se a sua alteração ainda não aparecer, fale conosco pelo chat no admin do Olvio. Inclua um link para a página de produto e a configuração que você alterou. Veja Contate-nos e horário de suporte.