--- url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/editing/preview-mode' title: 'Bekijk je pagina zoals bezoekers hem zien | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:58:44+00:00' updated: '2026-10-24T06:23:17+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Voorbeeld verbergt elke besturingsbalk en plusknop, zodat je de pagina ziet zoals je bezoekers hem zien. Gebruik het om een lay-out te controleren voordat je opslaat: het toont ook je niet-opgeslagen wijzigingen. De video bekijkt een voorbeeld van een voltooide sectie, schakelt terug naar bewerken, slaat op en zet dan Voorbeeld aan met het toetsenbord.' tags: - 'Een pagina bewerken' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T06:23:17+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Bekijk je pagina zoals bezoekers hem zien' description: 'Voorbeeld verbergt elke besturingsbalk en plusknop, zodat je de pagina ziet zoals je bezoekers hem zien. Gebruik het om een lay-out te controleren voordat je opslaat: het toont ook je niet-opgeslagen wijzigingen. De video bekijkt een voorbeeld van een voltooide sectie, schakelt terug naar bewerken, slaat op en zet dan Voorbeeld aan met het toetsenbord.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:58:44+0000' dateModified: '2026-10-24T06:23:17+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/editing/preview-mode' articleSection: 'Een pagina bewerken' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/editing/preview-mode' description: 'Voorbeeld verbergt elke besturingsbalk en plusknop, zodat je de pagina ziet zoals je bezoekers hem zien. Gebruik het om een lay-out te controleren voordat je opslaat: het toont ook je niet-opgeslagen wijzigingen. De video bekijkt een voorbeeld van een voltooide sectie, schakelt terug naar bewerken, slaat op en zet dan Voorbeeld aan met het toetsenbord.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/nl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: nl --- [Help Center](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Een pagina bewerken](/hc/documentation/learn-dxpr-builder/editing) # Bekijk je pagina zoals bezoekers hem zien. Learn DXPR BuilderBuild pagesEen pagina bewerken ## In this guide Related guides - [Je pagina opslaan en publiceren](/nl/hc/documentation/learn-dxpr-builder/editing/save-and-publish) - [Een pagina bewerken op je telefoon of tablet](/nl/hc/documentation/learn-dxpr-builder/editing/mobile-editing) - [Laat je lay-out werken op telefoons](/nl/hc/documentation/learn-dxpr-builder/design/responsive-design) Voorbeeld verbergt elke besturingsbalk en plusknop, zodat je de pagina ziet zoals je bezoekers hem zien. Gebruik het om een lay-out te controleren voordat je opslaat: het toont ook je niet-opgeslagen wijzigingen. De video bekijkt een voorbeeld van een voltooide sectie, schakelt terug naar bewerken, slaat op en zet dan Voorbeeld aan met het toetsenbord. ## Wisselen tussen voorbeeld en bewerken 1. Klik op het **oogpictogram** op de DXPR-werkbalk en kies **Voorbeeld** in het weergavemenu. 2. Controleer de pagina: de besturingsbalken en plusknoppen zijn verborgen, zoals ze zijn voor bezoekers. 3. Open het weergavemenu opnieuw en kies **Bewerken** om verder te werken. Je niet-opgeslagen wijzigingen blijven bewaard. 4. Klik op **Opslaan** om de pagina op te slaan. Je kunt ook op **Ctrl+Shift+P** (**Cmd+Shift+P** op een Mac) drukken om Voorbeeld aan en uit te zetten. ## Wat je ziet - **Geen bewerkhulpmiddelen.** Besturingsbalken, zweefomtrekken, plusknoppen en de omtrek van het geselecteerde element zijn weg. - **Een rood oog op de werkbalk.** Terwijl Voorbeeld aanstaat toont het oogpictogram op de DXPR-werkbalk doorgestreept in rood. De werkbalk blijft, zodat je altijd terug kunt schakelen. - **Geen tekstbewerking.** Klikken op een tekst opent de teksteditor niet tot je opnieuw **Bewerken** kiest. De builder onthoudt je keuze in deze browser. Als je een pagina in Voorbeeld verlaat, opent de volgende pagina die je bewerkt ook in Voorbeeld. ## Smalle schermen controleren Schakel naar Voorbeeld en maak je browservenster smaller. Nieuwe rijen zetten hun kolommen vanaf tabletbreedte naast elkaar en stapelen ze op telefoons. Controleer of elke gestapelde kolom nog goed leest. [Responsief ontwerp](/nl/hc/documentation/learn-dxpr-builder/design/responsive-design) toont hoe je dit per schermgrootte wijzigt. ## Voorbeeld of gepubliceerde pagina Voorbeeld toont wat er nu in de editor staat, opgeslagen of niet. Bezoekers zien de laatst opgeslagen versie, en pas als de pagina is gepubliceerd. Om de pagina precies te zien zoals een bezoeker, open je hem in een privé browservenster. ## Als je het voorbeeld niet ziet - **De pagina opent zonder besturingsbalken.** Je hebt de vorige pagina in Voorbeeld gelaten, en de builder heeft die keuze bewaard. Open het weergavemenu en kies **Bewerken**. - **De sneltoets doet niets.** Sneltoetsen pauzeren als je cursor in een tekst staat die je bewerkt. Klik buiten de tekst en druk opnieuw op **Ctrl+Shift+P**. - **Bezoekers zien niet wat Voorbeeld toont.** Voorbeeld bevat niet-opgeslagen wijzigingen, en bezoekers zien alleen een gepubliceerde pagina. Klik op **Opslaan** en publiceer de pagina zoals beschreven in [Je pagina opslaan en publiceren](/nl/hc/documentation/learn-dxpr-builder/editing/save-and-publish). ## Wat nu? - [Je pagina opslaan en publiceren](/nl/hc/documentation/learn-dxpr-builder/editing/save-and-publish): bewaar je wijzigingen en maak ze zichtbaar voor bezoekers. - [Een pagina bewerken op je telefoon of tablet](/nl/hc/documentation/learn-dxpr-builder/editing/mobile-editing): wat er verandert in de editor op een touchscreen. - [Responsief ontwerp](/nl/hc/documentation/learn-dxpr-builder/design/responsive-design): bepaal hoe je lay-out zich aanpast aan elk schermformaat.