Etiquetas en e-commerce: qué son, cuáles usar y como optimizan el ratio de conversión

Hoy vengo a hablar de las etiquetas, popularmente conocidas como labels o badges en e-commerce. Son una práctica de CRO, por eso tenía dudas sobre si incluirlas en el bloque de e-commerce, pero al final las voy a incluir en el bloque de CRO porque creo que es una práctica que apoya muchísimo la conversión. Sobre todo, mejora la conversión señalando diferentes tipos de productos.

–> PUEDES ESCUCHAR ESTE POST AL COMPLETO PODCAST ADIGITALGO

Vamos a ver qué son, cómo funcionan, las más populares, cómo las he utilizado yo habitualmente y cómo desarrollé una aplicación de etiquetas con IA. Y ya aviso: no vengo a vendértela ni mucho menos. De hecho, es una IA personalizada para un cliente, no se puede comprar, está corriendo de forma privada en un servidor.

¿Qué son las etiquetas y dónde aparecen?

Normalmente las etiquetas aparecen pegadas a las product cards, en una esquina — la superior derecha o la superior izquierda. De hecho, hay páginas web que usan las dos esquinas para cosas distintas: la izquierda, por ejemplo, para mostrar el porcentaje de descuento, y la derecha para mostrar un elemento cualitativo del producto, tipo «bestseller» o «arrasando», para crear esa sensación de urgencia y escasez.

Normalmente estas etiquetas las encontramos en el listado de categorías. Nos sirven muy bien para distinguir qué productos tienen bajo stock, cuáles están agotados, cuáles tienen rebaja. Y cuando el usuario hace clic en la product card y va a la ficha de producto, la etiqueta sigue apareciendo para seguir haciendo énfasis en esa característica particular del producto.

El diseño depende mucho del sitio

En cuanto al diseño, hay una cantidad muy variopinta de opciones. Algunas etiquetas son muy sobrias — un rectangulito pequeño con colores neutros. Otras, dependiendo de si estamos en un sitio donde las ofertas priman mucho, las encontraremos con un rojo chillón, visualmente muy destacadas, con forma de sol o un círculo con muchísimos picos a lo largo de toda la circunferencia.

También hay formas temáticas: si estamos en una promoción de Halloween, pues una calabaza, por ejemplo. Si el sitio es más premium y de estilo sobrio, las etiquetas serán muy neutras. Si estamos en un sitio como puedo imaginar Mediamarkt, donde las ofertas priman y no estamos ante una marca premium de alto poder adquisitivo, las etiquetas serán bastante más estridentes.

Las etiquetas más utilizadas

Estas son las más típicas, las que más he utilizado yo y las que más veo en e-commerce:

• Bajo en stock / quedan pocas unidades: Tú configuras a partir de cuántas unidades se muestra la etiqueta. Por ejemplo, «quedan solo dos unidades». Algunos temas de Shopify ya la traen integrada.
• Novedad: Se puede configurar a través de un período de fechas o directamente a través de un tag dentro del producto. El tema con la fecha de creación es que casi nadie la usa, porque casi nunca cuadra la fecha en que creaste el producto con la fecha en que debe considerarse «nuevo». Así que lo más habitual es usar un tag.
• Descuento / en promoción: Muestra que el producto tiene rebaja. Algunas marcas muy premium con las que he trabajado ni siquiera muestran el porcentaje — simplemente ponen «en rebajas» o «special prices».
• Agotado**: El producto está fuera de stock. Mucha gente directamente archiva los productos agotados, pero eso ya lo traeré en otro post porque hay que verlo bien.
• Arrasando / top ventas / bestseller: Para crear esa sensación de que este producto lo está petando.

Y luego hay etiquetas más personalizadas. He visto en algunos e-commerce, creo que incluso Meme Shoes, que tienen 300 mil millones de productos, etiquetas para colecciones concretas que indican el material, como «glitter collection». O etiquetas tipo «influencer moment» — me lo invento como nombre, pero para indicar que ciertos productos los han usado influencers y están muy de moda.

Cómo se gestionan: el problema con las aplicaciones de Shopify

Voy a hablar de Shopify porque es el caso que más conozco. Por lo general, en WordPress y en PrestaShop me consta que la mayoría de temas necesitan una aplicación externa para gestionar estas etiquetas.

El problema es que las aplicaciones de etiquetas en Shopify no son baratas. Te cobran por el número de etiquetas disponibles, y el primer tramo son dos etiquetas o tres…totalmente insuficiente. A nada que uses las etiquetas que acabo de mencionar, se te va totalmente. Estábamos pagando 49,99 euros mensuales para tener las etiquetas que necesitábamos. Lo cual era una locura, así que buscamos una solución vía IA.

Por qué no tocamos el código del tema directamente

Esto se podría haber trabajado a través de código, modificando directamente el código de Shopify, pero es una práctica que no recomiendo en la mayoría de los casos. En cuanto veo un cliente siempre toca el código para hacer cualquier mejora en su web….estamos ante una red flag. Porque cuando el tema se tiene que actualizar — y las actualizaciones suelen ser dos veces al año — actualizar es una pu** pesadilla. Todo el código personalizado que hayas metido en el tema muere en la actualización, así que tienes que crear un duplicado del tema, coger el código personalizado y volver a hacer el desarrollo.

Aunque dependiendo de lo que vayas a hacer, puede que modificar un poco el código sea lo mejor y lo más rápido, en este caso la forma más recomendada era gestionarlo a través de una aplicación personalizada.

Cómo desarrollé la aplicación de etiquetas con IA

La voy a resumir rápido porque el objetivo de este post no es explicar como desarrollar APP de shopify con IA. Básicamente, lo que hice fue ejecutar el prompt con todas las etiquetas que necesitaba. Le di todas las que he mencionado, y las más personalizadas las trabajé vía tags de producto. Dentro de Shopify es muy común coger productos de una colección o de una característica determinada y ponerles un tag — por ejemplo, «new in» o «bestsellers» — y en base a ese tag dentro de los productos, configuras el label.

Lo que necesitaba era una forma muy sencilla de configurar las etiquetas. No necesitaba formas de calabaza ni nada especial — esto era un desarrollo para una marca premium que necesitaba etiquetas muy minimalistas. Así que con cuadrado o círculo era suficiente, con la opción de redondear bordes en el caso del cuadrado, adaptar el tamaño, posicionarlo en esquina derecha o izquierda, y establecer el color de fondo y el color de texto.

Algo importante: aplicarle una transparencia al color de fondo. Porque si usas ocho o diez tipos de etiquetas diferentes, cuando tienes muchos colores distintos, al final desde luego que se ve como un poco… mercadillo. Jugando con una transparencia determinada en el fondo, con dos etiquetas del mismo color base, se evita esa saturación de colores.

En cuanto al comportamiento inteligente o automático, solo dos etiquetas lo tenían:

• La de bajo en stock: analiza cuántas unidades quedan y determina si está por debajo del umbral que tú configuras.
• La de descuento: analiza cuál es el porcentaje de descuento que tiene el producto y, si tiene descuento, le aplica la etiqueta automáticamente.

La de novedad también tenía la opción por fecha de creación, pero como casi nadie la usa, al final utilizábamos el tag de producto.

Además, como este cliente tenía la web en inglés y en español, todas las etiquetas se debían traducir a cuatro idiomas: español como texto base, portugués, italiano y francés. Así que incluimos la opción de traducción de los textos.

Para el desarrollo creamos una cuenta en Shopify Developers, conectamos con la tienda del cliente, creamos una tienda de tipo test, le dimos acceso vía app con un token, y usamos Gemini, que lo estamos probando mucho. Desarrollamos la aplicación, hicimos las correcciones, la probamos en una tienda de desarrollo con Dawn — que es el tema por defecto de Shopify — y cuando todo funcionó, la instalamos en producción. Sí que hubo que ajustar un par de cositas porque no se veía bien en la ficha de producto, pero nada grave.

Una vez instalada, desinstalamos la aplicación antigua que cobraba 49 pavazos al mes. Y todos contentos. Así que eso fue el desarrollo.

Gracias por llegar hasta aquí, y nos vemos en el próximo post 😉