Mis cambios de Apariencia no se ven en la tienda online

Los ajustes de la página Apariencia del admin de Olvio controlan el aspecto del widget en tus páginas de producto y en su panel de chat. Si un cambio no se ve en tu tienda online, sigue estas comprobaciones en orden.

La página Apariencia está disponible una vez que has elegido un plan. La traducción automática del Nombre del experto y de la Pregunta gancho requiere el plan Growth o Scale.

Asegúrate de que el cambio está guardado

Tu tienda online solo recibe un cambio después de que lo guardes. La Vista previa en vivo de la página Apariencia se actualiza mientras editas, así que puede mostrar cambios que tu tienda online todavía no tiene.

Después de cambiar un ajuste, haz clic en Guardar en la barra de guardado.
Espera a que aparezca el mensaje Cambios guardados.

Si en lugar de Cambios guardados aparece un mensaje de error (por ejemplo Too many requests), tu cambio no se ha guardado. Vuelve a intentarlo. Tampoco puedes hacer clic en Guardar mientras un campo de color muestre Formato esperado: #rrggbb. Introduce primero un código de seis dígitos, como #7b3fe4.

Vuelve a cargar la página de producto

Abre o vuelve a cargar una página de producto que muestre el widget de Olvio.
Si sigue viéndose igual, espera dos minutos y vuelve a cargarla.
Comprueba también la página en una ventana privada (de incógnito) del navegador. El widget recuerda un chat abierto y sus preguntas sugeridas en la misma pestaña del navegador, así que una ventana privada muestra la página tal como la ve un comprador nuevo.
Los cambios en el avatar, y en Burbuja de conversación y Botón de añadir al carrito de la tarjeta Forma de la pestaña Panel de chat, solo se ven en el panel de chat. Haz una pregunta en el widget para abrirlo.

En ocasiones, un cambio se guarda en Olvio pero no llega a tu tienda online, aunque haya aparecido Cambios guardados. En ese caso, tu tienda online mantiene el aspecto anterior hasta que Olvio vuelve a enviar tus ajustes, por ejemplo la próxima vez que guardes en la página Apariencia. Para volver a enviar tus ajustes, cambia cualquier ajuste y haz clic en Guardar; después, deshaz el cambio y vuelve a hacer clic en Guardar.

Los colores o el tamaño de fuente no cambian: revisa el bloque en el editor de temas

El bloque Olvio — Product page del editor de temas de Shopify tiene dos ajustes que sustituyen algunos de tus ajustes de Apariencia en todos los productos que usan esa plantilla de producto:

"Use custom colors for this block": los colores propios del bloque sustituyen tus siete colores de Apariencia.
"Use custom font size for this block": el Base font size del bloque sustituye el definido en la página Apariencia.

Mientras una de estas casillas esté marcada, cambiar el mismo ajuste en la página Apariencia no tiene ningún efecto visible en esas páginas de producto ni en el panel de chat que se abre desde ellas. La Vista previa en vivo de Olvio no muestra estas sustituciones.

En el editor de temas de Shopify, abre la plantilla de producto en la que añadiste el bloque Olvio y selecciona el bloque Olvio — Product page.
Desmarca "Use custom colors for this block" y "Use custom font size for this block", o define en el bloque los valores que quieras.
Haz clic en Guardar en el editor de temas.

Los ajustes de color del bloque parten de los colores predeterminados de Olvio, no de tus colores de Apariencia. Si tus productos usan más de una plantilla de producto, revisa el bloque en cada una. La fuente, el radio de las esquinas, el avatar y el CSS personalizado siempre proceden de la página Apariencia, y el Nombre del experto y la Pregunta gancho, de Widget → Product Detail Page. Para encontrar el bloque, consulta Añade el widget Olvio a tus páginas de producto.

La fuente no cambia

Olvio no carga ningún archivo de fuente. Salvo Default (sistema), la fuente que eliges en el menú Fuente, o que escribes en font-family CSS después de elegir Personalizada al final de ese menú, debe estar ya cargada por tu tema de Shopify o instalada en el dispositivo del comprador. De lo contrario, el navegador del comprador usa la siguiente fuente disponible de la lista, como una fuente genérica sans serif, o elige una fuente por sí mismo cuando ninguna fuente de la lista está disponible.

Una fuente puede verse bien en tu propio ordenador porque está instalada en él y, aun así, sustituirse en los dispositivos de los compradores. Comprueba la página también en otro dispositivo.
La Vista previa en vivo usa las fuentes disponibles en tu navegador, no las que carga tu tema, así que puede mostrar una fuente que tu tienda online no puede mostrar. Por ejemplo, el admin de Olvio carga Inter, así que Inter siempre se ve en la Vista previa en vivo, aunque tu tema no la cargue.
El CSS personalizado no puede cargar una fuente desde otro sitio web: las reglas @import y los enlaces url() que empiezan por http://, https:// o // se eliminan al guardar.
En el menú Fuente, si eliges Personalizada y dejas font-family CSS vacío, el widget usa Default (sistema).

Para elegir una fuente que cargue tu tema, consulta Personalizar la fuente y el tamaño de fuente del widget.

El CSS personalizado no tiene efecto

El CSS personalizado nunca se ve en la Vista previa en vivo. Como indica la página Apariencia, El CSS personalizado solo se aplica en el widget en vivo. Comprueba tus reglas en una página de producto de tu tienda online y abre el panel de chat para comprobar las reglas que le dan estilo.

Añade !important a cada propiedad que sobrescribas. Los estilos propios de Olvio también lo usan, así que sin él tu regla pierde frente al estilo predeterminado de Olvio.
Olvio añade html delante de tus selectores para ayudarles a prevalecer, pero no dentro de @media ni de otras reglas-at. Empieza tú esos selectores con html, por ejemplo @media (max-width: 600px) { html .olvio-title { font-size: 1.2em !important; } }.
Fuera de las reglas-at, no empieces tú un selector con html o :root: con el prefijo que añade Olvio, ese selector no coincide con nada. Olvio también añade el prefijo después de las comas dentro de :has() y dentro de valores de atributo entre comillas, así que esa parte del selector deja de coincidir. Evita las comas en esos lugares.
Apunta a las clases de Olvio, como .olvio-panel, .olvio-msg-user, .olvio-msg-assistant, .olvio-suggestion-btn, .olvio-atc-btn, .olvio-input-row, .olvio-label y .olvio-title.
Después de guardar, el campo muestra tu CSS tal como Olvio lo almacenó. Compáralo con lo que pegaste: Olvio elimina las reglas @import, los comentarios, las imágenes o fuentes cargadas desde otros sitios web mediante url() y cualquier regla cuyo selector apunte a la zona inferior del panel de chat (.olvio-panel-footer, .olvio-brand-mention o .olvio-panel-input), aunque la regla incluya también otros selectores. Para dar estilo al campo de pregunta, usa .olvio-input-row.

Para ver todo lo que Olvio elimina y más ejemplos, consulta Añadir CSS personalizado al widget.

El Nombre del experto o la Pregunta gancho no se ven como esperabas

Vaciaste el campo, pero sigue apareciendo texto. Un Nombre del experto o una Pregunta gancho vacíos no se ocultan: el widget muestra en su lugar su texto por defecto, como YOUR EXPERT, o TU EXPERTO cuando el widget está en español. El campo de Widget → Product Detail Page también vuelve a mostrar el texto por defecto la próxima vez que abres la página. Para ocultar el Nombre del experto, añade .olvio-label { display: none !important; } a tu CSS personalizado.
El Nombre del experto aparece en mayúsculas. El widget lo muestra en mayúsculas, sin importar cómo lo escribas. Para cambiarlo, añade .olvio-label { text-transform: none !important; } a tu CSS personalizado.
El texto no es exactamente el que escribiste, o sigue apareciendo la redacción anterior (Growth y Scale). En estos planes, cuando tu widget cubre, además de tu idioma predeterminado, al menos uno de estos idiomas: inglés, francés, alemán, español, italiano o portugués, Olvio traduce tu Nombre del experto y tu Pregunta gancho al guardar. El widget muestra esas traducciones con prioridad, también en las páginas en tu idioma predeterminado cuando es uno de estos seis idiomas. Si tu idioma predeterminado no es uno de estos seis y tu widget cubre el inglés, las páginas en tu idioma predeterminado muestran la traducción al inglés. En ambos casos, los compradores en tu idioma predeterminado ven una versión traducida, que puede diferir de lo que escribiste. Si la traducción no se puede hacer, tus cambios se guardan igualmente, pero el widget conserva las traducciones hechas antes, así que los compradores pueden seguir viendo tu redacción anterior. Sin clave API no aparece ningún error; con una clave, un mensaje indica que tus cambios no se han podido traducir.

Para que Olvio vuelva a traducir tu texto, comprueba que tu clave está conectada en la página Clave API (consulta Conectar tu clave API de Anthropic (Claude)). Después, cambia el Nombre del experto o la Pregunta gancho, haz clic en Guardar, vuelve a poner tu redacción y haz clic de nuevo en Guardar. Volver a traducir crea una nueva versión, que también puede diferir de lo que escribiste.

Tu texto no se traduce

Olvio traduce el Nombre del experto y la Pregunta gancho cuando se cumplen todas estas condiciones:

Tu tienda tiene el plan Growth o Scale. En Starter, el texto que escribes tú se muestra tal como lo escribiste, en todas las páginas. Si es exactamente el texto por defecto (YOUR EXPERT o "Any question about this product?"), el widget muestra en su lugar su texto por defecto integrado, que se traduce cuando el idioma predeterminado de tu tienda es francés, alemán, español, italiano o portugués (por ejemplo TU EXPERTO).
Tu clave API de Anthropic está guardada en la página Clave API. Las traducciones usan tu clave, así que se facturan en tu cuenta de Anthropic.
El idioma es uno de los que cubre tu widget, y es inglés, francés, alemán, español, italiano o portugués. Olvio no traduce este texto a otros idiomas.
Tu widget cubre al menos uno de estos seis idiomas además de tu idioma predeterminado. Por ejemplo, si desmarcaste todos los idiomas en la tarjeta Idiomas de la pestaña Avanzado mientras tenías Growth, o si tu tienda no publica ninguno de estos idiomas además de tu idioma predeterminado, Olvio no traduce tu texto. Si tu idioma predeterminado es uno de estos seis, tu widget sigue cubriendo otro idioma y tu texto se tradujo antes, los compradores siguen viendo esa traducción anterior en lugar de tu texto nuevo.
Guardas un cambio en el Nombre del experto o en la Pregunta gancho, o guardas cualquier cambio mientras uno de estos seis idiomas que cubre tu widget todavía no tiene traducción. Olvio también completa las traducciones que faltan cuando pasas a Growth o Scale con tu clave guardada.

Conectar una clave API no traduce tu texto por sí solo. Si tu texto nunca se ha traducido, haz clic en Traducir ahora en el aviso Algunos idiomas aún no están traducidos de Widget → Product Detail Page. Si ya existe una traducción, cambia el Nombre del experto o la Pregunta gancho y haz clic en Guardar; después, vuelve a poner tu redacción y haz clic de nuevo en Guardar, como se describe arriba. Si el widget muestra el idioma equivocado en una página, consulta El widget o la IA usa el idioma equivocado.

Otros problemas

El widget no aparece en las páginas de algunos idiomas: comprueba si Ocultar el widget en los idiomas que Olvio no cubre está marcada en la tarjeta Idiomas de la pestaña Avanzado. Consulta Multilingüe: elegir qué idiomas cubre tu widget.
El widget no aparece en absoluto: consulta El widget no aparece en mi escaparate.
No hay preguntas sugeridas: consulta Las preguntas sugeridas no aparecen en mis páginas de producto.

Si tu cambio sigue sin verse, contáctanos a través del chat del admin de Olvio. Incluye un enlace a la página de producto y el ajuste que cambiaste. Consulta Contáctanos y horario de soporte.