---
title: "Academy Area"
canonical_url: "https://academy.laioutr.com/bereiche/apps"
locale: de
meta:
  "og:title": "Academy Area"
---

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

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

# Apps

In Laioutr sind alle Integrationen **Apps**. Eine App verbindet die Storefront mit einem Commerce-System, einem CMS, einer Suche, einem Tracking-Werkzeug oder einem Hosting- und Zahlungsanbieter. Laioutr bindet 50+ Backends und 300+ Integrationen an.

Der Bereich zeigt, wie Apps installiert und konfiguriert werden, welche Zugangsdaten nötig sind und wie sich die Verbindung mit echten Daten in Studio prüfen lässt. Jede App-Seite beschreibt Ablauf, Konfiguration und typische Fehler aus Sicht der Anwender.

## [Apps nutzen](https://academy.laioutr.com/leitfaeden/apps-nutzen)

3 Artikel

Dieser Leitfaden erklärt den Umgang mit Apps unabhängig vom Anbieter: Apps finden, installieren und konfigurieren, Zugangsdaten eintragen, die Verbindung testen und echte Daten in Studio prüfen. Ein Artikel zeigt, wie sich Ablehnungen des Commerce-Backends nachvollziehen lassen. Die Schritte gelten für Shop-, CMS- und Such-Apps gleichermaßen.

- [Apps finden, installieren und konfigurieren](https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren)6 Min.
- [Zugangsdaten eintragen und Verbindung testen](https://academy.laioutr.com/artikel/zugangsdaten-eintragen-und-verbindung-testen)5 Min.
- [Echte Daten in Studio prüfen](https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen)5 Min.

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

7 Artikel

Dieser Leitfaden stellt die Apps für Commerce-Systeme vor: Shopify, Shopware mit Checkout-Plugin, VTEX, Sylius, JTL, B2B Sellers für Shopware, Magento 2 sowie Vendure und Spryker für B2B. Jede App-Seite zeigt Ablauf, benötigte Zugangsdaten und typische Fehler bei der Verbindung. Die Grundschritte stehen im Leitfaden „Apps nutzen“.

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

## [CMS](https://academy.laioutr.com/leitfaeden/apps-cms)

1 Artikel

Dieser Leitfaden zeigt, wie ein externes CMS als App an Laioutr angebunden wird. Er beschreibt die Hygraph-App mit Einrichtung und Konfiguration sowie die Apps für Contentful und Sanity. Inhalte aus dem CMS stehen danach in Studio für Sections zur Verfügung.

- [Hygraph anbinden](https://academy.laioutr.com/apps/hygraph-anbinden)10 Min.

## [Suche und Empfehlungen](https://academy.laioutr.com/leitfaeden/suche-und-empfehlungen)

2 Artikel

Dieser Leitfaden stellt die Apps für Suche und Empfehlungen vor: Battery Included, Nimstrata Google Retail und searchhub. Er zeigt, welche Daten jede App liefert, wie sie eingerichtet wird und wie Suchergebnisse und Empfehlungen in den Sections der Storefront erscheinen. Zusätzlich gibt es das Add-on AI Search & Discovery.

- [Battery Included: Suche und Empfehlungen anbinden](https://academy.laioutr.com/apps/battery-included-suche-und-empfehlungen)8 Min.
- [Nimstrata: KI-Suche und Empfehlungen über die Google Retail API](https://academy.laioutr.com/apps/nimstrata-ki-suche-und-empfehlungen-google-retail)10 Min.

## [Tracking und Consent](https://academy.laioutr.com/leitfaeden/tracking-und-consent-apps)

3 Artikel

Dieser Leitfaden zeigt die Apps für Tracking und Einwilligungen: Google Tag Manager, Cookiebot und CCM19. Er erklärt Einrichtung, Konfiguration und das Zusammenspiel mit den Tracking-Ereignissen, die die Sections von Laioutr bereits mitbringen. Welche Ereignisse eine Section sendet, zeigt der Artikel zum Tracking in den Komponenten.

- [Google Tag Manager mit Consent Mode v2 einbinden](https://academy.laioutr.com/apps/google-tag-manager-mit-consent-mode-v2)8 Min.
- [Cookiebot als Consent-Banner einrichten](https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten)7 Min.
- [CCM19 als Consent-Banner einrichten](https://academy.laioutr.com/apps/ccm19-consent-banner-einrichten)8 Min.

## [Hosting, Zahlung und Werkzeuge](https://academy.laioutr.com/leitfaeden/hosting-zahlung-und-werkzeuge)

1 Artikel

Dieser Leitfaden stellt weitere Apps vor: Vercel und Netlify für das Hosting, Mollie als Zahlungsanbieter sowie HubSpot, Slack und Google Workspace als Werkzeuge für Vertrieb und Zusammenarbeit. Jede App-Seite beschreibt Ablauf und Konfiguration. Die Grundschritte für jede Installation stehen im Leitfaden „Apps nutzen“.

- [Vercel: Storefront aus dem Cockpit auf Vercel deployen](https://academy.laioutr.com/apps/vercel-storefront-aus-dem-cockpit-deployen)10 Min.

## 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/bereiche/apps#webpage",
      "@type": "WebPage",
      "name": "Academy Area",
      "url": "https://academy.laioutr.com/bereiche/apps",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/bereiche/apps#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/bereiche/apps"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/bereiche/apps#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
        }
      ]
    }
  ]
}
```
