Skip to content

docs: add preview button docs to frameless.io plugin docs #1438

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Marwaxhello wants to merge 1 commit into
base: development-strapi-v5
Choose a base branch
from
Draft

docs: add preview button docs to frameless.io plugin docs #1438

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions apps/strapi.frameless.io/docs/plugins/plugin-preview-button.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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.
Copy link
Copy Markdown
Collaborator

@AliKdhim87 AliKdhim87 May 18, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dit betreft de KISS-dashboard preview, omdat het Digitaal Loket en VTH de nieuwe Strapi preview feature gebruiken. Je kunt in de documentatie twee voorbeelden noemen van waar deze plugin wordt gebruikt:

  • pdc-dashboard
    • producten
    • VAC

Deze plugin is op dit moment gekoppeld aan de Overige Objecten API om een frontend te tonen die op KISS lijkt.


---

## 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.
Loading