Luz de Luna: una tienda de cosmética artesanal pensada para vender, no solo para verse bien

El reto

Luz de Luna elabora cosmética artesanal en Guadalajara: shampoos y acondicionadores sólidos, mascarillas capilares y jabones faciales y corporales, con ingredientes naturales y sin parabenos ni sulfatos. El producto ya tenía clientas fieles por venta directa. Lo que faltaba era un canal propio para vender en todo México y, sobre todo, una tienda lista para recibir tráfico pagado sin desperdiciar la inversión.

El encargo tenía dos partes que suelen tratarse por separado:

1. Una tienda que transmitiera la marca: cálida, natural y cuidada, a la altura de un producto hecho a mano.
2. Una tienda que convirtiera: que una persona que llega desde un anuncio en Instagram entienda el producto, confíe y termine la compra sin fricciones.

WooCommerce como base, no como límite

WooCommerce resuelve muy bien lo esencial: catálogo, carrito, pagos y pedidos. Pero de fábrica es una tienda genérica, y muchas de las cosas que hacen que una persona termine su compra no vienen incluidas: listas de favoritos, rutinas con descuento, información de envío antes del carrito o una promoción con cuenta regresiva en la ficha.

Por eso el proyecto se planteó desde la optimización de la conversión: identificar cada punto del recorrido donde una tienda estándar pierde ventas y desarrollar la solución a la medida, con Bricks Builder, JetEngine y código propio. Estas son las piezas principales.

Un catálogo que se recorre por necesidad

WooCommerce organiza los productos en categorías y etiquetas, pero la cosmética no se compra por tipo de producto sino por necesidad: «tengo el cabello seco», «busco algo para piel grasa». El catálogo tiene 32 productos en dos grandes líneas, Cabello y Cara y cuerpo, y sobre esa base creamos con JetEngine dos taxonomías propias:

• Necesidad (cabello seco, opaco, frágil, con puntas abiertas…), que funciona como filtro en la tienda y como etiqueta en cada ficha.
• Ingredientes (cacao, coco, bergamota, romero, rosas…), que alimentan el carrusel ilustrado de la portada y explican de dónde viene cada beneficio.

En la portada, cada línea tiene su salida «Ver todos» y las tarjetas permiten agregar al carrito sin entrar a la ficha: un clic menos entre el interés y la compra.

Envíos que se calculan en automático

El costo de envío es la primera causa de abandono en una tienda en línea, sobre todo cuando aparece hasta el final. Los servicios de paquetería devuelven todas sus tarifas disponibles y WooCommerce las muestra tal cual: una lista larga, con nombres técnicos, justo en el momento de pagar.

Diseñamos el envío para que nunca sea una sorpresa:

Tres opciones, calculadas para cada cliente

Con Envia, el checkout calcula las tarifas según el código postal del cliente y muestra solo tres opciones: la más barata, la más rápida y una alternativa de otra paquetería. Una decisión simple en lugar de una lista para comparar.

El costo, visible desde la ficha

Bajo el botón de compra, cada producto informa «Envío desde $82 en la ZMG · gratis en todo México en compras +$599 · llega en 2-5 días». El cliente conoce las condiciones antes de llegar al carrito.

Envío gratis al alcance

El umbral de envío gratis se fijó en $599, una cifra que se alcanza con un carrito normal, y se comunica en la barra superior, en cada ficha y en el carrito. WooCommerce permite definir el envío gratis, pero no muestra cuánto falta para conseguirlo; agregamos una barra de progreso en el carrito y el minicarrito («te faltan $X para el envío gratis») que convierte el umbral en una invitación a sumar una pieza más.

Pagos como paga México

En México la mayoría paga con tarjeta, Mercado Pago u OXXO. Configuramos las pasarelas en ese orden (tarjeta → Mercado Pago → OXXO → PayPal) para que la opción preseleccionada sea la que usa la mayoría.

La confianza también se diseña: WooCommerce no muestra métodos de pago ni garantías cerca del botón de compra, así que agregamos los logotipos de las cuatro pasarelas y el mensaje «Compra protegida con cifrado SSL · Garantía de 30 días» en la ficha, en el checkout y en el pie de página. Para una marca artesanal que la persona conoce por un anuncio, ver sus formas de pago habituales es parte de decidir que la tienda es confiable.

Una ficha de producto pensada para cerrar la venta

En una tienda que recibe tráfico de anuncios, la ficha es la página de aterrizaje. La plantilla estándar de WooCommerce muestra precio, descripción y botón; diseñamos la zona de compra para resolver todas las dudas en un solo vistazo.

Promoción con cuenta regresiva

WooCommerce permite programar precios de oferta, pero no comunica cuándo terminan. Cuando hay una promoción activa, la ficha muestra el precio con descuento, cuánto se ahorra y una cuenta regresiva sincronizada con la regla de descuento, la misma que aparece en la portada.

Todo lo que da confianza, junto al botón

Debajo del botón se agrupan la información de envío, la garantía de 30 días y los métodos de pago, además del acceso a favoritos.

«Completa tu ritual capilar»

En la línea de cabello, la ficha ofrece además el ritual completo del producto: sus complementos, listos para agregarse juntos al carrito. Es una venta cruzada que WooCommerce no trae de fábrica y la puerta de entrada a «Arma tu ritual».

«Arma tu ritual»: vender una rutina, no un producto suelto

La idea más fuerte del proyecto salió de observar cómo compraban las clientas de toda la vida: no se llevaban un shampoo, se llevaban la rutina completa. Convertimos ese comportamiento en una experiencia de compra:

• Un test de 30 segundos (tres preguntas sobre el tipo de cabello y lo que se busca) que recomienda la combinación de shampoo, acondicionador y mascarilla.
• Un incentivo claro: 10 % de descuento y envío gratis al llevar los tres productos.
• Presencia en todo el recorrido: bloque destacado en la portada, oferta dentro de las fichas de cabello y enlace desde el carrito y los favoritos.

Además de facilitar la decisión a quien no conoce la marca, el ritual sube el ticket promedio de forma natural y ayuda a alcanzar el envío gratis.

Favoritos que funcionan sin crear cuenta

Muchas visitas llegan desde el celular a curiosear y vuelven después a comprar. WooCommerce no incluye lista de favoritos, y los plugins habituales suelen pedir una cuenta para guardarlos. Construimos la nuestra con los Data Stores de JetEngine: funciona aunque no se haya iniciado sesión y se sincroniza con la cuenta cuando la clienta se registra.

Incluye agregar todos los favoritos al carrito en un clic, un aviso con opción de deshacer y la sección «Lo último que viste». Si la lista está vacía, en lugar de una página muerta se muestran dos caminos: explorar la tienda o armar el ritual.

Pensada para el celular

Buena parte del tráfico de una marca así llega desde Instagram y Facebook, en el teléfono. Cada pantalla se diseñó primero para móvil: tarjetas grandes, test cómodo de responder con el pulgar y una barra fija con el botón «Agregar al carrito» que acompaña al usuario mientras recorre la ficha.

Medición confiable desde el primer clic

Una campaña solo se puede optimizar si cada venta se registra una sola vez y en el lugar correcto. Dejamos la medición lista antes del lanzamiento:

• GA4 mediante Site Kit, con los eventos de comercio (add_to_cart, purchase) en pesos mexicanos.
• Meta Pixel con API de Conversiones, con eventos deduplicados para que el navegador y el servidor no cuenten dos veces la misma compra.
• Conversiones de Google Ads desde una sola ruta: dos plugins pueden emitir la misma conversión, y si ambos lo hacen, cada venta se cuenta doble.
• Atribución de pedidos de WooCommerce, que guarda el origen de cada compra (UTM, referencia, fbclid, gclid).
• Aviso de cookies acorde a la ley mexicana de protección de datos.

Antes de lanzar la campaña verificamos todo el recorrido tal como lo ve un visitante nuevo, sin sesión iniciada: portada, ficha, tienda, carrito y favoritos.

Resultado

Luz de Luna llegó a su primera campaña con una tienda optimizada de punta a punta: envíos claros y calculados para cada cliente, pagos en el orden que prefiere el cliente mexicano, fichas que resuelven las dudas antes de que aparezcan y una medición confiable para decidir con datos.

Una tienda estándar funciona, pero cada fricción que no se resuelve se paga en anuncios. Por eso extender WooCommerce donde hace falta no es un extra, es parte de la inversión. Y el trabajo continúa: la siguiente etapa suma a la tienda las reseñas que la marca ya tiene de su venta directa y automatiza la solicitud de opiniones después de cada compra.

productos en el catálogo

32

opciones de envío calculadas para cada código postal

3

para envío gratis en todo México

$599

para armar un ritual completo con el test

30 s