Portafolio / Tienda WooCommerce y búsqueda
Una tienda que vende en paquetes de 25.
KreatUp fabrica empaques de cartón en Medellín: cajas para hamburguesa, perro caliente y salchipapa que se compran por paquete en la tienda, y moldes y diseños propios que se cotizan desde 200 unidades. El sitio tenía buen catálogo y mala forma: 28 sobre 100 de rendimiento móvil, el texto de demostración del tema en el pie de cada página, un H1 que decía «@KreatUp», 32 productos sin descripción y la marca escrita de cinco maneras. El encargo fue convertirlo en una tienda que se entienda sin preguntar, cobre sin fricción, avise al inventario solo cuando el pago entra y aparezca cuando alguien busca —o le pregunta a un asistente— dónde comprar empaques en Colombia.
01El encargo
Un catálogo bueno con la forma equivocada.
El comprador de KreatUp no es uno. Está el dueño de un puesto de perros calientes que necesita 200 cajas para el viernes y decide por medida, material y precio por unidad. Está la emprendedora de anchetas que compra en diciembre y decide por qué cabe y cómo se ve. Y está la marca que quiere su logo impreso y necesita hablar con alguien antes de pagar. La tienda tenía que servir a los tres sin que ninguno se perdiera en el recorrido del otro.
La revisión inicial, hecha sobre el sitio en vivo y sin tocar nada, encontró lo que una tienda acumula cuando crece a mano: productos duplicados que competían entre sí, categorías con guion en el nombre que se colaban en los títulos y en el schema, la página de devoluciones y la de privacidad en inglés de plantilla, un slider que tardaba 18 segundos en pintar la portada en un teléfono y la cédula del comprador pedida en el checkout sin que nadie supiera si llegaba al pedido.
Se trabajó en el orden en que se pierde la venta: primero lo que impide entender la oferta, después lo que impide pagar, después lo que impide que te encuentren. Cada cambio con copia de respaldo antes y verificación después, sobre el sitio en producción.
Lo que tenía que resolver
- 01Vender por paquete y mostrar el precio por unidad
- 02Hacer cumplir mínimos en ficha, carrito y checkout
- 03Cobrar con un solo proveedor y tres medios
- 04Descontar inventario solo cuando el pago entra
- 05Llevar a WhatsApp con contexto, no a un número
- 06Una ficha que responda antes de que pregunten
- 07Schema que Google y los modelos entiendan igual
- 08Medir qué hace la gente, no solo cuánta llega
Nuestro rol
Auditoría SEO, GEO, AEO, de rendimiento y de cumplimiento; estándar de fichas y reescritura del catálogo; lógica de precios, paquetes y mínimos; checkout y pagos; integración con la plataforma de inventario; WhatsApp contextual; calculadora de empaques; páginas de material publicitario; schema, llms.txt y contenido editorial; eventos y lectura de Clarity.
02La regla
Lo que decidió cada ficha.
Un precio escrito a mano ya está desactualizado.
Los empaques genéricos se venden en paquetes de 25 y bajan de precio por volumen. La tabla de escalas vive en un plugin; los textos de las fichas, en otro lado. La primera vez que el cliente cambiara un precio, 32 descripciones quedarían diciendo una cifra vieja, y la ficha mentiría justo en el dato por el que se decide la compra.
Así que el precio no se escribe: se calcula. Dos shortcodes leen la escala en vivo y pintan el precio por unidad junto al botón y la tabla completa —paquetes, unidades, precio por paquete y por unidad— dentro de la descripción. La misma idea ordenó el resto: el tamaño del paquete es un dato del producto, el mínimo se valida en el servidor y no en un texto, y los datos de negocio del schema y del llms.txt salen de un solo lugar.
MedirCalcularMostrar
03Arquitectura
Tres compradores, tres puertas.
La tienda se ordenó por cómo compra cada uno, no por cómo está organizada la fábrica. Cada puerta tiene su mínimo, su forma de pago y su manera de hablar con KreatUp, y la calculadora de empaques las conecta cuando alguien no sabe cuál es la suya.
Al carrito, en paquetes de 25.
Cajas, bandejas, porta perros y bolsas listas para usar, con precio por volumen visible y compra directa. Es la única puerta que cierra la venta en la página: el pago entra por Mercado Pago y el pedido llega al inventario.
Tu marca en un molde que ya existe.
Desde 200 unidades, sin costo de troquel. Se cotiza, así que la página explica qué moldes hay, qué se puede imprimir y lleva a WhatsApp con el mensaje ya armado.
Diseño y medida propios.
Empaques a la medida desde 200 unidades, estuches de lujo y, desde octubre, material publicitario: gran formato desde una unidad y litografía desde 200, cada uno con su página, sus preguntas frecuentes y su schema de servicio.
04Sistema visual
Dos colores de marca y treinta sueltos.
Titulares, texto, pie y franjas oscuras
- HEX
- #1A154C
- RGB
- 26 · 21 · 76
Botón primario y acento del logo
- HEX
- #ED156E
- RGB
- 237 · 21 · 110
El acento cuando tiene que leerse en pequeño
- HEX
- #C80F5B
- RGB
- 200 · 15 · 91
Texto secundario y metadatos
- HEX
- #4A4670
- RGB
- 74 · 70 · 112
Solo con texto blanco grande
- HEX
- #6B5A8E
- RGB
- 107 · 90 · 142
Bandas alternas y fondo de producto
- HEX
- #F6F5FA
- RGB
- 246 · 245 · 250
Divisores y bordes de tabla
- HEX
- #DCD9E6
- RGB
- 220 · 217 · 230
05La tienda
Del catálogo a la ficha, tal como se vende.
El H1 de la portada decía «@KreatUp». Ahora nombra lo que se vende, y debajo cada línea dice su mínimo: personalizados desde 200, genéricos en paquetes de 25.
Filtros por categoría y precio, con las categorías limpias: sin el guion que se colaba en los títulos, las migas y el schema.
Cada producto se llama como lo escribe el comprador, con referencia, medida y presentación: «Caja para hamburguesa y salchipapa K027-1 – 18 × 14 × 5,5 cm (x25)».
Frase de qué es, viñetas con medidas, material, diseño, uso, presentación y precio por unidad. El precio por unidad no está escrito: lo calcula un shortcode desde la escala de volumen.
La pestaña de descripción abre con una ficha técnica en tabla —referencia, medidas, material, diseño, uso, presentación y pedido mínimo— y sigue con «¿Qué cabe y para qué sirve?».
La tabla de volumen se genera de la regla de precios: paquetes, unidades, precio por paquete y por unidad. Si el cliente cambia un precio, la tabla cambia sola.
La puerta del medio: tu marca sobre un molde que ya existe, desde 200 unidades y sin troquel nuevo.
«Pack your brand»: la página de empaques a la medida, con su H1 recuperado y sus preguntas frecuentes marcadas.
06El estándar de fichas
Una palabra clave por producto.
Los 32 productos de septiembre se reescribieron con un mismo estándar, partiendo del volumen de búsqueda en Colombia de cada tipo de empaque. La regla fue que ningún producto compita con otro por la misma consulta: la caja de regalo, con 5.400 búsquedas al mes, no puede pelearse con la caja con ventana.
Tipo, rasgo, referencia, medida y paquete.
«Caja para hamburguesa K01 – 10,5 × 11,5 × 8 cm (x25)». Es el H1, el nombre del schema y el texto que ve el comprador en el resultado. El slug no se tocó, para no perder lo que ya estaba indexado.
Siete partes, en el orden en que se pregunta.
Respuesta directa, ficha técnica, qué cabe, precio por cantidad automático, cómo personalizar, cuatro preguntas frecuentes —precio por unidad, grasa, logo y envíos— y uno o dos enlaces a productos relacionados.
Palabra clave, referencia, medida, x25.
Sesenta caracteres como máximo, con la marca al final y una sola forma de escribirla: KreatUp. Antes convivían «Kreat Up», «Kreat-Up», «KREAT-UP» y «KreatUp» en el mismo sitio, y un modelo no sabe si son la misma empresa.
07Del carrito al inventario
Qué pasa entre el clic y el pedido pagado.
La compra recorre seis sistemas, y en cada salto hay una regla del negocio que antes dependía de que alguien la recordara. Ahora la aplica el código.
Ficha
Escala de precios y paqueteCarrito
Mínimos por productoCheckout de bloques
Cédula o NIT y facturaMercado Pago
Billetera, tarjeta y PSEWebhooks
Pedido y productoOperations Hub
Fuente de verdad del stock
- 01
Elegir en paquetes
El selector de cantidad cuenta paquetes, no unidades, y el precio baja por escala. En las bolsas para domicilios el paquete es de 500 y algunas opciones exigen dos: el mínimo se valida en la ficha, en el carrito y en el checkout de bloques.
- 02
Identificar al comprador
El checkout pide cédula o NIT como campo obligatorio y pregunta si se requiere factura electrónica. Se comprobó en los pedidos que el dato llega a la orden, que era la duda con la que empezó el proyecto.
- 03
Calcular el envío
Tarifa plana por zona: $25.000 en Antioquia y $40.000 en el resto del país, más la opción de recoger en el punto físico. Los mismos valores viajan en el schema de cada producto.
- 04
Cobrar
Mercado Pago con tres medios: la billetera de Mercado Pago, tarjeta de crédito y débito en el sitio, y PSE con la selección del banco dentro del checkout. Una sola pasarela activa: los dos plugins de Wompi que convivían quedaron apagados.
- 05
Descontar solo lo pagado
WooCommerce descuenta stock también en pedidos «en espera». La regla acordada es otra: no hay reservas y el primero que paga se lleva el último paquete. Un módulo propio impide el descuento hasta que el pago se confirma.
- 06
Avisar al inventario
Los webhooks de pedidos y productos llevan cada cambio a la plataforma de operación, que es la fuente de verdad del stock. En wp-admin el campo de inventario queda de solo lectura, con un aviso, para que nadie lo corrija a mano por costumbre.
Paquetes de 25 · mínimos en servidor · descuento al pagar · stock gobernado fuera de WordPress
08Pagos y calculadora
Pagar sin salir, pedir sin adivinar.
Envío por zona, billetera de Mercado Pago, tarjeta en el sitio y PSE en el checkout de bloques. La captura está recortada para dejar fuera los datos del comprador.
Cuatro preguntas —tipo de empaque, consumo, semanas de cobertura y reserva— y una respuesta: cuántas unidades pedir, cuántos paquetes, cuándo volver a pedir, y un botón de WhatsApp que lleva todo eso escrito.
Los genéricos redondean a paquetes de 25; moldes y personalizados suben por escalones desde 200, con un 5 % de tolerancia antes de pasar al siguiente. El plazo de producción no se promete: se coordina al pedir.
09Integraciones y automatizaciones
Lo que pasa sin que nadie lo pida.
Seis módulos propios corren en la tienda, cada uno en su archivo, con su descripción de qué hace y cómo revertirlo. Ninguno toca el tema ni los plugins, así que sobreviven a sus actualizaciones.
Un número, un mensaje por botón.
Había tres enlaces cortos que llevaban a un número viejo. Ahora hay uno solo, y cada botón abre la conversación con su mensaje: «Hola KreatUp, …» con huecos para que el cliente complete lo que necesita quien atiende. El botón flotante incluye el título de la página desde la que se escribe.
Webhooks, reglas de stock y recuperación.
Pedidos y productos se sincronizan con la plataforma de operación; el stock se descuenta al pagar y no se edita en wp-admin. Los carritos abandonados se registran para recuperarlos, y Clarity marca cada carrito, checkout y compra.
Traducción que sobrevive a las actualizaciones.
Salient no trae traducción al español, y «Learn more», «Quick View» o «Skip to main content» salían en inglés. Un filtro traduce solo esas cadenas exactas, sin tocar el administrador. El texto de demostración del pie —«Wow! Que increible!»— salió del sitio.
10SEO técnico
Antes y después, en 108 URLs.
Rastreo completo del sitemap el 18 de septiembre de 2026, antes y después de aplicar las correcciones. La auditoría de Rank Math partía de 86 sobre 100.
- 85 → 0
- URLs sin migas de pan
- 112 → 0
- URLs con idioma distinto de es-CO
- 133 → ~40
- Imágenes sin texto alternativo
- 7 → 0
- Categorías noindex dentro del sitemap
11Schema, AEO y GEO
Lo que lee Google, lo que lee un modelo.
Rank Math genera el grafo, pero lo generaba con errores que un asistente repite: la portada era un artículo escrito por «admin», los productos se llamaban con el sufijo del sitio y los que no tenían precio declaraban un Product inválido. Un módulo propio corrige el grafo antes de imprimirlo.
Marca, vendedor, envío y devoluciones.
Nombre limpio, marca KreatUp, vendedor enlazado a la organización, `shippingDetails` con las dos tarifas por zona y `hasMerchantReturnPolicy` con los 15 días de la política. Los productos sin precio ya no declaran Product. La organización es una tienda física con dirección en Medellín.
Preguntas marcadas, respuesta arriba.
Cada artículo nuevo abre con un recuadro «En resumen», usa preguntas reales como encabezados y declara FAQPage; tres guías declaran además HowTo. La calculadora y las páginas de material publicitario también llevan FAQPage. Google ya no pinta esos desplegables, pero Bing, Copilot y los asistentes sí los usan para extraer la respuesta.
Rastreadores abiertos y un llms.txt curado.
GPTBot, ClaudeBot, PerplexityBot y Google-Extended reciben 200. El llms.txt se genera desde los datos de la tienda en el formato de llmstxt.org —resumen, datos clave, servicios, catálogo con precio, guías, casos y políticas— y omite lo que es noindex. Clarity ya registra visitas que llegan desde ChatGPT y Gemini.
12Contenido
Páginas que responden antes de que pregunten.
Ocho artículos programados de septiembre a noviembre, cada uno para una búsqueda de temporada —anchetas, desayunos sorpresa, Black Friday, regalos corporativos—, con resumen arriba, FAQPage y enlaces que se restauran a medida que se publica el siguiente.
Una página madre con dos hijas y la URL vieja redirigida con 301. Cada tarjeta dice su mínimo antes de que alguien pregunte: desde una unidad o desde 200.
«Desde 1 unidad» en el titular. El hero rota cuatro fotos solo con CSS, y quien prefiere movimiento reducido ve solo la primera.
Siete productos y «también imprimimos», con fotos reales del cliente en WebP de 800 px.
Más de la mitad del tráfico es móvil. Es la vista que más pesa en las decisiones de la siguiente fase.
Migas de pan de Rank Math en español con la categoría padre: Inicio, Comidas, Picadas y el producto.
13Search Console
Las búsquedas que ya llegan a la primera posición.
Search Console a través de Rank Math, últimos tres meses al 27 de octubre de 2026, frente a la auditoría del 12 de septiembre. La ventana todavía incluye semanas anteriores a los cambios, así que estas posiciones son una tendencia y no un cierre.
De la posición 3 a la 1.
«Cajas para perros calientes» tenía buena posición y un fragmento que nadie pulsaba: 0,6 % de CTR. Con título y descripción reescritos con medida, paquete y precio, hoy está primera y el CTR subió a 1,5 %. «Cajitas para perros calientes» y «caja para perro caliente» también están primeras.
De la posición 4 a la 1.
«Empaques para alimentos personalizados» pasó de la cuarta a la primera posición y de 0,2 % a 2 % de CTR. «Empaques para alimentos medellín» está tercera y «cajas para salchipapas», primera.
La búsqueda local todavía no llega.
«Empaques medellín» tiene 787 impresiones y sigue en la segunda página. Los clics siguen dominados por búsquedas de marca. La landing local y la ficha de negocio con horario y reseñas son la siguiente palanca, y el caso no las da por ganadas.
14Clarity · 30 días
La conversión real es una conversación.
Panel de Microsoft Clarity, últimos 30 días al 27 de octubre de 2026: 978 sesiones de 690 usuarios, con 324 sesiones de bots excluidas y el tráfico del equipo fuera de la medición. Los eventos son los que se instalaron para este proyecto.
- 89
- Sesiones con clic a WhatsApp
- 36
- Sesiones que abrieron el carrito
- 16
- Sesiones que agregaron al carrito
- 0,6 %
- Sesiones con clics de frustración
15Heatmaps
La portada, vista desde el teléfono.
317 vistas de la portada en móvil. El 27 % se va antes del 10 % de la página, el 53 % llega al 25 % y el 27 % al final. El pliegue medio cae justo antes del titular de las líneas: el slider ocupa la primera pantalla entera.
329 toques: el menú se lleva el 13 %, «Disponibles en tienda» el 7 % y el botón de WhatsApp el 6 %. Las flechas del carrusel suman otro 6 %: gente intentando ver lo que el slider no muestra.
16Lo que se leyó
Tres lecturas, tres decisiones.
Clarity se encontró cargando dos veces y grabando al equipo junto con los clientes. Se dejó una sola carga, se excluyó el tráfico interno y se instalaron etiquetas por tipo de página y once eventos, sin datos personales. Con eso se puede leer qué pasa, no solo cuánto.
89 conversaciones contra 16 carritos.
Para personalizados y moldes la compra empieza en una conversación, y la tienda ya lo refleja: WhatsApp en cada puerta, con el mensaje armado y el origen registrado en Clarity. Se mide como conversión, no como clic de salida.
Hero estático en lugar de Slider Revolution.
El mapa de scroll confirma lo que dijo Lighthouse: 28/100 en móvil y 18,4 s de LCP, la mayor parte por el slider. Un hero estático con H1 real e imagen WebP es el cambio de mayor impacto pendiente.
22 % de sesiones con retroceso rápido.
Una de cada cinco sesiones entra a una página y vuelve enseguida. Las grabaciones marcadas con carrito o WhatsApp sin compra se revisan cada semana para encontrar dónde se frena, empezando por la tienda paginada.
17El estado
Lo que está hecho y lo que sigue.
La tienda está en producción en empaqueskreatup.com con 35 productos —12 variables—, 26 categorías y 29 artículos. Cobra con Mercado Pago, descuenta inventario solo cuando el pago entra, avisa a la plataforma de operación por webhooks y mide once eventos en Clarity.
En búsqueda, las consultas comerciales donde la tienda ya tenía posición subieron a la primera, y las de marca siguen trayendo la mayoría de los clics. La búsqueda local es la siguiente batalla. En rendimiento móvil el diagnóstico está hecho y la solución definida, pero no aplicada: depende de aprobar el diseño del nuevo hero.
Todo cambio se hizo con respaldo previo y verificación después, en módulos que se pueden apagar uno por uno. Eso fue lo que permitió trabajar en producción, sobre una tienda que vende todos los días.
Siguiente fase
- 01Hero estático en lugar del slider
- 02Landing «Empaques personalizados en Medellín»
- 03Ficha de negocio con horario y reseñas
- 04Servir el llms.txt donde el hosting hoy lo intercepta
- 05Completar la cobertura de envío por departamento
- 06Publicar términos y políticas en revisión legal
Qué no afirma este caso
No hay ventas, pedidos ni tasa de conversión: son datos del cliente. Las posiciones son de una ventana de tres meses que todavía incluye semanas previas a los cambios, y el rendimiento móvil se presenta como diagnóstico, no como mejora.
→La otra mitad
Kreatup Operations Hub
beleafdesign
¿Tu tienda vende, o solo muestra productos?
Si tu catálogo tiene reglas —paquetes, mínimos, cotizaciones, inventario que vive en otro lado—, podemos hacer que la tienda las aplique sola, cobre sin fricción y aparezca cuando te buscan.
Cuéntanos tu proyecto