---
title: "Academy App"
canonical_url: "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden"
locale: de
meta:
  "og:title": "Academy App"
---

[Zur Startseite](https://academy.laioutr.com/)

- [Apps](https://academy.laioutr.com/bereiche/apps)

- [Commerce-Systeme](https://academy.laioutr.com/leitfaeden/commerce-systeme)

- [Shopware mit Checkout-Plugin anbinden](https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden)

# Shopware mit Checkout-Plugin anbinden

Die Shopware-App verbindet Shopware 6 über Storefront API und Admin API mit Laioutr. Den Checkout übernimmt die Shopware-Storefront über das Plugin LaioutrConnector mit demselben Warenkorb.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Jeder Laioutr-Plan, dazu eine Shopware-6-Instanz</dd>

<dt>Rolle</dt>
<dd>Developer-Rolle in der Umgebung</dd>

<dt>Dauer</dt>
<dd>12 Min.</dd></dl>

### Voraussetzungen

- Admin-Zugang zu Shopware 6
- Storefront-Verkaufskanal mit Domain
- Möglichkeit, ein Plugin auf dem Shopware-Server zu installieren

Zuletzt geprüft am 15. Oktober 2026

Bindet Shopware 6 als Commerce-Backend an: Produkte, Varianten, Kategorien, Menüs, Suche, Warenkorb, Login, Newsletter und Bewertungen über die Storefront API, Medien in der Studio-Mediathek über die Admin API. Der Checkout läuft über das Plugin LaioutrConnector auf der Shopware-Storefront.

[Entwicklerdokumentation](https://docs.laioutr.com/apps/app-docs/shopware)

## So funktioniert es

1. Plugin LaioutrConnector installieren und Callback-Domains einrichtenWo: Shopware-Server · Rolle: Shopware-Entwickler · Dauer: 20 min
2. Storefront-Verkaufskanal mit Domain, Navigation, Produkten und SEO-URLs prüfenWo: Shopware Admin · Rolle: Shop-Admin · Dauer: 15 min
3. Integration für die Admin API anlegenWo: Shopware Admin · Rolle: Shop-Admin · Dauer: 5 min
4. App im Katalog installierenWo: Laioutr Cockpit, Apps · Rolle: Developer · Dauer: 2 min
5. Werte unter Configuration eintragen, testen und speichernWo: Laioutr Cockpit, Configuration · Rolle: Developer · Dauer: 5 min
6. Umgebung deployen und Daten in Studio prüfenWo: Laioutr Cockpit und Studio · Rolle: Developer, Content Manager · Dauer: 10 min

## Konfiguration

| Feld | Zweck | Woher | Pflicht | Pro Environment |
| --- | --- | --- | --- | --- |
| `endpoint` | Basis-URL der Shopware Storefront API. | Adresse der Shopware-Instanz, zum Beispiel https://shop.example.com/store-api. | Ja | Ja |
| `accessToken` | Zugangsschlüssel des Verkaufskanals für die Storefront API. | Shopware Admin, Verkaufskanal, Storefront-API-Zugang. | Ja | Ja |
| `adminEndpoint` | Basis-URL der Admin API für die Mediathek. | Adresse der Shopware-Instanz, zum Beispiel https://shop.example.com/api. | Ja | Ja |
| `adminClientId` | Client ID der Integration für die Admin API. | Shopware Admin, Settings > System > Integrations. | Ja | Ja |
| `adminClientSecret` | Client Secret derselben Integration, nur serverseitig genutzt. | Shopware Admin, Settings > System > Integrations. | Ja | Ja |
| `storefrontUrl` | Adresse der Shopware-Storefront mit LaioutrConnector, nötig für die Übergabe an den Checkout. | Domain des Storefront-Verkaufskanals. | Ja | Ja |
| `checkoutLoginCallbackUrl` | Rücksprungadresse nach einem Login im Checkout, etwa für SSO-Projekte. | Login-Route des Projekts, Standard ist die aufrufende Adresse. | Nein | Ja |
| `checkoutLogoutCallbackUrl` | Rücksprungadresse nach einem Logout im Checkout. | Logout-Route des Identity Providers, Standard ist die aufrufende Adresse. | Nein | Ja |

## Häufige Fehler

<dl>

<dt>Der Weg in den Checkout fehlt oder funktioniert nicht.</dt>
<dd>**Ursache:** storefrontUrl ist leer oder das Plugin LaioutrConnector ist nicht installiert.</dd>
<dd>**Lösung:** Plugin installieren und storefrontUrl auf die Storefront mit Plugin setzen.</dd>

<dt>Im Checkout erscheint ein anderer oder leerer Warenkorb.</dt>
<dd>**Ursache:** Die App ist mit einem Headless-Kanal verbunden, oder Domain und Cookies passen nicht zum Verkaufskanal.</dd>
<dd>**Lösung:** Einen Storefront-Kanal verwenden und Domains sowie Cookies laut Plugin-README abstimmen.</dd>

<dt>Kategorie- oder Produktseiten bleiben leer.</dt>
<dd>**Ursache:** SEO-URLs sind deaktiviert oder Produkte sind dem Verkaufskanal nicht zugeordnet.</dd>
<dd>**Lösung:** SEO-URLs aktivieren und Produkte oder Kategorien dem Kanal zuordnen.</dd>

<dt>Die Mediathek in Studio zeigt keine Shopware-Medien.</dt>
<dd>**Ursache:** Der Integration fehlt der Lesezugriff auf Medien.</dd>
<dd>**Lösung:** Berechtigung der Integration ergänzen und Werte neu testen.</dd></dl>

Mit der Shopware-App wird Shopware 6 zum Commerce-Backend der Laioutr-Storefront. Über die **Storefront API** kommen Produkte, Varianten, Kategorien, Menüs, Suche mit Filtern und Sortierung, Vorschlagssuche, Warenkorb, Kundenlogin, Newsletter-Anmeldung und Produktbewertungen. Die **Admin API** öffnet die Shopware-Medien in der Mediathek von Studio.

Den Checkout übernimmt Shopware selbst. Das Plugin **LaioutrConnector** auf dem Shopware-Server übergibt den Warenkorb, den Kundinnen und Kunden im Laioutr-Frontend gefüllt haben, über einen sicheren Sitzungsaustausch zwischen den Servern an die Shopware-Storefront. Dort wird die Bestellung mit genau diesem Warenkorb abgeschlossen. Ohne das Plugin wird die App nicht unterstützt.

Wichtig ist die Wahl des Verkaufskanals: Die App wird mit einem regulären **Storefront**-Verkaufskanal verbunden, nicht mit einem reinen Headless-Kanal, damit Warenkorb und Checkout im selben Kanal bleiben.

## Schritt für Schritt

1. 1 ### Schritt 1: Plugin installieren

   Das Plugin **LaioutrConnector** auf dem Shopware-Server installieren und nach der Anleitung im Plugin-README die erlaubten Callback-Domains und Cookies einrichten.
2. 2 ### Schritt 2: Verkaufskanal prüfen

   Im Shopware Admin den Storefront-Verkaufskanal prüfen: Domain zugewiesen, Navigation gesetzt, Produkte zugeordnet, SEO-URLs aktiv. Den Zugangsschlüssel für die Storefront API kopieren.
3. 3 ### Schritt 3: Integration anlegen

   Unter **Settings** > **System** > **Integrations** eine Integration mit Lesezugriff auf Medien anlegen und Client ID sowie Client Secret notieren.
4. 4 ### Schritt 4: App installieren

   Im Cockpit unter **Apps** im Reiter **Ecommerce** die App Shopware mit **Install** zum Projekt hinzufügen.
5. 5 ### Schritt 5: Werte eintragen und testen

   Im Umgebungsmenü **Configuration** öffnen, die Werte eintragen, mit **Test connection** prüfen und mit **Save settings** speichern.
6. 6 ### Schritt 6: Deployen und prüfen

   Die Umgebung mit **Deploy** neu bauen und danach in Studio prüfen, ob Produkte und Kategorien in der Vorschau erscheinen.

## Ergebnis prüfen

Der Verbindungstest meldet Erfolg, Studio zeigt Kategorien und Produkte aus Shopware, und ein Testkauf auf der Storefront landet im Checkout von Shopware mit denselben Artikeln im Warenkorb.

## Häufige Fragen

Warum ist das Plugin LaioutrConnector nötig?

Es übergibt den Warenkorb aus dem Laioutr-Frontend sicher an die Shopware-Storefront, wo der Checkout stattfindet. Ohne Plugin ist die App nicht unterstützt.

Kann ein Headless-Verkaufskanal genutzt werden?

Nein. Die Übergabe an den Checkout läuft über die Storefront des Verkaufskanals, deshalb braucht es einen regulären Storefront-Kanal.

Funktioniert die App mit einem externen Login (SSO)?

Ja. Für Projekte mit eigenem Identity Provider gibt es Rücksprungadressen für Login und Logout im Checkout sowie Hooks, über die das Projekt die Shopware-Sitzung selbst verwaltet. Das richtet das Entwicklungsteam ein.

## Passend dazu

- [Apps finden, installieren und konfigurieren](https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren)6 Min.

  Apps stehen im Cockpit unter Apps als Katalog bereit, werden je Umgebung installiert und unter Configuration eingerichtet. Die Storefront nutzt sie ab dem nächsten Deployment.
- [Zugangsdaten eintragen und Verbindung testen](https://academy.laioutr.com/artikel/zugangsdaten-eintragen-und-verbindung-testen)5 Min.

  Zugangsdaten einer App werden je Umgebung unter Configuration eingetragen, mit Test connection geprüft und mit Save settings gespeichert. Wirksam werden sie mit dem nächsten Deployment.
- [Warenkorb in der Storefront einrichten und prüfen](https://academy.laioutr.com/artikel/warenkorb-im-storefront-pruefen-und-einrichten)5 Min.

  Der Warenkorb öffnet sich als seitliches Panel (Cart Sheet) mit Positionen, Gutscheinfeld, Fortschritt bis zum Gratisversand und Summen; zusätzlich gibt es eine eigene Warenkorbseite. Preise, Rabatte, Versandkosten und der Weg zur Kasse kommen vom Commerce-Backend.
- [Echte Daten in Studio prüfen](https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen)5 Min.

  Studio zeigt in der Vorschau echte Daten aus den angebundenen Apps. Auf dynamischen Seiten wie der Produktdetailseite wählt das Feld Preview Data, welches Produkt die Vorschau zeigt.
- [B2B Sellers für Shopware anbinden](https://academy.laioutr.com/apps/b2b-sellers-fuer-shopware-anbinden)8 Min.

  Die App B2B Sellers bringt die B2B-Funktionen der B2B Sellers Suite für Shopware 6 in die Laioutr-Storefront: Mitarbeiter und Rollen, Bestellfreigaben, Angebote, Budgets, Kostenstellen und Außendienst.

## In einer Lektion lernen

- [Commerce-Apps anbinden](https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden)12 Min.
- [Shopware verbinden](https://academy.laioutr.com/lektionen/live-gang-shopware-verbinden)8 Min.

## [Commerce-Systeme](https://academy.laioutr.com/leitfaeden/commerce-systeme)

In diesem Leitfaden suchen

1. [Shopify anbinden](https://academy.laioutr.com/apps/shopify-anbinden)10 Min.
2. [Shopware mit Checkout-Plugin anbinden](https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden)12 Min.
3. [VTEX anbinden](https://academy.laioutr.com/apps/vtex-anbinden)8 Min.
4. [Sylius anbinden](https://academy.laioutr.com/apps/sylius-anbinden)8 Min.
5. [JTL-Wawi anbinden](https://academy.laioutr.com/apps/jtl-wawi-anbinden)8 Min.
6. [B2B Sellers für Shopware anbinden](https://academy.laioutr.com/apps/b2b-sellers-fuer-shopware-anbinden)8 Min.
7. [Magento 2 anbinden](https://academy.laioutr.com/apps/magento-2-anbinden)10 Min. In Vorbereitung

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "de",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "workTranslation": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#webpage",
      "name": "Academy App",
      "url": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#/schema/question/3"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Apps",
          "item": "https://academy.laioutr.com/bereiche/apps",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Commerce-Systeme",
          "item": "https://academy.laioutr.com/leitfaeden/commerce-systeme",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Shopware mit Checkout-Plugin anbinden",
          "item": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Warum ist das Plugin LaioutrConnector nötig?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Es übergibt den Warenkorb aus dem Laioutr-Frontend sicher an die Shopware-Storefront, wo der Checkout stattfindet. Ohne Plugin ist die App nicht unterstützt.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Kann ein Headless-Verkaufskanal genutzt werden?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Nein. Die Übergabe an den Checkout läuft über die Storefront des Verkaufskanals, deshalb braucht es einen regulären Storefront-Kanal.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Funktioniert die App mit einem externen Login (SSO)?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Für Projekte mit eigenem Identity Provider gibt es Rücksprungadressen für Login und Logout im Checkout sowie Hooks, über die das Projekt die Shopware-Sitzung selbst verwaltet. Das richtet das Entwicklungsteam ein.</p>"
      }
    }
  ]
}
```