OXID × Laioutr

Headless para OXID, sin ingeniería de desarrollo a medida

La Frontend Management Platform para OXID eShop. Page builder visual, más de 70 componentes de e-commerce con bloques B2B, hosting UE. En vivo más rápido que un desarrollo a medida con Next.js, compatible con multi-edición, compatible con account selection, permission sets y surtidos específicos por cliente.

5,0 estrellas en OMR Reviews. Servidores en la UE. BFSG-ready. Usado con partners de OXID en DACH.

App Oxid

No dudes en contactar con uno de nuestros partners para tu frontend de e-commerce basado en Laioutr.

Fatchip
Foun10
5/5

OMR Reviews

70+

Componentes de e-commerce

Lighthouse 100

Rendimiento desde el día 1

Made in EU

Conforme al RGPD, servidores en Alemania

100% Match

¿Qué significa headless para OXID?

Headless para OXID separa el frontend, todo lo que ven tus clientes, del backend de OXID con sus productos, account selection, permission sets y procesos de pedido. En lugar de Flow Theme o Wave, el frontend se conecta a través del módulo OXID GraphQL StoreFront y se puede diseñar libremente, sin límites de theme Smarty y con control total sobre el rendimiento.

Para profundizar: nuestros artículos sobre cuándo vale la pena el cambio a headless en OXID, la actualización de OXID 6 a 7 y qué significa el fin de vida de OXID 6 para tu frontend.

1. El backend sigue siendo OXID

OXID sigue gestionando productos, account selection, permission sets, surtidos específicos por cliente, workflows de IVA, pedidos y checkout. Usas el admin de OXID sin cambios, con todos los módulos B2B de la Enterprise Edition.

2. Se elige el frontend

Tienes cuatro opciones establecidas: Flow Theme (Smarty por defecto), Wave Theme (variante más moderna, tampoco headless), desarrollo a medida (Next.js o Nuxt con OXID GraphQL StoreFront), o una Frontend Management Platform como Laioutr.

3. Los datos fluyen vía GraphQL en tiempo real

Sin duplicación de datos, sin conflictos de sincronización. Laioutr habla directamente con la API de OXID GraphQL StoreFront, incluidos todos los endpoints B2B para account selection, permission sets y surtidos específicos por cliente.

Ventajas

¿Qué opciones de frontend tienes para OXID?

OXID no tiene un framework headless oficial como FastStore o PWA Studio. En su lugar, eliges entre themes clásicos y un desarrollo a medida con GraphQL StoreFront. Cuatro opciones están establecidas en el mercado. Aquí está dónde compensa cada una para compradores de OXID.

1. Flow Theme (storefront por defecto)

Basado en Smarty, incluido con OXID por defecto, sin headless. Útil para configuraciones existentes que no quieren migrar, o para proyectos greenfield con necesidades mínimas de personalización. Los límites de rendimiento y modernización son reales.

2. Wave Theme

Una variante de theme más moderna, también basada en Smarty. Útil si quieres sustituir Flow pero aún no quieres ir a headless. Mejor UI que Flow, pero los mismos límites de arquitectura.

3. Desarrollo a medida con OXID GraphQL StoreFront (Next.js, Nuxt, Vue Storefront)

Máximo control, máximo esfuerzo. Una fase de construcción de seis a nueve meses más mantenimiento continuo con dos a tres ingenieros. Útil para equipos enterprise con ingeniería de frontend dedicada y requisitos B2B altamente específicos.

4. Laioutr FMP

Una Frontend Management Platform con builder visual, más de 70 componentes incluyendo bloques B2B, hosting UE y soporte multi-backend. Útil si quieres salir en vivo rápido, necesitas funciones B2B estándar de fábrica, y necesitas velocidad de marketing sin un sprint de ingeniería por página.

CASOS DE USO

Qué construyes con Laioutr para OXID

Laioutr está construido para configuraciones de OXID que quieren dejar atrás los límites de sus themes Smarty, sin empezar un desarrollo a medida de seis a nueve meses con su propio equipo Next.js. Desde el portal B2B específico por cuenta hasta la storefront multi-marca.

Portales B2B con account selection, permission sets y surtidos específicos por cliente

OXID B2B entrega los workflows completos. Laioutr llama directamente a la API de GraphQL StoreFront y representa frontends específicos por cuenta con lógica de permisos, listas de precios específicas por cliente y surtidos individuales.

Modernización de Flow Theme o Wave Theme

Un stack de theme Smarty existente debe sustituirse, sin tocar el backend de OXID. Migración por fases, sin que el rendimiento existente se resienta.

Storefronts multi-marca sobre una instancia de OXID

Varias marcas en una sola instancia de OXID EE, con frontends propios, dominios propios, backend compartido y configuración B2B compartida.

Configuraciones de internacionalización con workflows B2B localizados

Multi-país de OXID con listas de precios localizadas, workflows de IVA y variantes de idioma. El frontend se configura en Studio, sin montar un desarrollo a medida por mercado.

Sustitución de un desarrollo a medida con OXID GraphQL StoreFront

Tienes un desarrollo a medida con Next.js y OXID GraphQL StoreFront en funcionamiento, y el equipo de ingeniería se ha reducido. Migración a una FMP, sin tocar el backend de OXID.

Storefronts greenfield en nuevos proyectos de OXID

Nuevo proyecto de OXID, inicio desde cero. Con themes de Laioutr y la biblioteca de UI, sales en vivo en semanas en lugar de invertir seis meses en un desarrollo a medida con OXID GraphQL StoreFront.

Laioutr vs. desarrollo a medida (Next.js con OXID GraphQL StoreFront)

La comparación honesta composable

El desarrollo a medida es el camino más común hacia el headless de OXID: el módulo oficial GraphQL StoreFront más tu propio frontend en Next.js, Nuxt o Vue Storefront. Laioutr es una Frontend Management Platform completa con builder visual, biblioteca de componentes y soporte multi-backend. Ambos funcionan con OXID. Si quieres máximo control de código y un equipo de frontend dedicado, el desarrollo a medida es la opción más flexible. Si quieres velocidad de marketing, componentes B2B y un TCO predecible, serás más productivo con Laioutr.

Comparativa de planes de precios
Comparar las diferencias
Laioutr FMP
Custom Build (Next.js + OXID GraphQL StoreFront)
Builder und Komponenten
Was Sie aus der Box bekommen, mit Fokus auf B2B und DACH-Mittelstand.
Visueller Page Builder
Drag-and-Drop-Editor für Marketing- und Content-Teams.
Inklusive (Studio)
Live-Preview, komponentenbasiert
Nicht enthalten
Reine Code-Entwicklung in Next.js
B2B-Komponenten
Vorgefertigte UI-Bausteine für Account-Selection, Permission-Sets, kundenspezifische Sortimente.
70+ Komponenten
B2B-Bausteine inkl. Permission-UI
Selbst bauen
B2B-UI als Custom-Build pro Workflow
Themes und Vorlagen
Startpunkt für neue Storefronts ohne Greenfield-Aufwand.
Vorgefertigte Themes
Sofort einsatzbereit, voll erweiterbar
Greenfield
Storefront komplett selbst designen
Hosting
Wo das Frontend ausgeliefert wird und wer es betreibt.
Inklusive (EU-CDN)
Laioutr Cloud, kein separater Deploy
Selbst hosten
Vercel, AWS, Hetzner, eigene Infrastruktur
Architektur und OXID-Integration
Wie das Frontend das OXID-Backend nutzt und wie viel Eigenleistung nötig ist.
Backend-Flexibilität
Welche E-Commerce-Backends sich anbinden lassen.
Multi-Backend
OXID, Shopware, commercetools, weitere
OXID-spezifisch
Code ist auf OXID-Schema zugeschnitten
OXID-API-Anbindung
Wie das Frontend mit dem OXID-Backend kommuniziert.
GraphQL StoreFront
Standard-Anbindung über offizielles Modul
GraphQL StoreFront
Standard-Anbindung über offizielles Modul
Performance und Core Web Vitals
Wie viel Aufwand für Lighthouse-100-Niveau nötig ist.
Out of the box
Lighthouse 100 als Default-Ziel
Manuelles Tuning
Performance-Engineering durch Team
BFSG und WCAG 3.0
Konformität mit Barrierefreiheitsstärkungsgesetz und WCAG 3.0.
Im Standard
WCAG 3.0, BFSG, EN 301 549
Eigenverantwortung
Audit separat erforderlich
Team und Wirtschaftlichkeit
Wer mit der Plattform produktiv ist und was es Sie über die Zeit kostet.
Lernkurve
Wie schnell ein neues Teammitglied produktiv wird.
Niedrig
Marketing onboardet in Tagen
Hoch
Next.js, GraphQL, OXID-Schema
Time-to-Launch
Realistische Zeitspanne bis zum Live-Gang einer neuen Storefront.
Wochen
Mit Themes und Komponenten
Monate
6 bis 9 Monate Build-Phase
Ideales Team-Setup
Wer mit der Plattform arbeiten kann und wer arbeiten muss.
Cross-funktional
Marketing, Design und Dev gemeinsam
Engineering-only
Next.js-Team mit OXID-Erfahrung
Total Cost of Ownership
Software plus Engineering plus Wartung über 3 bis 5 Jahre.
SaaS (planbar)
Hosting und Komponenten inklusive
Preise ansehen
Engineering-lastig
Hohe Build- und Wartungs-Kosten

Todos los datos se basan en información disponible públicamente, conversaciones de venta con marcas de e-commerce de la región DACH y nuestras propias pruebas de la plataforma. A fecha de abril de 2026. Las funciones de OXID pueden haber evolucionado desde entonces.

OXID

Cuándo un desarrollo a medida es la elección correcta

Tienes un equipo Next.js o Nuxt dedicado con experiencia en la API de OXID (al menos tres ingenieros), aceptas fases de construcción de seis a nueve meses, la diferenciación máxima a nivel de píxel es estratégicamente importante, workflows B2B altamente específicos no se pueden representar con componentes estándar, y el mantenimiento de ingeniería a lo largo de años está presupuestado. Caso de uso clásico: un fabricante de bienes industriales con un configurador complejo y un equipo de frontend dedicado.

LAIOUTR

Cuándo Laioutr es la elección correcta

Quieres semanas en lugar de meses para salir en vivo, marketing debe construir páginas de forma autónoma, las funciones B2B estándar deben estar disponibles de fábrica, no tienes un equipo de ingeniería de frontend dedicado, el coste total de propiedad a 5 años es relevante, y la conformidad con el BFSG debe resolverse sin auditoría separada. Caso de uso clásico: una marca B2B del mid-market DACH sobre OXID que quiere modernizarse sin construir un equipo de ingeniería de frontend.

Shop Demo   OXID
BLUEPRINTS

Empieza con un Blueprint en lugar de desde cero

Descubre nuestros Blueprints: frontends precompuestos para tu sector, personalizables al instante y, en caso de duda, también compatibles con tu configuración de OXID. Elige un punto de partida y sal en vivo más rápido.

VISTA PREVIA DE UI

Qué puedes crear con Laioutr para OXID

Páginas de lanzamiento de producto, páginas de inicio, páginas de detalle de producto, páginas de listado de producto, páginas de ventas, blogs, páginas de contenido y más.

UI Demo

No tienes que hacer esto solo. Nuestros partners de implementación de OXID han entregado proyectos de frontend de OXID con Laioutr, desde migraciones de Flow Theme hasta sustituciones de desarrollos a medida.

Fatchip
Foun10
FAQ

Preguntas frecuentes sobre headless para OXID

Sí. Laioutr usa el módulo OXID GraphQL StoreFront, compatible con las tres ediciones. Las funciones B2B como account selection y permission sets son, sin embargo, parte de la Enterprise Edition.

Un desarrollo a medida con Next.js o Nuxt es code-first y necesita un equipo de frontend dedicado más una construcción de seis a nueve meses. Laioutr es una plataforma de frontend lista para usar con builder visual, más de 70 componentes y hosting integrado. En vivo más rápido, curva de aprendizaje más baja, y marketing puede trabajar de forma autónoma.

Sí. Las funciones B2B de OXID EE (account selection, permission sets, surtidos específicos por cliente, listas de precios, workflows de IVA) se sirven a través del módulo GraphQL StoreFront y se representan en componentes B2B de Laioutr.

Los módulos de OXID que entregan funciones de backend siguen siendo utilizables. Los módulos con componentes de frontend (templates Smarty) no se trasladan 1:1 a Laioutr; deben reconstruirse como componentes en Studio o integrarse mediante componentes personalizados.

Sí. La integración con ERP se realiza a través de conectores de backend de OXID, sin afectar al frontend. La integración con herramientas de terceros a través del App Store de Laioutr para workflows de marketing (email, CRM, analítica) es estándar.

Sí. Las etiquetas de analítica (Google Analytics, etracker, Matomo) se integran vía JavaScript, exactamente igual que con cualquier otra solución de frontend. Las configuraciones conformes al RGPD mediante herramientas de gestión de cookies (Usercentrics, OneTrust) funcionan como de costumbre.

Para una configuración mediana con branding claro y sin lógica personalizada exótica: 6 a 12 semanas desde el kickoff hasta el go-live. Con workflows B2B complejos o configuraciones multi-edición, cuenta con más (10 a 18 semanas).

Un desarrollo a medida con OXID GraphQL StoreFront es técnicamente gratuito (el módulo es parte de OXID), pero la inversión en ingeniería es sustancial (una fase de construcción de seis a nueve meses más mantenimiento continuo con dos a tres ingenieros). Laioutr es SaaS con planes transparentes; hosting y componentes están incluidos. El coste total de propiedad suele estar entre un 30 y un 50 por ciento por debajo de un desarrollo a medida.

Sí. Esa es precisamente una de las ventajas clave frente a un desarrollo a medida. Laioutr es agnóstico de backend: cambiar de OXID a Shopware, Adobe Commerce u otro backend significa reconfigurar una conexión de API, no reconstruir el frontend.

Sí. La ubicación de servidores en la UE/Alemania, el contrato estándar de la UE, el soporte en alemán, WCAG 3.0 y el BFSG (obligatorio desde 2025) están cubiertos por defecto. Exactamente lo que necesitan los compradores del mid-market de OXID en DACH.

Sí, somos partner oficial de OXID.

Sí. OXID eShop expone los datos necesarios a través de su GraphQL Storefront API, y Laioutr entrega el frontend desacoplado sobre ella. El backend sigue siendo OXID, el frontend se vuelve headless, rápido y sin desarrollo a medida.

El salto de versión aumenta la presión para modernizar el frontend. Con un frontend desacoplado de Laioutr separas esa decisión del backend, modernizas la storefront de forma independiente y estás preparado para OXID 7 sin una reconstrucción completa del theme.

Sí. Laioutr habla con la API de OXID GraphQL Storefront a través de la capa Orchestr y normaliza productos, categorías, precios y carrito en un modelo de datos de frontend unificado, de modo que los componentes de la storefront permanecen agnósticos de backend.

Sí. La lógica B2B, precios escalonados, precios específicos por cliente, solicitudes de presupuesto, permanece en el backend de OXID, y Laioutr representa los componentes B2B correspondientes en el frontend, incluidos los flujos de cuenta, aprobación y pedido rápido.

Insights sobre OXID

SEO / GEO / AEO Ready
Rendimiento y Core Web Vitals
WCAG 3.0 Ready
Seguimiento & Analytics
Consistencia de marca