---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren"
locale: de
meta:
  "og:title": "Academy Article"
---

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

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

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

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

# Apps finden, installieren und konfigurieren

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.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Jeder Laioutr-Plan</dd>

<dt>Rolle</dt>
<dd>Developer-Rolle in der Umgebung für Konfiguration und Test</dd>

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

### Voraussetzungen

- Projekt mit mindestens einer Umgebung
- Zugang zum Admin des anzubindenden Systems
- Lizenz beim Anbieter des Systems, falls erforderlich

Zuletzt geprüft am 15. Oktober 2026

Jede Anbindung an Laioutr ist eine App: Commerce-Systeme wie Shopify oder Shopware, CMS wie Hygraph, dazu Suche, Tracking, Consent und Sicherheit. Eine App verbindet ein externes System mit dem Frontend, ohne die Storefront fest an einen Anbieter zu binden. Orchestr bringt die Daten aller Apps in ein einheitliches Datenmodell, deshalb funktionieren Sections und Blocks in Studio unabhängig vom Backend.

Der Katalog liegt im Projektmenü unter **Apps**. Reiter wie **Ecommerce**, **Tracking**, **Performance** oder **Search** gliedern die Karten. Jede Karte zeigt Name, Kurzbeschreibung und Status, **Details** öffnet Screenshots, Links zur Dokumentation und Angaben zum Anbieter.

Installiert wird je Umgebung: Jede Umgebung führt ihre Apps in eigenen Versionen, sodass stage eine neue App-Version testen kann, während main unverändert bleibt. Für gelistete Integrationen berechnet Laioutr nichts zusätzlich zum Plan, Lizenzkosten beim Anbieter bleiben bestehen.

## Schritt für Schritt

1. 1 ### Schritt 1: Katalog öffnen

   Im Cockpit das Projekt öffnen und in der Seitenleiste **Apps** wählen.
2. 2 ### Schritt 2: App prüfen

   Den passenden Reiter öffnen, zum Beispiel **Ecommerce**, und über **Details** Beschreibung, Dokumentation und Anbieter ansehen.
3. 3 ### Schritt 3: App installieren

   Auf der Karte **Install** klicken. Alternativ in den **Settings** der Umgebung unter **Package Management** mit **Add an app** die App suchen, Version wählen und mit **Save** übernehmen.
4. 4 ### Schritt 4: Einstellungen eintragen

   Im Umgebungsmenü **Configuration** aufklappen und die App öffnen. Ein orangefarbener Punkt zeigt fehlende Pflichtangaben.
5. 5 ### Schritt 5: Verbindung testen und speichern

   Mit **Test connection** die Werte prüfen und danach **Save settings** wählen.
6. 6 ### Schritt 6: Umgebung deployen

   Auf der Karte der Umgebung **Deploy** starten. Erst der neue Build installiert die App und übernimmt die Einstellungen.

## Ergebnis prüfen

Die Karte im Katalog zeigt **Installed**, jede Section der App unter Configuration steht auf **Complete**, und nach dem Deployment zeigt die Vorschau in Studio Daten aus dem angebundenen System.

## Häufige Fragen

Kostet eine App zusätzlich?

Für gelistete Integrationen berechnet Laioutr nichts zusätzlich zum Plan. Lizenzkosten beim Anbieter des Systems fallen weiterhin an.

Warum lässt sich eine App nicht installieren?

Ist eine App noch nicht allgemein verfügbar, zeigt die Karte ein Status-Badge und **Install** ist deaktiviert. Das Badge **Private** bedeutet eingeschränkten Zugang.

Wirkt eine neue App sofort auf der Storefront?

Nein. Installation und Einstellungen gelten ab dem nächsten Deployment der Umgebung. Die laufende Storefront bleibt bis dahin unverändert.

Was tun, wenn eine Integration fehlt?

Unten im Katalog führt **Contact us** zum Support. Entwicklungsteams können außerdem eigene Apps bauen und veröffentlichen.

## Passend dazu

- [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.
- [Projekte und Umgebungen dev und stage anlegen](https://academy.laioutr.com/artikel/projekte-und-umgebungen-dev-und-stage-anlegen)6 Min.

  Ein Projekt wird in den Organisationseinstellungen unter Projekte angelegt und startet mit der Live-Umgebung main. Weitere Umgebungen wie stage oder dev entstehen im Projekt unter Umgebungen als Kopie einer bestehenden Umgebung.
- [Deployment starten und prüfen](https://academy.laioutr.com/artikel/deployment-starten-und-pruefen)5 Min.

  Ein Deployment baut die Storefront einer Umgebung neu und bringt Änderungen an Apps, Versionen und Konfiguration live. Gestartet wird es in Cockpit unter Deployments mit Deploy; Status und Build-Log zeigen, ob es erfolgreich war.
- [Essentials-Apps: Kernfunktionen von Laioutr nach Bedarf installieren](https://academy.laioutr.com/artikel/essentials-apps-kernfunktionen-nach-bedarf)4 Min.

  Essentials-Apps sind Apps, die Laioutr selbst bereitstellt und die Kernfunktionen wie SEO, E-Mail-Versand oder rechtliche Bausteine mitbringen. Ein Projekt installiert sie im Cockpit nach Bedarf, statt diese Funktionen fest im Frontend zu verankern.

## In einer Lektion lernen

- [Was Apps liefern und wo sie konfiguriert werden](https://academy.laioutr.com/lektionen/foundations-was-apps-liefern)9 Min.
- [Die erste eigene App](https://academy.laioutr.com/lektionen/entwickler-erste-eigene-app)12 Min.
- [Connector-App aktivieren](https://academy.laioutr.com/lektionen/live-gang-connector-app-aktivieren)5 Min.

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

In diesem Leitfaden suchen

1. [Apps finden, installieren und konfigurieren](https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren)6 Min.
2. [Zugangsdaten eintragen und Verbindung testen](https://academy.laioutr.com/artikel/zugangsdaten-eintragen-und-verbindung-testen)5 Min.
3. [Echte Daten in Studio prüfen](https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen)5 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/artikel/apps-finden-installieren-und-konfigurieren#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#/schema/question/3"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#/schema/question/4"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#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": "Apps nutzen",
          "item": "https://academy.laioutr.com/leitfaeden/apps-nutzen",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Apps finden, installieren und konfigurieren",
          "item": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Kostet eine App zusätzlich?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Für gelistete Integrationen berechnet Laioutr nichts zusätzlich zum Plan. Lizenzkosten beim Anbieter des Systems fallen weiterhin an.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Warum lässt sich eine App nicht installieren?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ist eine App noch nicht allgemein verfügbar, zeigt die Karte ein Status-Badge und <strong>Install</strong> ist deaktiviert. Das Badge <strong>Private</strong> bedeutet eingeschränkten Zugang.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wirkt eine neue App sofort auf der Storefront?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Nein. Installation und Einstellungen gelten ab dem nächsten Deployment der Umgebung. Die laufende Storefront bleibt bis dahin unverändert.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren#/schema/question/4",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Was tun, wenn eine Integration fehlt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Unten im Katalog führt <strong>Contact us</strong> zum Support. Entwicklungsteams können außerdem eigene Apps bauen und veröffentlichen.</p>"
      }
    }
  ]
}
```