# Headless commerce: los tres niveles, las opciones reales y cuál probablemente quieres de verdad

> La mayoría de las empresas que piden "headless commerce" quieren comercio embebido con un widget. Unas pocas necesitan commercetools o Saleor. Este es el marco de decisión sincero.

Ryan Badger - 3 de octubre de 2025 - 6 min de lectura

## Qué significa de verdad "headless commerce"

Headless commerce significa desacoplar el frontend (lo que ve tu cliente) del backend de comercio (carrito, checkout, inventario, pedidos). En lugar de elegir una plataforma que incluye ambos (como las tiendas con temas de Shopify), construyes o compras el frontend por separado y lo conectas a una API de comercio.

La palabra "headless" se usa con mucha soltura. Hay tres niveles distintos:

- **Headless completo:** construyes el frontend desde cero (React, Next.js, Astro, Nuxt) y llamas a una API de comercio para cada dato. Listados de productos, estado del carrito, checkout. Toda la experiencia es tuya.
- **Headless con widget embebido:** tu frontend ya existe (un sitio de marketing, una web en Webflow, un blog). Insertas un widget de comercio que se renderiza dentro. No es "headless completo", pero sigue estando desacoplado: tu sitio no es una plantilla de una plataforma de comercio.
- **Tradicional (no headless):** eliges Shopify, BigCommerce o WooCommerce, usas su sistema de temas y tu sitio ES la plataforma de comercio.

Casi todo el bombo del "headless" va del nivel 1. La mayoría de las tiendas no lo necesitan en realidad.

## Cuándo compensa el headless completo

El headless completo se amortiza en cuatro situaciones concretas. Fuera de ellas, es tiempo de ingeniería que no recuperarás.

1. **Necesitas una experiencia a medida que los temas de las plataformas no alcanzan.** Configuradores interactivos, visores 3D de producto, maquetaciones narrativas con mucho contenido. Ibas a rehacer el frontend de todos modos; el headless solo significa que además controlas el flujo de datos de comercio.
2. **Distribución multicanal desde un único catálogo.** Sitio web + app móvil + quiosco en tienda + interfaz de voz o chat. Una API de comercio compartida que alimente todos ellos es muy difícil de conseguir de forma tradicional.
3. **Escala donde las plataformas tradicionales se atascan.** Shopify Plus resuelve casi todo esto hoy, pero si tienes un volumen tipo Nike/IKEA, una API de comercio detrás de tu propio frontend te da controles de rendimiento que no obtienes con una tienda con tema.
4. **Un equipo de ingeniería con capacidad real de frontend.** Si tienes ingenieros de frontend dedicados, el headless acaba siendo de verdad más barato con el tiempo porque dejas de pagar el impuesto del desarrollador de temas.

Si no encajas en ninguna de las cuatro, el headless completo es casi siempre un peor trato que elegir una plataforma alojada.

## Las opciones de headless completo

Para los equipos que sí necesitan headless completo, la lista corta realista en 2026:

- **commercetools**: de nivel empresarial, ingeniería alemana, cara. La implementación de referencia del comercio componible.
- **Saleor**: de código abierto, autoalojado o gestionado, con una API GraphQL potente. Amigable para desarrolladores.
- **Medusa**: de código abierto, nativo de JavaScript, con un ecosistema en crecimiento. Más parecido a "Shopify como API".
- **BigCommerce Headless**: usa BigCommerce como backend y trae tu propio frontend. La opción más limpia para "migrar sin reconstruir el backend".
- **Shopify Storefront API**: usa el comercio de Shopify detrás de un frontend a medida. El alojamiento y la complejidad de desarrollo corren de tu cuenta; inventario, pedidos y pagos se quedan en Shopify.
- **Shoprocket con el SDK `@shoprocket/core`**: productos, carrito y sesiones totalmente programáticos ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)). Te saltas el widget, renderizas tu propia interfaz y hablas directamente con nuestra API. Consulta más abajo la sección "Dónde encaja Shoprocket" para las salvedades.

Clasificación aproximada por ergonomía para el desarrollador: Medusa > Saleor > Shopify Storefront API > BigCommerce > commercetools. Clasificación aproximada por fiabilidad empresarial: commercetools > Shopify > BigCommerce > Saleor > Medusa. Elige según lo que quieras optimizar.

## La opción del widget embebido (la categoría que la mayoría quiere de verdad)

La mayoría de las empresas que dicen querer "headless" quieren en realidad esto: un sitio de marketing o de contenido que ya tienen, más un comercio que se enchufa sin obligarlos a reconstruir.

Shoprocket, Snipcart y Ecwid están aquí. Conservas tu sitio (Webflow, WordPress, HTML estático, Astro, Framer), pegas una etiqueta script y el comercio se renderiza dentro. Está desacoplado, pero no reimplementado.

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

La API también está disponible si quieres ir más lejos (tarjetas de producto a medida con tu propio marcado, consultando nuestra API para los datos). El control programático total está en el SDK de JS ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) para eventos, manipulación del carrito e interfaces a medida.

**Cuándo este nivel supera al headless completo:**

- Ya tienes un sitio que te gusta (no quieres reconstruir el frontend)
- No tienes ingenieros de frontend dedicados
- Tus requisitos de experiencia encajan con lo que renderiza el widget
- Quieres lanzar el comercio en semanas, no en trimestres

**Cuándo dar el salto al headless completo:**

- El widget no llega a la experiencia que necesitas
- Necesitas mostrar productos en contextos que el widget no cubre (app móvil nativa, quioscos, TV)
- Tienes el equipo de ingeniería para mantenerlo

## Cómo saber qué nivel necesitas

Hazte dos preguntas:

1. **¿Cabrían mis requisitos de experiencia dentro de una sección rectangular de mi sitio web actual?** Si es que sí, el widget embebido basta. Si no, estás en territorio de headless completo.
2. **¿Tengo un ingeniero de frontend dedicado durante los próximos 18 meses?** Si no, descarta el headless completo pienses lo que pienses que necesitas.

La segunda pregunta es la decisiva. El headless completo sin un ingeniero de frontend es una montaña de deuda técnica a punto de ocurrir. Los proveedores de la plataforma de comercio te ayudarán, pero no pueden sustituir a alguien que sea responsable de tu frontend a medida.

## Y el "comercio componible"

La misma idea, rebautizada para el ciclo de compra empresarial. "Componible" = eliges lo mejor de cada categoría para cada función (CMS, búsqueda, PIM, carrito, checkout, impuestos) y las conectas mediante APIs. Funciona cuando tienes el equipo para conectarlas. Se convierte en una carga de mantenimiento cuando no lo tienes.

Para tiendas con menos de unos 10 millones de $ al año en ingresos, lo componible es casi siempre un error. La superficie de integración es enorme y cada cambio de proveedor rompe algo.

## Dónde encaja Shoprocket

Cubrimos los niveles 1 y 2, y somos sinceros sobre cuál deberías elegir.

**Nivel 2 (widget embebido), la opción por defecto para el 95 % de nuestros clientes.** Pegas una etiqueta script y el widget se renderiza dentro de tu sitio actual. Catálogo, carrito, checkout, búsqueda, variantes, pagos, todo resuelto. Suscripción plana desde 29 $/mes, 0 % de comisión por transacción. Es el camino rápido y el adecuado para la mayoría de las tiendas.

**Nivel 1 (headless completo), técnicamente compatible, pocas veces recomendado.** El SDK `@shoprocket/core` ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) expone productos, estado del carrito y sesiones de forma programática. Puedes renderizar cada píxel tú mismo y hablar directamente con nuestra API. La misma suscripción plana lo cubre.

**Por qué no empujamos el nivel 1 aunque funcione:** cubrir todos los casos límite en un frontend a medida (estados de carga, carritos vacíos, interfaz de selección de variantes, flujos de checkout, gestión de errores, accesibilidad, ventanas móviles, i18n en 21 idiomas) es muchísima ingeniería. El widget lo trae todo resuelto, probado en miles de tiendas. Estás reimplementando un problema resuelto salvo que tengas un motivo de experiencia concreto para no hacerlo.

Si tienes ese motivo concreto y capacidad de ingeniería dedicada, el SDK core está ahí. Si no: pega el widget y sigue adelante.

> **Consejo:** si un proveedor se llama a sí mismo "headless" sin saber responder a "¿qué framework de frontend recomendáis?", probablemente es de widget embebido. Está bien; solo ten claro lo que compras.

## Resumen rápido

- **Headless completo:** commercetools, Saleor, Medusa, Shopify Storefront API, BigCommerce Headless. Solo compensa con necesidades de experiencia concretas, multicanal, escala o un equipo de desarrollo dedicado.
- **Widget embebido:** Shoprocket, Snipcart, Ecwid. La respuesta correcta para la mayoría de las tiendas que "quieren headless". Shoprocket también admite headless completo mediante el SDK core para el raro caso en que lo necesites.
- **Tradicional:** Shopify + tema, BigCommerce + tema. Sigue siendo el camino más rápido si aún no tienes sitio.

La mayoría de las empresas que piden headless quieren en realidad el nivel del widget embebido. [Empieza una prueba gratuita de Shoprocket](https://app-v3.shoprocket.io/signup) si te suena. 14 días, sin tarjeta. [Precios](https://v3.shoprocket.io/es/precios.md) desde 29 $.

---

- HTML version: https://v3.shoprocket.io/es/blog/headless-commerce-tres-niveles-opciones-reales
- Language: Español (es)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Deutsch](https://v3.shoprocket.io/de/blog/headless-commerce-drei-stufen-optionen-entscheidung.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [English](https://v3.shoprocket.io/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Français](https://v3.shoprocket.io/fr/blog/commerce-headless-trois-niveaux-quelle-option-choisir.md), [עברית](https://v3.shoprocket.io/he/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/headless-commerce-tiga-tingkatan-pilihan-nyata-dan-mana-yang-anda-butuhkan.md), [Italiano](https://v3.shoprocket.io/it/blog/headless-commerce-tre-livelli-opzioni-reali-quale-scegliere.md), [日本語](https://v3.shoprocket.io/ja/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/headless-prekyba-trys-lygiai-ir-kuris-jums-tinka.md), [Norsk](https://v3.shoprocket.io/nb/blogg/headless-commerce-tre-nivaer-reelle-alternativer-og-hva-du-trenger.md), [Nederlands](https://v3.shoprocket.io/nl/blog/headless-commerce-drie-niveaus-welke-past-bij-jou.md), [Polski](https://v3.shoprocket.io/pl/blog/headless-commerce-trzy-poziomy-realne-opcje-co-wybrac.md), [Português](https://v3.shoprocket.io/pt/blog/headless-commerce-tres-niveis-opcoes-reais-e-qual-voce-provavelmente-quer.md), [Română](https://v3.shoprocket.io/ro/blog/headless-commerce-cele-trei-niveluri-si-care-ti-trebuie.md), [Русский](https://v3.shoprocket.io/ru/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [ไทย](https://v3.shoprocket.io/th/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Türkçe](https://v3.shoprocket.io/tr/blog/headless-ticaret-uc-kademe-gercek-secenekler-ve-hangisini-istiyorsunuz.md), [中文](https://v3.shoprocket.io/zh/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md)