En Wix, insertas el aviso de garantía legal en la página de producto con el elemento “Embed Code”. Como Wix muestra el código insertado en un marco propio, usa ahí la forma de mostrarlo completa.
El código para Wix
<div data-garantielabel data-darstellung="voll" data-sprache="es"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>Más opciones, como la forma de mostrarlo y el idioma, las ajustas en el generador de código.
Paso a paso en Wix
- Abre la página de producto
En el Editor de Wix, abre la página de producto de Wix Stores. Los cambios ahí se aplican a todos los productos. - Añade el elemento
Ve a “Add Elements” → “Embed Code” (Añadir elementos → Insertar código) y elige el elemento “Embed HTML” (insertar HTML). - Pega el código
Pega el código del widget, arrastra el elemento debajo del botón de añadir al carrito y hazlo lo bastante grande para que se vea el gráfico entero. - Publica
Publica el sitio y revisa una página de producto.
Los nombres de menú entre comillas son los de la interfaz en inglés; entre paréntesis va nuestra traducción.
Lo que conviene saber de Wix
- Wix muestra el código insertado en un marco (iframe). Una ventana emergente quedaría encerrada en ese marco, por eso el código lleva
data-darstellung="voll". - El marco no conoce el idioma de la página. Fíjalo con
data-sprache, por ejemploes. - El elemento tiene una altura fija. Revisa también la vista móvil para que el gráfico no quede cortado.
Dónde va el aviso en Wix
La página de producto de Wix Stores es una página dinámica. Lo que cambias en una página de producto se aplica a todas. Según la ayuda de Wix, no puedes añadir código HTML distinto a productos concretos. Por eso colocas el elemento “Embed HTML” una sola vez debajo de la zona de compra, y aparece en todos los productos.
Para un aviso en todas las páginas, usa el pie de página. Según Wix, aparece en la parte inferior de todas las páginas de tu sitio. Las únicas excepciones son las páginas a las que has asignado un diseño sin encabezado ni pie de página.
En “Settings → Development & integrations → Custom Code” también puedes añadir código a todas las páginas o a algunas concretas. Pero ese código es siempre invisible para los visitantes, y tu sitio debe estar publicado y conectado a un dominio. Para la etiqueta visible necesitas, por tanto, el elemento insertado. La línea del script ya forma parte del código del widget que pegas ahí.
Variantes e identificador del modelo en Wix Stores
En Wix Stores, las variantes se crean a partir de opciones de producto como el color o la talla. Un producto puede tener hasta 6 opciones y hasta 1.000 variantes. Si gestionas precios e inventario por variante, cada variante puede tener su propio SKU. La ayuda de Wix también menciona una diferencia de precio, un peso y un inventario por variante. Todas las variantes comparten la misma página de producto.
Para la etiqueta GARAN esto significa: la etiqueta corresponde a un identificador del modelo, pero el elemento insertado en Wix corresponde a todos los productos. Si vendes más de un modelo, no introduzcas ahí direcciones GARAN. De lo contrario, aparecería la misma etiqueta debajo de cada producto. Para datos adicionales por producto, Wix describe el uso de una colección propia del CMS: con un campo de referencia a “Products” de Wix Stores y un dataset en la página de producto. La ayuda no dice si así también se puede rellenar el elemento “Embed HTML”.
Errores habituales en Wix
- Según la documentación para desarrolladores de Wix, el elemento es un marco aislado (sandbox). El código que contiene no tiene acceso a los demás elementos de la página. Por eso el widget no ve nada del resto de la página, ni siquiera su idioma.
- El contenido insertado no se adapta por sí solo al tamaño de la pantalla. En el móvil, el elemento puede quedar cortado o mostrar barras de desplazamiento. Wix recomienda entonces ocultar el elemento de escritorio en el móvil y añadir una versión aparte en el editor móvil. El código de un elemento de escritorio no se puede editar en el editor móvil.
- Según Wix, solo se muestran código y URL con HTTPS. Así que guarda tus propios archivos GARAN en direcciones https.
- El código personalizado está vinculado al dominio. Si asignas otro dominio como dominio principal, Wix elimina esos fragmentos.
- Desde diciembre de 2025, las medidas de seguridad de Wix pueden bloquear fragmentos de código antiguos. Según Wix, esto afecta al código insertado, al código personalizado y a Velo.
Más fuentes
- Ayuda de Wix: insertar un sitio o un widget (en inglés)
- Ayuda de Wix: insertar código personalizado en tu sitio (en inglés)
- Ayuda de Wix: código HTML en el móvil (en inglés)
- Ayuda de Wix: código HTML externo en una página de producto (solicitud de función, en inglés)
- Ayuda de Wix: añadir y personalizar opciones de producto (en inglés)
- Ayuda de Wix: el pie de página de tu sitio (en inglés)
- Documentación para desarrolladores de Wix: elementos HTML iFrame (en inglés)
- Ayuda de Wix: mostrar contenido de una colección en la página de producto de Wix Stores (en inglés)
Aviso de garantía legal en la confirmación de pedido
Según las directrices de la Comisión, el aviso también debería aparecer en el correo de confirmación. Los correos automáticos de Wix Stores solo se pueden personalizar de forma limitada. Revisa los ajustes de notificaciones a clientes para ver si puedes añadir ahí el gráfico oficial como imagen. Es poco probable que un simple enlace cuente como soporte duradero (TJUE, asunto C-49/11, Content Services); lo más seguro es poner el aviso directamente en el correo como imagen, texto o adjunto. Encontrarás los archivos oficiales en nuestra página de descargas.
¿Garantía del productor? Entonces añade la etiqueta GARAN
Si el productor da gratis una garantía comercial de durabilidad de más de dos años que cubre la totalidad del bien, la etiqueta GARAN también va en la página de producto. Con el generador de etiquetas GARAN la creas en segundos a partir de los años, la marca y el modelo; tus primeras 3 etiquetas son gratis y sin registro. Debajo de cada etiqueta terminada recibes un código para insertar con direcciones de imagen permanentes: no subes nada y lo pegas en Wix como se muestra arriba.
¿Prefieres tus propios archivos? Sube la versión completa y la anidada a la biblioteca de medios de Wix e introduce las direcciones en el código del widget:
<div data-garantielabel data-darstellung="voll" data-sprache="es"
data-garan-voll="https://…/GARAN-MX-500.svg"
data-garan-klein="https://…/GARAN-MX-500-anidada.svg"></div>El widget muestra entonces la versión anidada debajo del aviso de garantía legal, y un clic abre la etiqueta GARAN completa.
Preguntas frecuentes
¿Por qué la forma completa?
Porque el código insertado en Wix se ejecuta en un marco propio. Una ventana emergente no podría superponerse a la página, así que el gráfico completo es ahí la opción más fiable.
¿Necesito un plan concreto de Wix?
Para aceptar pagos online en Wix Stores necesitas un plan premium a partir de Core.
¿Aparecerá en todos los productos?
Sí, si colocas el elemento en la página de producto de Wix Stores.
¿Puedo insertar un código distinto para cada producto?
No. Según la ayuda de Wix, no puedes añadir código HTML distinto a productos concretos. La página de producto es dinámica, así que un elemento insertado aparece en todos los productos.
¿Basta con el código personalizado de los ajustes?
No. El código de “Settings → Custom Code” es siempre invisible para los visitantes y requiere un dominio conectado. La etiqueta en sí necesita el elemento visible “Embed HTML”.
¿Por qué la etiqueta aparece cortada en el móvil?
Porque el elemento insertado es un marco de tamaño fijo que no se adapta por sí solo. Amplíalo en la vista móvil, u ocúltalo ahí y añade una versión aparte en el editor móvil, como recomienda Wix.