Etiqueta energética en la tienda online: qué exige la UE y cómo montarla en WooCommerce y Shopify

Si vendes lavadoras, frigoríficos, televisores, bombillas, móviles o neumáticos por internet, la etiqueta energética no puede quedarse en una foto más de la galería. El art. 5.1.a del Reglamento (UE) 2017/1369 obliga al distribuidor a exponerla "de manera visible, incluso en la venta a distancia en línea", y los reglamentos delegados de cada grupo de productos dicen con bastante precisión cómo: una flecha del color de la clase junto al precio, que abre la etiqueta, y un enlace a la ficha del producto. En España, no exhibir la etiqueta en la venta a distancia es infracción muy grave según el Real Decreto 1390/2011. Aquí repaso qué productos están afectados, qué tiene que verse en la página, cómo encajan EPREL y Google Merchant Center, y cómo lo monto en WooCommerce y en Shopify.

Este artículo describe las normas y el funcionamiento del software a fecha de publicación. No es asesoramiento jurídico individual para tu tienda.

#Qué productos necesitan etiqueta energética en una tienda online

El marco general es el Reglamento (UE) 2017/1369 (EUR-Lex). No dice qué productos llevan etiqueta: eso lo fija un reglamento delegado por cada grupo. La lista de productos de la Comisión Europea (energy-efficient-products.ec.europa.eu) marca hoy con etiqueta energética estos grupos:

• hornos domésticos y campanas extractoras,
• lavavajillas, lavadoras, lavadoras-secadoras y secadoras,
• frigoríficos y congeladores, armarios frigoríficos con función de venta directa y armarios refrigerados profesionales,
• aparatos de aire acondicionado y ventiladores,
• aparatos de calefacción local, calefactores, calentadores de agua y calderas de combustible sólido,
• unidades de ventilación,
• pantallas electrónicas (televisores y monitores),
• teléfonos inteligentes y tabletas,
• fuentes de luz.

Los neumáticos van aparte, con su propio reglamento (lo explico más abajo). Placas de cocina, aspiradores y ordenadores tienen requisitos de diseño ecológico, pero no etiqueta.

Hay que fijarse en qué escala usa cada grupo, porque la Comisión está sustituyendo las antiguas clases de A+++ a D por una escala de A a G (Comisión Europea). Las fechas que importan para una tienda:

Para calefactores, calentadores de agua y calderas de combustible sólido, el art. 11.5.a del Reglamento 2017/1369 prevé actos delegados con etiquetas de A a G “si procede” a más tardar el 2 de agosto de 2026 y, en cualquier caso, a más tardar el 2 de agosto de 2030. No he podido confirmar que ya se hayan adoptado esos nuevos actos: las páginas de producto de la Comisión siguen citando los Reglamentos 811/2013 y 812/2013. Si vendes calderas o termos, revisa la etiqueta que te entrega el proveedor antes de cambiar nada.

Cuando un grupo se reescala, el art. 11.13.c obliga al distribuidor a sustituir las etiquetas existentes “tanto en los establecimientos comerciales como en línea” en un plazo de 14 días hábiles desde la fecha fijada en el acto delegado, y le prohíbe mostrar las nuevas antes de esa fecha.

#Qué tiene que aparecer junto al precio en la tienda online

Tomo como referencia el anexo VIII del Reglamento Delegado (UE) 2019/2014 sobre lavadoras (EUR-Lex), titulado “Información que ha de facilitarse en caso de venta a distancia por internet”. Su art. 4.b obliga al distribuidor a que, en la venta a distancia y por internet, la etiqueta y la ficha de información del producto se presenten conforme a los anexos VII y VIII. El mismo mecanismo se repite en los reglamentos de fuentes de luz (2019/2015), refrigeración (2019/2016), móviles y tabletas (2023/1669) y secadoras (2023/2534). En pantallas (2019/2013), lavavajillas (2019/2017) y refrigeración con venta directa (2019/2018) el anexo VIII existe con el mismo título, pero solo he comprobado el encabezado, no cada punto.

#La etiqueta entera o la flecha que la abre

El punto 1 del anexo dice que la etiqueta se mostrará en el mecanismo de visualización “cerca del precio del producto”, con un tamaño claramente visible, legible y proporcionado al de la etiqueta oficial. Puedes mostrarla completa o en visualización anidada: una imagen pequeña que abre la etiqueta con el primer clic, al pasar el ratón por encima o al ampliar en pantalla táctil.

El formato de esa imagen está fijado. Según el punto 2 debe:

• consistir en una flecha del color correspondiente a la clase de eficiencia energética del producto en la etiqueta (en las lavadoras-secadoras, la clase del ciclo completo),
• indicar en la flecha la clase en color 100 % blanco, en Calibri negrita y con un tamaño de fuente equivalente al del precio,
• indicar el intervalo de clases disponibles en color 100 % negro,
• tener un borde visible de color 100 % negro alrededor de la flecha y de la letra.

En los reglamentos de 2019 la flecha puede apuntar a la izquierda o a la derecha. En los dos actos de 2023, móviles y tabletas y secadoras, solo se admite la “flecha izquierda coloreada” (figura 2 del anexo VIII de 2023/1669).

#Cómo se abre y qué pasa si la imagen no carga

El punto 3 fija la secuencia. La flecha va cerca del precio y enlaza con la etiqueta, y esta aparece con un clic, al pasar el ratón o al ampliar en pantalla táctil, en forma de ventana emergente, pestaña nueva o pantalla en recuadro. En pantallas táctiles se aplican las normas de ampliación del propio dispositivo, y la etiqueta se cierra con la opción “cerrar” u otro mecanismo habitual. Si el gráfico no se visualiza, el texto alternativo tiene que ser la clase de eficiencia energética, con un tamaño de fuente equivalente al del precio.

En HTML esto significa que el alt de la flecha es la letra de la clase (por ejemplo B), no “etiqueta energética” ni el nombre del archivo.

#El enlace a la ficha de información del producto

El punto 4 pide también la ficha electrónica de información del producto cerca del precio. Puede ir anidada o enlazar a la base de datos de productos, y en ese caso el enlace tiene que indicar de manera clara y legible el texto «Ficha de información del producto». Ese es el texto oficial en español; un enlace que diga “Más información” o “Descargar PDF” no lo cumple.

#Si no muestras precio

El Reglamento de secadoras 2023/2534 añade una regla útil para catálogos sin precio: la etiqueta y la ficha van cerca del precio si se muestra, y en los demás casos cerca del nombre o de la imagen del producto. La guía de la Comisión para distribuidores (Comisión Europea) aplica la misma lógica a todos los grupos.

#En qué páginas de la tienda

El texto legal habla del “mecanismo de visualización”, sin enumerar páginas. La guía de la Comisión para distribuidores es más concreta: la obligación afecta a cada subpágina de la tienda, es decir, portada, listados, páginas de producto y también la página de la cesta, e incluso a productos que no se pueden añadir al carrito. Yo la sigo porque es la lectura que hace la Comisión del texto.

#Marketplaces

Si vendes en una plataforma de terceros, el art. 5 del Reglamento 2019/2014 obliga a los prestadores de servicios de alojamiento que permiten la venta directa a dejar mostrar la etiqueta y la ficha que aporta el distribuidor, y a informarle de esa obligación. Subir la etiqueta sigue siendo cosa tuya.

#La ficha de información del producto y el número EPREL

EPREL es la base de datos europea de productos con etiqueta energética, prevista en el art. 12 del Reglamento 2017/1369. Tiene una parte pública con las etiquetas y las fichas de cada modelo registrado.

Dos artículos del Reglamento de Ejecución (UE) 2024/994 (EUR-Lex) afectan directamente a una tienda online:

• Art. 14.1: el proveedor tiene que comunicar al distribuidor el número de registro del modelo en EPREL, para facilitar su exhibición también en la venta a distancia por internet.
• Art. 14.2: el distribuidor tiene que asegurarse de que el código QR de la etiqueta sea legible cuando expone el producto a la venta.

En la práctica, el número EPREL debe ser un dato más de cada producto en tu catálogo, como el EAN. La guía de la Comisión añade que, con ese número, la tienda puede obtener las imágenes de la etiqueta y de la etiqueta anidada mediante una API. Lo del QR tiene una consecuencia técnica concreta: si tu tema comprime o reduce la imagen de la etiqueta hasta que el QR no se puede escanear, el problema es tuyo.

Si te falta la etiqueta, el art. 5.2 del Reglamento 2017/1369 te obliga a pedírsela al proveedor, que según el art. 3.2 la entrega gratis en un plazo de cinco días hábiles. Para la ficha, el art. 5.3 te deja pedirla o descargarla de la base de datos de productos.

#Etiqueta energética en anuncios y en Google Shopping

El art. 6.a del Reglamento 2017/1369 obliga a proveedores y distribuidores a indicar la clase de eficiencia energética y el intervalo de clases de la etiqueta en la publicidad visual y en el material técnico de promoción de un modelo concreto. En una tienda eso incluye banners, newsletters con producto y fotos de campaña. El art. 6.c prohíbe además otras etiquetas, marcas o símbolos que puedan inducir a error sobre el consumo de energía.

Para los anuncios de Shopping y las fichas gratuitas, Google cambió el atributo en 2025. En la ayuda del atributo energy_efficiency_class (Google Merchant Center) se indica que, desde abril de 2025, solo está disponible para productos dirigidos a Suiza, Noruega o el Reino Unido. Para productos dirigidos a países de la UE que deban mostrar la etiqueta gráfica, hay que usar el atributo certification (Google Merchant Center), que toma los datos de EPREL. El formato es autoridad, nombre y código:

certification: EC:EPREL:123456

Si no lo envías, Google puede añadirlo de forma automática a partir del GTIN y el MPN. Yo no dejaría eso al azar en una tienda de electrodomésticos: si el GTIN de una variante está mal, la clase que se ve en el anuncio puede no ser la tuya. Si también vendes a Suiza, Noruega o el Reino Unido desde el mismo feed, para esos destinos sigues necesitando energy_efficiency_class con su mínimo y máximo.

#Neumáticos: otra norma y otra forma de mostrar la etiqueta

Los neumáticos se rigen por el Reglamento (UE) 2020/740 (EUR-Lex), aplicable desde el 1 de mayo de 2021. Usa el término “distribuidor” y su art. 6.7 dice que, en la venta por internet, el distribuidor se asegura de que la etiqueta del neumático aparezca cerca de la indicación del precio y de que se pueda acceder a la ficha de información del producto. El tamaño debe ser claramente visible, legible y proporcionado al del anexo II. Se puede usar visualización anidada.

La diferencia con los electrodomésticos es que este reglamento no tiene un anexo con la flecha de color para la visualización anidada. Lo que se muestra por defecto es la etiqueta completa, con clases de la A a la E para eficiencia en combustible y adherencia en mojado, y con su propio código QR. El art. 6.2 exige la etiqueta en toda publicidad visual de un tipo concreto de neumático, cerca del precio si este se muestra, y el art. 8 obliga a las plataformas de alojamiento a permitir que se vea la etiqueta junto al precio y a informar al distribuidor.

No he revisado si España tiene sanciones específicas para el etiquetado de neumáticos, así que no las cito aquí.

#Quién inspecciona en España y cuánto cuesta no cumplir

El Reglamento 2017/1369 se aplica directamente en España, pero las sanciones las fija cada Estado miembro (art. 7.4). En España sigue en vigor el Real Decreto 1390/2011, de 14 de octubre (BOE), que se dictó para la antigua Directiva 2010/30/UE y no se ha modificado desde su publicación. No he encontrado una norma española posterior que desarrolle específicamente el Reglamento 2017/1369.

Para una tienda online cuentan tres artículos:

• Art. 8: cuando los productos se venden por correo, catálogo, internet o por teléfono, toda la información de la etiqueta y de la ficha tiene que ser accesible para el comprador antes de comprar, en la forma que determinen los reglamentos delegados.
• Art. 12.2.c, 4.º, infracción muy grave: “No exhibir las etiquetas del producto o la información correspondiente cuando la venta sea a distancia”.
• Art. 12.2.a, 2.º, infracción leve: colocar la etiqueta en un lugar distinto al previsto, siempre que sea visible para el interesado.

En una tienda online, una etiqueta que existe pero está en la pestaña de descargas se parece más al supuesto leve, y una ficha de producto sin etiqueta en ningún sitio al muy grave. La calificación final la decide la autoridad que inspecciona.

El art. 12.3 del Real Decreto remite a los “artículos 51 y 52” del Texto Refundido de la Ley General para la Defensa de los Consumidores y Usuarios, una numeración que ya no corresponde: en el texto consolidado actual (BOE) el art. 51 trata de las personas responsables y las multas están en el art. 49:

El mismo art. 49 permite usar el tramo de gravedad inferior cuando la multa resulte desproporcionada para la capacidad económica del infractor. El Real Decreto también remite a la normativa autonómica aplicable, así que la cifra exacta depende del procedimiento de cada comunidad.

En cuanto a quién inspecciona: según el Ministerio para la Transición Ecológica (MITECO), las competencias de inspección y sanción recaen en las comunidades autónomas, y la Subdirección General de Eficiencia y Acceso a la Energía actúa como coordinador nacional. La explicación del ministerio coincide con el art. 12.4 del Real Decreto, que remite a las autoridades competentes según su art. 3.

#Cómo configurar la etiqueta energética en WooCommerce

WooCommerce no trae ningún campo para la etiqueta energética. Necesitas cinco datos por producto, o por variación si las variantes tienen clases distintas (un frigorífico en dos anchos puede tener dos etiquetas):

Para la clase y el intervalo puedes usar atributos de producto. La documentación de WooCommerce (WooCommerce) recomienda definir los atributos de forma global, para poder asignarlos a cualquier producto y cambiarlos en un solo sitio. Para la imagen, la ficha y el número EPREL suelo usar metadatos del producto, porque no son datos que el cliente vaya a filtrar.

Para que la flecha aparezca junto al precio en todas las plantillas, no basta con tocar la plantilla de la ficha. El precio que pinta WooCommerce en la página de producto, en los listados y en los bloques pasa por el filtro woocommerce_get_price_html (lo puedes comprobar en abstract-wc-product.php, en el repositorio de WooCommerce). Un esquema mínimo, a modo de ejemplo:

add_filter( 'woocommerce_get_price_html', function ( $price_html, $product ) {
    $class = $product->get_attribute( 'pa_clase-energetica' );
    if ( ! $class ) {
        return $price_html;
    }
    // Flecha con alt = clase, enlace a la etiqueta y enlace a la ficha.
    return $price_html . energy_label_markup( $product, $class );
}, 10, 2 );

La función energy_label_markup() es tuya: genera la flecha (SVG o CSS) con el color de la clase, la letra en blanco con Calibri negrita al tamaño del precio, el intervalo en negro y el enlace «Ficha de información del producto». Tres cosas que compruebo después de montarlo: que la flecha salga también en listados y bloques, no solo en la ficha del producto; que en móvil se abra con un toque y se cierre; y que la cesta muestre la clase, si sigues la guía de la Comisión.

No es la única vía. Mis plugins gratuitos Polski 1.45.0 (WordPress.org) y Shoplex 1.7.0 (WordPress.org), publicados el 5 de noviembre de 2026, incluyen un módulo de etiqueta energética: una flecha del color de la clase junto al precio, que abre la etiqueta en Polski y enlaza a ella en Shoplex, más el enlace a la ficha de información del producto. En Polski, el módulo está desactivado hasta que lo activas. Si tu tienda ya tiene otro plugin o código propio que cumple el anexo VIII, no hay motivo para cambiarlo.

Si estás montando una tienda nueva o revisando una existente, en mi página de desarrollo en WooCommerce explico cómo trabajo.

#Cómo configurar la etiqueta energética en Shopify

En Shopify los datos van en metacampos (metafields). La ayuda de Shopify (Shopify Help Center) describe tres pasos: crear las definiciones de metacampos, rellenar los valores en productos o variantes y, si quieres mostrarlos en la tienda, conectarlos al tema. Las definiciones aplican reglas de validación, así que puedes limitar la clase a valores concretos y evitar un “b” en minúscula o un “A+” en un grupo que ya va de la A a la G.

Tipos que encajan, según la referencia de Liquid (Shopify.dev):

• single_line_text_field para la clase, el intervalo y el número EPREL,
• file_reference para la imagen de la etiqueta y el PDF de la ficha,
• url si prefieres enlazar la ficha directamente en EPREL.

Si tu tema admite fuentes dinámicas, puedes conectar los metacampos desde el editor de temas; si no, o si necesitas la flecha con su formato exacto, toca editar el código del tema. En Liquid accedes con product.metafields.namespace.clave, por ejemplo product.metafields.energia.clase. Un fragmento de ejemplo para el bloque de precio:

{%- assign clase = product.metafields.energia.clase -%}
{%- if clase != blank -%}
  {%- render 'flecha-energetica', clase: clase, producto: product -%}
{%- endif -%}

Igual que en WooCommerce, el fragmento tiene que estar en todos los sitios donde aparece el precio: tarjeta de producto en colecciones, página de producto, búsqueda y cesta. En temas que reutilizan un mismo fragmento de precio basta con incluirlo ahí; en otros hay que tocar varias plantillas. Si las variantes tienen clases distintas, guarda los metacampos en la variante y actualiza la flecha al cambiar de variante.

Más sobre cómo trabajo con temas y apps en mi página de desarrollo en Shopify.

#Lista de comprobación para tu tienda

#Errores habituales en tiendas online

1. Etiqueta solo en la galería. Una imagen entre las fotos del producto no está “cerca del precio”. Como mínimo te expones a la infracción leve del Real Decreto 1390/2011 por colocarla en un lugar distinto, y si no se ve en absoluto, a la muy grave.
2. Flecha de un color que no corresponde a la clase. Pasa cuando se usa la misma imagen genérica de flecha para todos los productos y solo se cambia la letra.
3. Etiqueta antigua de A+++ en un grupo reescalado. Frigoríficos, lavadoras, lavavajillas, televisores y fuentes de luz llevan escala de A a G desde 2021, y las secadoras desde el 1 de julio de 2025. Una imagen vieja que sigue en el catálogo incumple el art. 11.13.c del Reglamento 2017/1369.
4. Falta el enlace a la ficha, o tiene otro texto. El anexo pide literalmente «Ficha de información del producto».
5. Clase ausente en los anuncios de Google Shopping. Tras el cambio de abril de 2025, los feeds que siguen enviando solo energy_efficiency_class para destinos de la UE ya no transmiten la clase. El art. 6.a también se aplica a esa publicidad.
6. Texto alternativo genérico. Un alt="etiqueta energética" no cumple el punto 3.g, que pide la clase.

Para empezar, abre tres productos con etiqueta en tu tienda (uno en ficha, uno en un listado y uno en la cesta) y repasa la tabla anterior en móvil. Si tu tienda es WooCommerce y quieres que la flecha, la ficha y el feed de Google salgan de los mismos datos, empieza por mi página de desarrollo en WooCommerce. Para las rebajas, el otro requisito que se ve junto al precio, tienes la guía del precio más bajo de 30 días en WooCommerce.