> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Den Live-Vorschaumodus des Banners nutzen

### Überblick

Mit **Preview on store** teilen Sie eine Live-Vorschau Ihrer Banner-Änderungen mit Kolleginnen und Kollegen, Entwicklern oder Kunden, die keinen Zugang zur Pandectes-App oder zu Ihrem Shopify-Adminbereich haben. Änderungen erscheinen im Live-Modus, ohne dass die Seite neu geladen werden muss.

Statt nur die Vorschau innerhalb der Pandectes-App zu nutzen, öffnet diese Funktion Ihren Shop in einem eigenen Browserfenster und verbindet ihn mit dem Banner-Editor. So prüfen Sie Position, Layout, Inhalt und Verhalten des Banners __in Echtzeit__ in der Umgebung Ihres Shops, ohne Ihre Kunden zu beeinflussen.

Die Funktion arbeitet ähnlich wie der Tag Assistant von Google: Auf der Seite öffnet sich ein Hinweisfenster mit zusätzlichen Informationen zur Verbindung zwischen der Vorschau-URL und der Pandectes-Anwendung im Shop-Adminbereich.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/live-preview-1_85711m.png =800x517)
### So funktioniert es

Beim Start der Vorschau öffnet Pandectes Ihren Shop mit einem temporären Vorschau-Parameter in der URL.

Beispiel:

`https://[ihr-shop].myshopify.com/?pandectesLivePreview=[preview-token]`

Dieser Parameter weist den Shop an, den Live-Vorschaumodus von Pandectes zu laden. Ist die Verbindung aktiv, erscheint im Shop ein Panel **Pandectes preview**.

Änderungen an den Banner-Einstellungen erscheinen in Echtzeit im Vorschaufenster. Für gewöhnliche Shop-Besucher ändert sich nichts.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-07-02-at-21115_i1aglt.png =800x486)

### Was Sie testen können

Nutzen Sie die Live-Vorschau, um zu prüfen:

* wie der Banner im echten Shop erscheint
* das Layout-Verhalten auf Desktop und Mobilgeräten
* Position und Abstände des Banners
* das Verhalten von Cookie-Hinweis und Präferenzfenster
* die Sichtbarkeit des Consent Widgets
* Änderungen an Texten, Farben, Schaltflächen und Styling
* wie der Banner zusammen mit Ihrem aktiven Theme wirkt

### Die Vorschau teilen

Das Vorschau-Panel enthält die Option **Share link**.

Über diesen Link teilen Sie die Vorschau mit Ihrem Team, bevor Sie die Banner-Änderungen veröffentlichen. Der geteilte Link öffnet den Shop mit demselben Vorschau-Parameter.

Bei passwortgeschützten Shops benötigen Ihre Kolleginnen und Kollegen zusätzlich das Shop-Passwort, um die Vorschau zu öffnen.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/live-preview-2_lc4zst.png =800x468)
### Die Aktionen im Vorschau-Panel

Ist die Live-Vorschau verbunden, zeigt das Panel den Status **Banner preview connected** an.

Von dort können Sie:

* prüfen, ob die Live-Vorschau verbunden ist
* einen teilbaren Vorschau-Link kopieren
* die Vorschau nach dem Test beenden

### Häufige Fragen und Hinweise

**Veröffentlicht das meine Änderungen?**
Nein. Die Live-Vorschau dient dem Testen. Sie veröffentlicht keine Entwurfsänderungen für gewöhnliche Besucher.

**Warum muss ich das Shop-Passwort eingeben?**
Shopify sperrt den Zugang zu passwortgeschützten Shops, bis das Passwort eingegeben wurde. Die Pandectes-Vorschau kann sich erst verbinden, nachdem die Shop-Seite geladen ist.

**Kann ich die Vorschau mit jemandem teilen?**
Ja, über **Share link** im Vorschau-Panel. Teilen Sie ihn nur mit Personen, die den Entwurf prüfen sollen. Ist der Shop passwortgeschützt, benötigen sie zusätzlich das Shop-Passwort.

**Was, wenn sich das Vorschaufenster nicht öffnet?**
Prüfen Sie, ob Ihr Browser das Pop-up-Fenster blockiert hat. Erlauben Sie Pop-ups für die Pandectes-App und versuchen Sie es erneut.