Hero shopware connector en

Keep the Shopware checkout, decouple the frontend: our connector is open source

We shipped our Shopware connector, open source on GitHub, under the MIT license. It answers the one question that comes up first in every frontend decoupling conversation with a Shopware shop: "and what happens to my checkout?"

The answer is now simple. Your checkout stays where it is. You keep Shopware's native payment methods exactly as they are configured. Laioutr takes over the frontend and the content experience, and the connector hands your shoppers from the Laioutr storefront straight into the Shopware checkout, with the session carried over. No rebuilding payment, no PCI discussion, no break in the buying flow.

Why this matters for Shopware shops

If you are on Shopware 6, your backend question is solved. The frontend question often is not. Twig themes scale poorly across multi-brand and multi-country setups, and building your own Vue storefront is a separate project with its own team and months of lead time. This is where Laioutr fits: as a Frontend Management Platform (FMP) sitting on top of your Store API, with a Studio editor for marketing, WCAG 3.0 ready out of the box and EU hosting.

The catch with nearly every decoupling approach so far was the checkout. Payment methods, tax logic, customer groups, mandatory legal pages: all of that lives deep in the Shopware core, and nobody wants to rebuild it in the frontend layer. There is no need to. The best checkout for your Shopware shop is the one Shopware already has.

The connector makes the clean division of labor possible: Laioutr delivers discovery, content, category and product experience, and at the moment of the purchase decision it hands off to the native Shopware checkout. Your payment providers, your configuration, your compliance setup stay untouched.

What the connector actually does

The connector is a standalone Shopware 6 plugin. It builds a session bridge between the Laioutr storefront and your Shopware instance so that cart and login context survive the handover. To the shopper it feels like one continuous flow; technically the checkout stays entirely in Shopware.

Two things mattered to us here.

First, security by default. The connector works with an allowlist of permitted callback domains, including wildcard support for preview environments. An empty configuration rejects every callback. You decide explicitly which domains are allowed to receive a handover.

Second, a lean plugin. It ships no JavaScript, Twig or SCSS baggage of its own and needs no asset build. It does one thing cleanly: connect your decoupled frontend to the Shopware checkout.

For developers: the plugin installs with `composer require laioutr/shopware-connector` and is available on Packagist. It supports PHP 8.2 through 8.5 and Shopware 6.6 through 6.7. Session coupling runs over two endpoints: `GET /laioutr/connect-session` starts the connection and redirects to a local Shopware route, and `GET /laioutr/cookie-bridge` establishes the Shopware session in the embedded flow. Because embedding Shopware is part of the integration, the plugin removes `X-Frame-Options` globally. Deployments should restrict embedding with an appropriate Content Security Policy using `frame-ancestors` at the application or reverse-proxy layer. Cross-site sessions require HTTPS, `cookie_samesite: none` and `cookie_secure: true`. The code is MIT licensed on GitHub, and releases are versioned and signed.

The real lever: decoupling without switching backends

The connector is more than an integration detail. It makes the frontend-first migration path real for Shopware shops.

If you are on Shopware 6: put Laioutr on your Store API and modernize the frontend without touching the backend. Multi-brand and multi-country on one codebase instead of theme forks, landing pages in hours instead of sprints, Core Web Vitals and accessibility compliance as a platform property.

If you are still on Shopware 5 and facing the 5-to-6 migration: decouple the frontend first. The frontend runs on Laioutr before the migration, you migrate the backend in isolation, and at cutover you only switch the connector. No theme rewrite, no parallel double effort during the migration.

In both cases the checkout stays what it is: native to Shopware, with your payment methods. The frontend becomes replaceable, the backend stays your decision.

Why open source

We are releasing the connector openly and under the MIT license on purpose. To us, decoupling means keeping architecture decisions reversible and integrations transparent. You can read the code, fork it, adapt it to your deployment reality and see for yourself how the session bridge works before you rely on it. Transparency at the interface to the checkout is exactly where it counts.

Next step

The connector is available on GitHub now: github.com/laioutr/shopware-laioutr-connector.

If you want to see what Laioutr looks like on your Shopware setup, with your checkout and your payment methods, Sebastian and I will walk you through it in a 30-minute demo. Backend stays Shopware, frontend becomes replaceable, checkout stays native.

More interesting articles

Practical know-how for frontend development, smart agents, and headless

Shopify
Shopify ist eine Commerce-Plattform zum Verkaufen online und im stationären Handel.
Shopware
Shopware ist eine flexible E-Commerce-Plattform aus Europa für Produktkataloge und Omnichannel-Commerce.
Planned
Scayle
SCAYLE ist eine Commerce-Engine, mit der Marken und Händler ihr Geschäft skalieren.
Planned
Commerce Layer
Commerce Layer ist eine Headless-Commerce-Plattform, um Bestände und Kataloge online verfügbar zu machen.
Planned
Salesforce Commerce Cloud
Salesforce Commerce Cloud ist eine cloudbasierte Enterprise-Commerce-Plattform für Unternehmen jeder Größe.
Commercetools
Commercetools ist eine SaaS-basierte, headless E-Commerce-Plattform mit weltweitem Einsatz.
Sylius
Sylius ist ein entwicklerfreundliches E-Commerce-Framework für B2C- und B2B-Shopping-Erlebnisse.
OXID eShop
OXID eShop ist eine erweiterbare Commerce-Plattform für komplexe B2B- und B2C-Anforderungen.
Emporix
Emporix ist eine composable, API-first Commerce-Plattform für skalierbare B2B- und B2C-Szenarien.
Adobe Commerce
Adobe Commerce ist eine Enterprise-Commerce-Plattform für komplexe, globale B2C- und B2B-Szenarien.
Coming Soon
VTEX
Cloud-native, composable Commerce-Plattform für B2B und B2C im großen Maßstab.
Planned
Spryker
Composable Commerce-Plattform für anspruchsvolle B2B- und B2C-Geschäftsmodelle.
Planned
SAP Commerce Cloud
Enterprise-Commerce-Plattform für komplexe Kataloge, Preismodelle und Omnichannel-Journeys.
Planned
Websale
Stabiles, enterprise-taugliches Commerce-Backend für komplexe Handelsumgebungen.
Planned
Intershop
Enterprise-Commerce-Plattform für komplexe B2B- und B2C-Geschäftsmodelle.
Planned
Magento 2
Weit verbreitete, erweiterbare Commerce-Plattform für B2C- und B2B-Szenarien.
Planned
B2Bsellers
B2B-Suite für Shopware, die den Online-Shop zur professionellen B2B-Commerce-Plattform macht.
Planned
Saleor
Open-Source-, API-first-Commerce-Plattform auf GraphQL-Basis für Custom-Storefronts.
Planned
Prestashop
Open-Source-Commerce-Plattform für kleine und mittlere Händler in Europa und darüber hinaus.
Planned
Vendure
Vendure ist eine Headless-Commerce-Plattform für Unternehmen mit komplexen Anforderungen.
Planned
Patchworks
Patchworks ist eine Low-Code-iPaaS, die E-Commerce, ERP, WMS, 3PL und Marktplätze verbindet.
Planned
HCL Software
Enterprise-Suite für digitalen Commerce und Experience mit hoher Konfigurierbarkeit.
Book a demo mobile
Strategy call

Ready to turn your frontend into a control layer?

Show us your stack, your roadmap, your replatforming scenario, and we'll show you how Laioutr fits, what it costs, and how fast you go live.

"After 30 minutes, we knew Laioutr makes our replatforming feasible." - Daniel B., CEO, hygibox.de