---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden"
locale: de
meta:
  "og:title": "Academy Lesson"
---

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

- [Agentic Developer](https://academy.laioutr.com/lernpfade/lernpfad-entwickler)

- [Commerce-Apps anbinden](https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden)

Apps anbinden und konfigurieren

# Commerce-Apps anbinden

12 Min.

Die Praxisaufgabe des Zertifikats beginnt mit einem Starter-Projekt, das an Shopify oder Shopware angebunden wird. Diese Lektion zeigt die Konfiguration der Apps je Umgebung, den Verbindungstest, typische Fehler und wie die Daten in Studio geprüft werden. Am Ende stehen echte Produkte aus dem Shop in der Vorschau von Studio.

## Das Wichtigste in Kürze

- App-Konfiguration gilt je Umgebung.
- Der Verbindungstest zeigt falsche Werte sofort.
- Echte Daten in Studio sind der Abschluss der Anbindung.

## Weiterlesen

- [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.
- [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.
- [Shopify anbinden](https://academy.laioutr.com/apps/shopify-anbinden)10 Min.

  Die Shopify-App verbindet einen Shopify-Shop über Storefront API, Customer Account API und Admin API mit Laioutr. Produkte, Kollektionen, Warenkorb, Menüs, Inhalte und Kundenlogin kommen direkt aus Shopify.
- [Shopware mit Checkout-Plugin anbinden](https://academy.laioutr.com/apps/shopware-mit-checkout-plugin-anbinden)12 Min.

  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.

## 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/lektionen/entwickler-commerce-apps-anbinden#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Agentic Developer",
          "item": "https://academy.laioutr.com/lernpfade/lernpfad-entwickler",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Commerce-Apps anbinden",
          "item": "https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden",
          "position": 3
        }
      ]
    }
  ]
}
```