Desbloquee una creatividad ilimitada y un rendimiento de commerce con Laioutr
Póngase en contacto con uno de nuestros partners para su frontend de e-commerce basado en Laioutr.
5/5
OMR Reviews
70+
Componentes de e-commerce
Lighthouse 100
Rendimiento desde el primer día
Made in EU
Conforme al RGPD, servidores en Alemania
100% Match
¿Qué significa headless para Intershop?
El enfoque headless para Intershop separa el frontend, todo lo que ven sus clientes, del backend de Intershop Commerce Management (ICM) con catálogos, precios, estructuras B2B, pedidos y checkout. El frontend se conecta a través de la ICM REST API (application type headless) y puede diseñarse con total libertad, sin los límites de la storefront responsive clásica y con pleno control del rendimiento.
1. El backend sigue siendo Intershop
Intershop Commerce Management sigue gestionando catálogos, precios, organizaciones B2B, pedidos, impuestos y checkout. Utiliza el Back Office y las herramientas de negocio habituales sin cambios, con todos sus flujos de trabajo y extensiones consolidados.
2. El frontend se elige
Tiene cuatro opciones: seguir desarrollando la Intershop PWA (Angular), mantener la clásica responsive starter store, un desarrollo a medida (Next.js o Nuxt) o una Frontend Management Platform como Laioutr. Cada opción tiene sus pros y sus contras.
3. Los datos fluyen en tiempo real a través de la ICM REST API
Sin duplicación de datos ni conflictos de sincronización. Laioutr se comunica directamente con la ICM REST API (application type headless), incluido el soporte B2B, de customer groups y multicanal.
Ventajas
¿Qué opciones de frontend tiene para Intershop?
Con la Intershop PWA, Intershop ofrece una storefront headless de código abierto oficial, basada en Angular, que se comunica a través de la ICM REST API. Así, la cuestión del frontend se convierte en una decisión estratégica en cada proyecto de Intershop: seguir desarrollando la PWA, mantener la tienda clásica, construirla usted mismo o utilizar una Frontend Management Platform. En el mercado se han consolidado cuatro opciones.
1. Intershop PWA (Angular)
La storefront Progressive Web App oficial de Intershop, basada en Angular, de código abierto y diseñada tanto para B2C como para B2B. Sólida y respaldada por el fabricante, pero el conocimiento de Angular, el mantenimiento de los componentes y los ciclos de actualización continuos recaen en su equipo. Tiene sentido si cuenta con un equipo de Angular y quiere operarla usted mismo.
2. Responsive starter store clásica (legacy)
La storefront responsive del lado del servidor incluida de serie, basada en ISML y Java. Sólida para configuraciones que han crecido con el tiempo, pero el techo de rendimiento y las limitaciones del frontend se notan cada vez más, e Intershop posiciona la PWA como el camino de futuro. Tiene sentido como solución transitoria, no como escenario objetivo.
3. Custom Build (Next.js o Nuxt)
Máximo control, máximo esfuerzo. Una fase de desarrollo de seis a doce meses y un mantenimiento permanente a cargo de un equipo interno de Java y React o Vue que orquesta por sí mismo la ICM REST API. Tiene sentido si la ingeniería de frontend es su competencia estratégica central.
4. Laioutr DXP
Una Frontend Management Platform con builder visual, más de 70 componentes, hosting en la UE y soporte multi-backend. El time-to-launch más rápido, la curva de aprendizaje más suave y opcionalidad de backend para el futuro. Tiene sentido si quiere salir a producción rápido, sin invertir en un desarrollo a medida.
CASOS DE USO
Lo que construye con Laioutr para Intershop
Laioutr está diseñado para configuraciones de Intershop que deben cambiar rápido y escalar a nivel global. Desde una storefront multicanal para carteras de marcas hasta un frontend de configurador B2B con estructuras organizativas complejas.
Storefronts multicanal sobre un único backend de Intershop
Varios canales (marcas, mercados, canales de venta) sobre una única instancia de ICM con frontends independientes, dominios propios e identidad de marca propia. Un único pool de componentes, varias experiencias de marca.
Portales B2B con organizaciones y roles de Intershop
Intershop ofrece potentes funciones B2B: organizaciones, centros de coste, flujos de aprobación y listas de pedido. Laioutr llama directamente a la ICM REST API y muestra precios, surtidos y procesos de autorización específicos de cada grupo de clientes.
PDP impulsadas por configurador
Bienes industriales, flujos de personalización, especificaciones B2B. La lógica compleja de gestión de estado se resuelve en el nivel de componentes de Laioutr, mientras que las llamadas a la REST API permanecen claramente separadas.
Storefronts internacionales con canales propios por mercado
Una única instancia de Intershop, muchos canales. Idiomas, monedas, diseños y catálogos se controlan por canal, en coherencia con el concepto de canal de Intershop.
Replatforming de la tienda clásica al headless sin tocar el backend
Un stack de Intershop existente cuyo frontend hay que renovar, sin tocar la configuración del backend. Migración por fases, con un plan de rollback claro.
Storefronts greenfield en nuevos proyectos de Intershop
Nuevo proyecto de Intershop, empezar de cero. Con los temas de Laioutr y la biblioteca de UI se sale a producción en semanas, en lugar de invertir meses en un desarrollo a medida.
Laioutr frente a un desarrollo a medida para Intershop
La comparación honesta
Con la Intershop PWA, Intershop incorpora una storefront headless oficial basada en Angular que, sin embargo, exige conocimientos de Angular y una operación propia continua. Por eso, ante requisitos específicos la decisión de frontend suele ser: desarrollo a medida en Next.js o Nuxt, o una Frontend Management Platform como Laioutr. El desarrollo a medida da el máximo control, pero cuesta una fase de construcción de seis a doce meses y un mantenimiento permanente. Laioutr incluye en el plan Studio, más de 70 componentes y el hosting, con plena extensibilidad por código para casos especiales. Ambas opciones funcionan con Intershop B2B y B2C.
Comparar las diferencias | Laioutr DXP | Custom Build (Next.js / Nuxt) |
|---|---|---|
Builder und Komponenten Was Sie aus der Box bekommen und was Sie selbst aufbauen müssen. | ||
Visueller Page Builder Drag-and-Drop-Editor für Marketing- und Content-Teams. | Inklusive (Studio) Live-Preview, komponentenbasiert | Nicht enthalten Eigenbau oder externes CMS |
E-Commerce-Komponenten Vorgefertigte UI-Bausteine für Storefronts, Produkt- und Landingpages. | 70+ Komponenten Design-Token-basiert, anpassbar | Selbst aufbauen Komplette UI-Bibliothek selbst entwickeln |
Themes und Vorlagen Startpunkt für neue Storefronts ohne Greenfield-Aufwand. | Vorgefertigte Themes Sofort einsatzbereit, voll erweiterbar | Greenfield Designsystem komplett selbst aufbauen |
Hosting Wo das Frontend ausgeliefert wird und wer es betreibt. | Inklusive (EU-CDN) Laioutr Cloud, kein separater Deploy | Selbst hosten Vercel, AWS, eigene Infrastruktur |
Architektur und Compliance Wie flexibel die Plattform ist und was Sie regulatorisch mitbekommen. | ||
Backend-Flexibilität Welche E-Commerce-Backends sich anbinden lassen. | Multi-Backend Intershop, commercetools, Shopware, Shopify | Backend-spezifisch Code an ICM REST API gebunden, Wechsel teuer |
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 |
Datenschutz und Serverstandort Wo Daten verarbeitet werden und welche EU-Verträge gelten. | EU und Deutschland EU-Standardvertrag, deutschsprachiger Support | Hosting-abhängig Je nachdem, wo Sie deployen |
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 React/Vue plus Java plus ICM REST API |
Time-to-Launch Realistische Zeitspanne bis zum Live-Gang einer neuen Storefront. | Wochen Mit Themes und UI-Bibliothek | Monate Sechs- bis zwölfmonatige Build-Phase |
Ideales Team-Setup Wer mit der Plattform arbeiten kann und wer arbeiten muss. | Cross-funktional Marketing, Design und Dev gemeinsam | Engineering-only Drei plus React- oder Vue-Engineers |
Preismodell Wie sich Kosten zusammensetzen, Software plus Betrieb plus Entwicklung. | SaaS (planbar) Transparente Pläne, Hosting inklusive Preise ansehen | Engineering-Kosten Build plus dauerhafte Wartung |
Todos los datos se basan en información de acceso público, en la experiencia de conversaciones comerciales con marcas de e-commerce de la región DACH y en nuestras propias pruebas de plataforma. Datos de junio de 2026. Las funciones de Intershop pueden haber evolucionado desde entonces.
Intershop
Cuándo un desarrollo a medida es la opción correcta
Cuenta con un equipo dedicado de React o Vue con experiencia en Java e Intershop, al menos tres ingenieros. Construye exactamente una storefront de Intershop con requisitos extremadamente especializados. La ingeniería de frontend es su competencia estratégica central. Caso de uso clásico: una marca enterprise con equipo de ingeniería propio y exigencia de control al píxel.
LAIOUTR
Cuándo Laioutr es la opción correcta
Quiere semanas en lugar de meses hasta el go-live, quiere que marketing cree páginas de forma autónoma, opera varios canales o marcas de Intershop, quiere mantener abierta la opcionalidad de backend y la BFSG así como la WCAG 3.0 deben quedar resueltas sin una auditoría aparte. Caso de uso clásico: una tienda Intershop mid-market o enterprise que quiere escalar sin una inversión de ingeniería de dos cifras.
No tiene que hacerlo solo. Nuestros partners composable certificados han realizado proyectos de frontend de Intershop con Laioutr, desde configuraciones greenfield hasta migraciones de replatforming.
FAQ