Con dos líneas de código muestras el aviso oficial de garantía legal de la UE en cualquier tienda online: WooCommerce, PrestaShop, Shopware, Wix, Webflow, JTL o tu propia tienda. El widget es gratis, detecta el idioma de la página, no usa cookies y, si quieres, también muestra tu etiqueta GARAN.
El widget en acción
Hay tres formas de mostrarlo. Haz clic en la insignia o en el enlace: el gráfico oficial completo se abre en una ventana sobre la página.
Crea el código para tu tienda
Elige la forma de mostrarlo y el idioma, y copia el código. Sin indicar idioma, el widget usa el idioma de la página (<html lang>); si tampoco existe, lo muestra en alemán. El gráfico oficial está disponible en las 24 lenguas de la UE. El texto breve de la insignia y del enlace está disponible en alemán, inglés, francés, italiano, español y neerlandés, y en inglés para todos los demás idiomas.
La etiqueta GARAN en el widget
Si el productor da gratis una garantía comercial de durabilidad de más de dos años, la etiqueta GARAN va en la página de producto. Así la muestra también el widget:
- Crea la etiqueta
Introduce los años, la marca y el modelo en el generador de etiquetas GARAN. Tus primeras 3 etiquetas son gratis y no necesitan registro. - Copia el código para insertar
Debajo de cada etiqueta terminada aparece el código para la página de producto. Nosotros alojamos las imágenes de forma permanente, así que no subes nada. - Pégalo
El widget muestra la versión anidada y un clic abre la etiqueta completa, como exige el reglamento. Además, añade justo debajo el enlace en el que se puede hacer clic al destino del código QR.
¿Prefieres tus propios archivos? Sube la versión completa y la anidada a la biblioteca de medios de tu tienda e introduce las direcciones en data-garan-voll y data-garan-klein. Si tu tienda ya muestra el aviso de garantía legal en otro lugar, data-nur="garan" lo oculta en el widget.
Como la etiqueta GARAN cambia de un producto a otro, las dos direcciones van en la plantilla de producto, idealmente tomadas de un campo de producto de tu sistema de tienda.
Guías para tu sistema de tienda
Marketplaces
Los marketplaces no ejecutan tus propios scripts. eBay, Etsy y Kaufland muestran las etiquetas ellos mismos a partir de tus datos; qué tienes que introducir lo explican estas páginas:
Tu propia tienda
Pon el marcador <div data-garantielabel></div> en la plantilla de producto y carga el script una vez por página, idealmente antes de </body>. Puedes usar varios marcadores en una misma página. Si cargas contenido de forma dinámica, llama después a window.garantielabelWidget.rendern().
Shopify: mejor usa la app
En las tiendas Shopify el widget no muestra nada. Allí, nuestra app de Shopify es la mejor opción: añade el aviso a la página de producto, el carrito y el pie de página sin programar, asigna garantías del productor a los productos y añade el gráfico con una descarga en PDF a la confirmación de pedido.
Lo que el widget no cubre
- 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. La forma no está regulada; un PDF adjunto es una vía segura. Encontrarás los archivos en nuestra página de descargas. Más sobre esto
- Ubicación: tú decides dónde aparece el aviso al colocar el marcador. Las directrices de la Comisión citan como ejemplos la página de catálogo, la cabecera de la página y la página de pago. Dónde va el aviso
- Contenido de la etiqueta GARAN: el productor es responsable de la duración de la garantía, la marca y el modelo. El widget muestra lo que el productor ha publicado.
Privacidad y tecnología
El widget no usa cookies, no guarda nada en el navegador y no cuenta visitantes. Se dibuja en un área aislada (Shadow DOM), así que ni cambia tu diseño ni tu CSS lo cambia a él. El script y los gráficos vienen de nuestro servidor en Cloudflare. Como con cualquier contenido incrustado, Cloudflare ve la dirección IP del visitante. Por eso, menciona el widget en tu política de privacidad. Si no quieres ningún contenido de terceros, descarga los archivos oficiales de nuestra página de descargas e insértalos tú mismo.
| Atributo | Valores | Efecto |
|---|---|---|
data-darstellung | badge, link, voll | Forma de mostrarlo (badge = insignia, link = enlace, voll = completo); por defecto, badge |
data-sprache | es, en, de … (24 lenguas de la UE) | Idioma del gráfico; por defecto, el idioma de la página, y alemán si no hay ninguno. El texto de la insignia está disponible en 6 idiomas; en los demás, en inglés. |
data-garan-voll, data-garan-klein | Dirección (https) | Muestra tu etiqueta GARAN: anidada, y un clic abre la etiqueta completa |
Preguntas frecuentes
¿Cuánto cuesta el widget?
Nada. Debajo del aviso hay un pequeño enlace a garantielabel.app; aparte de eso, no hay condiciones.
¿Es el gráfico oficial?
Sí. El widget muestra sin cambios los archivos de la Comisión Europea de nuestra página de descargas, en el idioma elegido y en color, como se exige online.
¿Puede el widget afectar a mi diseño o al pago?
No. Solo dibuja dentro de su propio marcador, en un Shadow DOM aislado, y no toca nada más de la página. Si nuestro servidor cae, el marcador simplemente se queda vacío.
¿Funciona el widget en Shopify?
No, allí no muestra nada a propósito. Para Shopify tenemos nuestra app, que hace más: carrito, garantías del productor por producto y confirmación de pedido.
¿Necesito una cuenta?
No. Copia el código, pégalo y listo. Solo necesitan cuenta los productores que crean etiquetas GARAN y las publican en el directorio.