E-commerce headless

TuEstilo Moda: replataformar una tienda de 326 productos fuera de WooCommerce

TuEstilo Moda es una tienda colombiana familiar que vende moda, joyería y accesorios, y que se le había quedado corta su instalación de WordPress + WooCommerce. La reconstruimos como un stack headless self-hosted — una vitrina en Next.js sobre un backend Medusa v2, configurado como región Colombia con precios nativos en COP — y migramos el catálogo completo: 326 productos y 1.666 imágenes, uno a uno, sin imágenes rotas. La nueva tienda está en staging final; la pasarela de pagos Wompi se está conectando antes del cambio en vivo, y las comisiones de plataforma en el nuevo stack son $0/mes.

OptimoWeb LLC Actualizado 8 de julio de 2026

De un vistazo

Los números reales.

MétricaNúmero
Productos migrados 1:1 (categorías, descripciones, imágenes, precios)326
Imágenes de producto re-alojadas fuera del viejo origen Woo1.666 (307 MB, cero rotas)
Colecciones curadas de regalo (3 ejes)12 — ocasión ×6, material ×3, destinatario ×3
Artículos de guía de compra en español en el hub editorial13
Bytes de imagen en el home tras la optimización−88%
URLs en el sitemap (más feed RSS)365
Comisión mensual de plataforma en el nuevo stack$0

Todos los números son de primera mano — medidos en nuestra propia build, no estimados.

El punto de partida

La tienda corría sobre WordPress + WooCommerce — un stack que funciona, pero que carga un peso recurrente: un set de plugins que necesita parcheo constante, un tema negociando con esos plugins, y cargas de página pagando por todo ello. El catálogo en sí era la parte sana: 326 productos publicados con fotos reales, descripciones, precios en pesos colombianos y una estructura de categorías establecida. La pregunta era si la próxima inversión debía ser otro refresh de WooCommerce o un salto a un stack que la familia posea por completo — la misma bifurcación que recorremos en nuestra guía de Next.js + Medusa vs Shopify.

La economía empujaba hacia poseer. Una plataforma de comercio alojada cobra una suscripción mensual más comisiones por transacción que escalan con las ventas — la misma cuenta que exponemos en el modelo de propiedad a 5 años y en nuestra comparación OptimoWeb vs Shopify. Un stack self-hosted cuesta más construirlo una vez, y luego corre a costo de infraestructura: comisiones de plataforma de $0/mes, sin porcentaje por venta.

El enfoque

Tratamos la migración como un movimiento de datos único y verificable, no como una sincronización gradual. Los 326 productos publicados cruzaron con sus categorías, descripciones, imágenes y precios intactos — cotejados uno a uno contra la tienda de origen, no revisados por muestreo. El paso que la mayoría de replataformas se salta son las imágenes: las fotos de producto al inicio siguen apuntando al viejo origen de WooCommerce, lo cual funciona hasta el día en que ese servidor se desmantela y todas las fotos se rompen a la vez. Bajamos las 1.666 imágenes de producto del viejo origen — unos 307 MB — las re-alojamos en el nuevo stack y reescribimos cada registro de producto a las nuevas URLs. Cero imágenes rotas; el viejo servidor se puede apagar sin que la tienda lo note. (Es la misma disciplina que aplicamos a las migraciones que no pueden perder SEO.)

La región y la moneda se configuraron de forma nativa en vez de convertirlas: el backend de Medusa corre una región Colombia con precios almacenados en COP, así que los clientes ven precios reales en pesos — sin capa de conversión de moneda, sin deriva por redondeo.

Estado realista: la tienda está en staging final. Los pagos corren por Wompi, una pasarela de pago colombiana, y esa integración se está conectando antes del cambio en vivo. Publicamos el caso de todos modos porque los números de migración y de build ya son reales — y porque decir «en staging» con claridad sale más barato que retractar un «lanzada».

El stack

  • Vitrina en Next.js — la tienda de cara al cliente, en español primero para su clientela colombiana.
  • Backend Medusa v2 — motor de comercio open-source en Node: productos, categorías, regiones, carritos, órdenes.
  • Región Colombia, precios nativos en COP — sin conversión de moneda en ninguna parte del stack.
  • Imágenes self-hosted — las 1.666 fotos de producto servidas desde el nuevo stack con headers de caché de larga duración.
  • Wompi (pasarela de pago colombiana) — integración en curso antes del cambio en vivo.
  • Infraestructura self-hosted — la misma plataforma de hosting administrado sobre la que corren nuestras demás builds.

Lo que entregamos

Un catálogo migrado no es una tienda — lo son la localización y la confianza. Más allá de la migración 1:1, el nuevo stack se entregó con merchandising y contenido incorporados, siguiendo el mismo playbook que vendemos como servicios de e-commerce headless y SEO para la era de la IA:

  • Buscador de producto en sitio usando la consulta nativa de Medusa — los resultados salen del catálogo en vivo, no de un índice pegado por fuera.
  • Tres ejes curados de compra de regalo que jalan productos reales del catálogo: por ocasión (6 colecciones), por material (3) y por destinatario (3) — doce colecciones de aterrizaje por donde un comprador o un buscador pueden entrar.
  • Un hub editorial de 13 guías de compra en español — tallas, materiales, cuidado — que alimenta enlaces internos hacia el catálogo.
  • Páginas de confianza y política: envíos, y devoluciones escritas al derecho de retracto del consumidor en Colombia, no texto genérico.
  • Un grafo de entidades completo: nodo raíz OnlineStore/Organization, marcado Product/Offer por producto, FAQPage y Speakable — la estructura que hace citable una tienda, como cubrimos en nuestra guía de SEO en la era de la IA.
  • Optimización de imágenes que redujo los bytes de imagen del home en 88%, más un sitemap de 365 URLs y un feed RSS.

El trade-off, dicho con claridad: headless no es gratis. Medusa necesita operación real — una base de datos, migraciones, un proceso de Node bajo administración — donde una plataforma alojada necesita una tarjeta de crédito. Para una tienda que la familia piensa operar por años, la matemática de propiedad gana, pero solo porque alguien competente opera el stack. Ese patrón — y cuándo le diríamos a un dueño de tienda que se quede donde está — se dimensiona por proyecto en nuestra página de precios, y el contexto vertical vive en nuestra página de industria de e-commerce y retail. Si tu sitio actual es un constructor y no WooCommerce, la misma bifurcación está mapeada en OptimoWeb vs Wix.

Resultados

Lo que esto entregó — con transparencia.

  • 326 productos publicados migrados 1:1 — categorías, descripciones, imágenes y precios en COP verificados contra la tienda de origen
  • 1.666 imágenes de producto (307 MB) re-alojadas fuera del viejo origen WooCommerce — cero imágenes rotas, servidor legado seguro de desmantelar
  • Precios nativos en COP vía una región Colombia de Medusa — sin capa de conversión de moneda
  • Buscador en sitio, 12 colecciones de regalo curadas en 3 ejes y un hub de 13 guías de compra en español, todo jalando datos reales del catálogo
  • Grafo de entidades completo: raíz OnlineStore/Organization, Product/Offer, FAQPage, Speakable; sitemap de 365 URLs + RSS
  • Bytes de imagen del home reducidos 88%
  • Comisiones de plataforma: $0/mes en el nuevo stack, frente a una suscripción SaaS más comisiones por transacción
  • En staging final — integración de pago Wompi (pasarela colombiana) conectándose antes del cambio en vivo

Solo métricas técnicas. No publicamos ingresos, conteos de clientes ni testimonios que no podamos verificar.

Preguntas

Preguntas frecuentes

¿TuEstilo Moda es un proyecto de cliente?

Es familiar — se opera dentro del hogar de OptimoWeb — que es justo por lo que funciona como caso de estudio: podemos publicar cada número real sin esperar permiso de un cliente, y cada patrón que hoy ofrecemos a clientes de comercio se depuró aquí primero, sobre un catálogo en vivo.

¿Por qué importa tanto re-alojar las imágenes de producto?

Porque las tiendas replataformadas suelen seguir cargando imágenes desde el servidor del sitio viejo. Todo se ve bien hasta que se cancela ese hosting viejo — y entonces todas las fotos de producto se rompen a la vez. Mover las 1.666 imágenes (307 MB) al nuevo stack antes del cambio en vivo permite apagar el viejo origen con seguridad.

¿La tienda está en vivo?

Está en staging final. El catálogo, la vitrina, el buscador, las colecciones de regalo, el hub editorial y las páginas de política están construidos y verificados; la integración de pago Wompi (la pasarela local de Colombia) se está conectando antes del cambio en vivo público. Preferimos decirlo con claridad que reclamar un lanzamiento.

¿Qué implica una migración de WooCommerce a Medusa?

Exportación e importación estructuradas de productos, categorías, descripciones y precios; descarga y re-alojamiento de cada imagen con reescritura de URLs; construcción de la vitrina; configuración de región, moneda, envíos y pagos; y una pasada de verificación cotejando la tienda nueva contra la vieja, ítem por ítem.

¿El mismo enfoque manejaría un catálogo más grande?

Sí — la migración es scriptada, así que la diferencia entre 326 y 3.000 productos es tiempo de ejecución, no método. El esfuerzo de verificación escala con la complejidad del catálogo (variantes, bundles), lo cual dimensionamos por adelantado.

¿Pensando en dejar tu plataforma de comercio?

Corremos tus números reales — suscripción, comisiones por transacción y costo de build — y te decimos con transparencia si poseer tu tienda gana, o si te conviene quedarte donde estás.