Progressive Web App (PWA)

Maak je website installeerbaar als app op telefoon en desktop.

Wat is een PWA?

Een Progressive Web App (PWA) maakt het mogelijk om je website te installeren als app op telefoons, tablets en desktops. Bezoekers kunnen je site openen via een icoon op hun startscherm, zonder de App Store of Play Store. De site laadt sneller bij herhaalde bezoeken dankzij slimme caching.

PWA inschakelen

Ga naar Instellingen → Algemeen → scroll naar 'Progressive Web App'. Zet de toggle aan en vul de vereiste velden in: • App naam — de naam die bezoekers zien na installatie • Korte naam — wordt getoond onder het icoon op het startscherm (max 12 tekens) • App icoon — upload een vierkant icoon van 512×512 pixels. Een kleinere versie (192×192) wordt automatisch aangemaakt. • Themakleur — bepaalt de kleur van de browserbalk en splash screen • Achtergrondkleur — kleur van het laadscherm bij openen • Weergavemodus — 'Standalone' (aanbevolen) geeft een app-achtige ervaring zonder browserbalk

Tips

Gebruik een duidelijk, herkenbaar icoon met voldoende contrast.
De korte naam mag maximaal 12 tekens zijn — kies het meest herkenbare woord.

Hoe zien bezoekers de installatie-melding?

Nadat PWA is ingeschakeld, zien bezoekers na 30 seconden een melding onderaan het scherm met de vraag om de site als app te installeren. • Chrome, Edge, Samsung Browser — de browser toont een native installatie-venster • Safari (iPhone/iPad) — bezoekers krijgen een instructie: 'Tik op het Deel-icoon en kies Zet op beginscherm' • Firefox — de installatie-optie verschijnt in de adresbalk Als een bezoeker 'Niet nu' kiest, verschijnt de melding pas na 7 dagen opnieuw. Bezoekers die de app al hebben geïnstalleerd zien de melding nooit.

Tips

De installatie-melding is volledig automatisch — je hoeft zelf niets te doen.
De melding past zich aan de browsertaal van de bezoeker aan.

Offline caching

De PWA slaat automatisch de pagina-structuur en afbeeldingen op in de browser. Bij een volgende bezoek laadt de site sneller. Als de internetverbinding even wegvalt, blijft de laatst bezochte pagina beschikbaar. De inhoud van je pagina's wordt altijd vers opgehaald van de server — bezoekers zien dus altijd de laatste versie van je content.

Let op

Offline caching werkt alleen voor eerder bezochte pagina's. Nieuwe pagina's vereisen een internetverbinding.

PWA uitschakelen

Zet de toggle uit bij Instellingen → Algemeen → Progressive Web App. De installatie-melding verdwijnt direct. Bezoekers die de app al hebben geïnstalleerd kunnen deze blijven gebruiken, maar de app zal na verloop van tijd automatisch terugvallen naar de normale website.

Veelgestelde vragen

Kost een PWA extra? Nee, de PWA-functie is gratis en vereist geen aparte hosting of app store account. Kan mijn website crashen door PWA? Nee. Als er iets misgaat met de PWA-instellingen, werkt je website gewoon als normale website. PWA is een extra laag bovenop je bestaande site. Werkt PWA op alle apparaten? Ja, op alle moderne browsers. De installatie-ervaring verschilt per browser, maar de website zelf werkt overal. Moet ik opnieuw deployen na het aan- of uitzetten? Nee, de wijziging werkt direct na het opslaan van de instellingen.