De Live Banner Preview-modus gebruiken
Overzicht
Met de functie Preview on store kun je een live preview van je bannerwijzigingen delen met teamgenoten, ontwikkelaars of klanten die geen toegang hebben tot de Pandectes-app of je Shopify-admin. Je kunt ze nu wijzigingen in de live modus laten zien zonder de pagina te verversen.
In plaats van alleen de preview in de Pandectes-app te gebruiken, opent deze functie je winkel in een apart browservenster en koppelt die aan de bannereditor. Zo kun je de positie, lay-out, inhoud en het gedrag van de banner in realtime in je winkelomgeving beoordelen, zonder je klanten te beïnvloeden.
De functie werkt op dezelfde manier als Google Tag Assistant: er opent een hulpvenster op de pagina met extra uitleg over de verbinding tussen de preview-URL en de Pandectes-app in de Shopify-admin.
De preview starten
- Open Shopify Admin > Apps > Pandectes GDPR Compliance.
- Ga naar Cookie banner.
- Scroll naar de kaart Preview on store onder de preview in de app.
- Klik op Start preview. Je winkel opent in een apart browservenster.
- Blijf de bannerinstellingen wijzigen. Het winkelvenster wordt in realtime bijgewerkt. Klik op Stop preview als je klaar bent.
De kaart toont drie badges: External window, Real-time syncing en Shareable URL. Als je winkel met een wachtwoord is beveiligd, herinnert de kaart je eraan het wachtwoord in te voeren en de preview opnieuw te starten.
Hoe het werkt
Wanneer je de preview start, opent Pandectes je storefront met een tijdelijke previewparameter in de URL.
Voorbeeld:
https://[your-store].myshopify.com/?pandectesLivePreview=[preview-token]
Deze previewparameter zorgt dat de storefront de live previewmodus van Pandectes laadt. Wanneer de verbinding actief is, verschijnt er een Pandectes preview-paneel in de winkel.
Wijzigingen in de bannerinstellingen worden in realtime in het previewvenster weergegeven. Gewone winkelbezoekers worden door de preview niet geraakt.
Wat je kunt testen
Gebruik de live preview van de winkel om te controleren:
- Hoe de banner op de echte storefront verschijnt
- Gedrag van de lay-out op desktop en mobiel
- Positie en afstand van de banner
- Gedrag van de Cookie notice en het Preferences-venster
- Zichtbaarheid van de consent widget
- Tekst, kleuren, knoppen en stijlwijzigingen
- Hoe de banner samen met je actieve thema verschijnt
De preview delen
Het previewpaneel bevat een optie Share link.
Gebruik deze link om de preview met teamgenoten te delen voordat je de bannerwijzigingen publiceert. De gedeelde link opent de winkel met dezelfde previewparameter.
Voor met een wachtwoord beveiligde winkels hebben teamgenoten mogelijk ook het winkelwachtwoord nodig om de preview te openen.
Acties in het previewpaneel
Wanneer de live preview is verbonden, toont het previewpaneel dat de status Banner preview connected actief is.
Vanuit dit paneel kun je:
- Controleren of de live preview is verbonden
- Een deelbare previewlink kopiëren
- De preview sluiten wanneer het testen klaar is
Veelgestelde vragen en opmerkingen
Publiceert dit mijn wijzigingen?
Nee. De live preview is bedoeld om te testen. Concept-bannerwijzigingen worden niet aan gewone bezoekers gepubliceerd.
Waarom moet ik het winkelwachtwoord invoeren?
Shopify blokkeert de toegang tot met een wachtwoord beveiligde storefronts totdat het wachtwoord is ingevoerd. De Pandectes-preview kan pas verbinden nadat de storefrontpagina is geladen.
Kan ik de preview met iemand anders delen?
Ja, gebruik Share link vanuit het previewpaneel. Deel hem alleen met mensen die de conceptbanner moeten beoordelen. Als de winkel met een wachtwoord is beveiligd, hebben zij mogelijk ook het winkelwachtwoord nodig.
Wat als het previewvenster niet opent?
Controleer of je browser het pop-upvenster heeft geblokkeerd. Sta pop-ups toe voor de Pandectes-app en probeer het opnieuw.
Bijgewerkt op: 27/10/2026
Dankuwel!