From 688cc3ef16833ed3d895dc1e9fd4c64c1289a826 Mon Sep 17 00:00:00 2001 From: Marwa Date: Wed, 6 May 2026 09:43:18 +0200 Subject: [PATCH] docs: add preview button docs to frameless.io plugin docs --- .../docs/plugins/plugin-preview-button.md | 39 +++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 apps/strapi.frameless.io/docs/plugins/plugin-preview-button.md diff --git a/apps/strapi.frameless.io/docs/plugins/plugin-preview-button.md b/apps/strapi.frameless.io/docs/plugins/plugin-preview-button.md new file mode 100644 index 000000000..7cee68cb8 --- /dev/null +++ b/apps/strapi.frameless.io/docs/plugins/plugin-preview-button.md @@ -0,0 +1,39 @@ +# Preview Button + +## Wat doet deze plugin? + +Met de Preview Button kan de redactie een voorbeeld bekijken van content voordat deze live gaat. Je ziet de pagina zoals bezoekers die straks te zien krijgen op de **Digitaal Loket** website — met volledige opmaak en styling. + +--- + +## Hoe gebruik je de Preview Button? + +### 1. Open een product + +Ga in Strapi naar **Producten** en open het product dat je wilt bekijken. + +### 2. Klik op Open preview + +Scroll rechts in de zijbalk naar het **PREVIEW** blok en klik op **Open preview**. + +De preview opent als een nieuw tabblad binnen het Strapi dashboard. + +### 3. Bekijk de preview + +Bovenin de preview zie je: + +- De **titel** van het product +- De **status** van het product (bijv. _Gepubliceerd_) +- Twee tabbladen: **Concept** en **Gepubliceerd** +- Een dropdown om te wisselen tussen **Desktop** en **Mobile** + +### 4. Wissel tussen Concept en Gepubliceerd + +Met de twee tabbladen kun je de twee versies van de pagina naast elkaar vergelijken: + +- **Concept** — toont de huidige opgeslagen versie, ook als deze nog niet gepubliceerd is +- **Gepubliceerd** — toont de versie die op dit moment live staat voor bezoekers + +### 5. Sluit de preview + +Klik op het **✕** icoontje linksboven om de preview te sluiten en terug te gaan naar het product.