---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen"
locale: de
meta:
  "og:title": "Academy Article"
---

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

- [Studio](https://academy.laioutr.com/bereiche/studio)

- [Inhalte und Medien](https://academy.laioutr.com/leitfaeden/inhalte-und-medien)

- [Entwürfe vor dem Veröffentlichen in der Vorschau prüfen](https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen)

# Entwürfe vor dem Veröffentlichen in der Vorschau prüfen

Mit dem Content Preview Token des Projekts zeigt die echte Storefront unveröffentlichte Inhalte statt der veröffentlichten. Das Token steckt im Link open preview der Projekteinstellungen, im Studio-Befehl Show preview content oder im URL-Parameter preview\_token.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Alle Pläne</dd>

<dt>Rolle</dt>
<dd>Zugriff auf die Projekteinstellungen, um das Token zu sehen</dd>

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

### Voraussetzungen

- Deploytes Frontend mit aktueller frontend-core-Version
- Content Preview Token in den Projekteinstellungen

Zuletzt geprüft am 15. Oktober 2026

Die **Content-Vorschau** zeigt Entwürfe auf der echten Storefront: echtes Layout, echte Produkte, echte Preise. Grundlage ist das **Content Preview Token**, ein geheimer Schlüssel je Projekt unter **Project › Settings**. Neue Projekte bekommen es automatisch.

Wird eine Storefront-URL mit dem Token aufgerufen, rendert der Server die Seite mit unveröffentlichten Inhalten. Ein falsches Token erzeugt keinen Fehler: Die Seite zeigt dann einfach die veröffentlichten Inhalte. Vorschauseiten werden nie gecacht und tragen immer `noindex, nofollow`, damit sie nicht in Suchmaschinen landen.

Das Token gilt für das ganze Projekt, nicht für eine Person. Wer es kennt, sieht alle Entwürfe. Deshalb wird es wie ein Staging-Passwort behandelt und beim Ausscheiden einer Person neu erzeugt. Ein neues Token wirkt erst nach dem nächsten Deployment, und Vorschau-Vorlagen in externen CMS müssen dann angepasst werden.

## Schritt für Schritt

1. 1 ### Schritt 1: Token finden

   In Cockpit **Project › Settings** öffnen und das **Content Preview Token** prüfen. Fehlt es, ein Token erzeugen.
2. 2 ### Schritt 2: Vorschau aus den Einstellungen öffnen

   In den Projekteinstellungen den Link **open preview** wählen. Die Storefront öffnet sich im Vorschaumodus in einem neuen Tab.
3. 3 ### Schritt 3: Vorschau in Studio einschalten

   In Studio in der Befehlsleiste den Befehl **Show preview content** ausführen. Die Studio-Vorschau zeigt dann auch unveröffentlichte Einträge.
4. 4 ### Schritt 4: Vorschau-Link teilen

   An eine beliebige Storefront-URL `?preview_token=` mit dem Token anhängen und den Link an die prüfenden Personen geben.
5. 5 ### Schritt 5: Externes CMS anbinden

   Das Token in die Vorschau-URL-Vorlage des externen CMS eintragen, damit dessen Vorschauknopf die Storefront mit Entwürfen öffnet.

## Ergebnis prüfen

Ein Eintrag im Status Draft oder Changed erscheint auf der Vorschauseite mit dem neuen Inhalt, auf derselben URL ohne Token dagegen nicht. Zeigt auch die Vorschau nur veröffentlichte Inhalte, ist das Token falsch oder wurde ohne neues Deployment erneuert.

## Häufige Fragen

Warum zeigt die Vorschau nur veröffentlichte Inhalte?

Das Token ist falsch, oder es wurde erneuert und die Storefront noch nicht neu deployt. Ein falsches Token führt bewusst zu keinem Fehler, sondern zur normalen Seite.

Warum ist Show preview content in Studio ausgegraut?

Die deployte frontend-core-Version ist zu alt. Ein Tooltip nennt die nötige Version; ein Entwickler aktualisiert das Frontend.

Können Suchmaschinen Vorschauseiten finden?

Nein. Jede Seite mit Token trägt noindex, nofollow und wird in keinem gemeinsamen Cache gespeichert.

Gibt es ein Token pro Person?

Nein, das Token gilt für das ganze Projekt. Beim Ausscheiden einer Person ein neues Token erzeugen und danach deployen.

## Passend dazu

- [Inhalte in Content Collections pflegen](https://academy.laioutr.com/artikel/inhalte-in-content-collections-pflegen)6 Min.

  Content Collections sind der Bereich für strukturierte Inhalte wie Blogartikel, Rezepte oder Autoren in Cockpit. Unter Content › Collections werden Einträge angelegt, je Sprache gepflegt, verknüpft und ohne Deployment veröffentlicht.
- [Vorschau prüfen und in Studio veröffentlichen](https://academy.laioutr.com/artikel/vorschau-pruefen-und-in-studio-veroeffentlichen)5 Min.

  Studio speichert Änderungen als Entwurf und zeigt sie sofort in der Live-Vorschau. Publish in der oberen Leiste bringt den gespeicherten Stand über ein Deployment der Umgebung auf die Storefront.
- [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.
- [Hygraph anbinden](https://academy.laioutr.com/apps/hygraph-anbinden)10 Min.

  Die Hygraph-App verbindet ein Hygraph-Projekt über die Content API mit Laioutr. Inhalte aus Hygraph erscheinen über Orchestr in Studio, Hygraph-Assets stehen in der Mediathek bereit.

## In einer Lektion lernen

- [Vorschau und Veröffentlichen](https://academy.laioutr.com/lektionen/foundations-vorschau-und-veroeffentlichen)7 Min.
- [Inhalte in Content Collections pflegen](https://academy.laioutr.com/lektionen/frontend-manager-content-collections)10 Min.
- [Vorschau und Veröffentlichen](https://academy.laioutr.com/lektionen/live-gang-vorschau-und-veroeffentlichen)6 Min.

## [Inhalte und Medien](https://academy.laioutr.com/leitfaeden/inhalte-und-medien)

In diesem Leitfaden suchen

1. [Inhalte in Content Collections pflegen](https://academy.laioutr.com/artikel/inhalte-in-content-collections-pflegen)6 Min.
2. [Entwürfe vor dem Veröffentlichen in der Vorschau prüfen](https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen)5 Min.
3. [Medien in Cockpit und Studio verwalten](https://academy.laioutr.com/artikel/medien-in-cockpit-und-studio-verwalten)5 Min.
4. [Märkte und Übersetzungen in Studio pflegen](https://academy.laioutr.com/artikel/maerkte-und-uebersetzungen-in-studio-pflegen)6 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/entwuerfe-in-der-vorschau-pruefen#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#/schema/question/3"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#/schema/question/4"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Studio",
          "item": "https://academy.laioutr.com/bereiche/studio",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Inhalte und Medien",
          "item": "https://academy.laioutr.com/leitfaeden/inhalte-und-medien",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Entwürfe vor dem Veröffentlichen in der Vorschau prüfen",
          "item": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Warum zeigt die Vorschau nur veröffentlichte Inhalte?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Das Token ist falsch, oder es wurde erneuert und die Storefront noch nicht neu deployt. Ein falsches Token führt bewusst zu keinem Fehler, sondern zur normalen Seite.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Warum ist Show preview content in Studio ausgegraut?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Die deployte frontend-core-Version ist zu alt. Ein Tooltip nennt die nötige Version; ein Entwickler aktualisiert das Frontend.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Können Suchmaschinen Vorschauseiten finden?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Nein. Jede Seite mit Token trägt noindex, nofollow und wird in keinem gemeinsamen Cache gespeichert.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/entwuerfe-in-der-vorschau-pruefen#/schema/question/4",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Gibt es ein Token pro Person?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Nein, das Token gilt für das ganze Projekt. Beim Ausscheiden einer Person ein neues Token erzeugen und danach deployen.</p>"
      }
    }
  ]
}
```
