--- url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/eenvoudige-demo-installeren' title: "DXPR Builder uitproberen met demopagina's | DXPR" author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2023-11-06T05:35:12+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: "Verken DXPR Builder op pagina's die al gebouwd zijn voordat je je eigen maakt. Je kunt de gehoste demo gebruiken, de demopagina's die met DXPR CMS meekomen, of het QA-demorecept op een testsite. Er is geen apart “simple demo”-pakket; deze pagina behandelt alle drie." tags: - 'Install and update' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: "DXPR Builder uitproberen met demopagina's" description: "Verken DXPR Builder op pagina's die al gebouwd zijn voordat je je eigen maakt. Je kunt de gehoste demo gebruiken, de demopagina's die met DXPR CMS meekomen, of het QA-demorecept op een testsite. Er is geen apart “simple demo”-pakket; deze pagina behandelt alle drie." image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2023-11-06T05:35:12+0000' dateModified: '2026-10-24T17:19:22+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/documentatie/dxpr-builder-leren/aan-de-slag/eenvoudige-demo-installeren' articleSection: 'Installeren en bijwerken' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/eenvoudige-demo-installeren' description: "Verken DXPR Builder op pagina's die al gebouwd zijn voordat je je eigen maakt. Je kunt de gehoste demo gebruiken, de demopagina's die met DXPR CMS meekomen, of het QA-demorecept op een testsite. Er is geen apart “simple demo”-pakket; deze pagina behandelt alle drie." 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 --- [Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Begin hier](/nl/hc/documentation/learn-dxpr-builder/start-here) /[Installeren en bijwerken](/nl/hc/documentation/learn-dxpr-builder/start-here/install) # DXPR Builder uitproberen met demopagina's. DXPR Builder lerenBegin hierInstalleren en bijwerken ## In deze gids Gerelateerde gidsen - [Je eerste pagina](/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/eerste-pagina) - [Een nieuwe site starten met DXPR CMS](/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/dxpr-cms-installeren) - [Begin een pagina met een sjabloon](/nl/hc/documentatie/dxpr-builder-leren/herbruikbare-sjablonen/paginasjablonen) Verken DXPR Builder op pagina's die al gebouwd zijn voordat je je eigen maakt. Je kunt de gehoste demo gebruiken, de demopagina's die met DXPR CMS meekomen, of het QA-demorecept op een testsite. Er is geen apart “simple demo”-pakket; deze pagina behandelt alle drie. | Ik wil ... | Gebruik | Nodig | |---|---|---| | de editor proberen zonder iets te installeren | [De gehoste demo](#the-hosted-demo) | Een browser | | een echte site starten met een paar voorbeeldpagina's | [DXPR CMS-demopagina's](#dxpr-cms-demo-pages) | Een nieuwe DXPR CMS-site | | elk element controleren op een ontwikkel-site | [Het QA-demorecept](#apply-the-qa-demo-recipe) | Een ontwikkel-site met DXPR CMS | ## De gehoste demo [try.dxpr.com](https://try.dxpr.com/) is de live demo gelinkt vanuit de module-README. Er is aan jouw kant niets geïnstalleerd. Een demo blijft actief zolang je hem gebruikt en wordt verwijderd na 6 uur zonder activiteit, dus bewaar er geen werk. ## DXPR CMS-demopagina's DXPR CMS importeert tijdens de installatie drie Landing Page-items: **Home**, **Pagina** en **Neem contact op**. Het maakt `/home` de voorpagina en geeft **Bewerken met DXPR Builder** aan de rollen inhoudbeheerder, sitebouwer en inhoudredacteur. Volg [Een nieuwe site starten met DXPR CMS](/nl/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms); er is geen aparte demostap. ## Het QA-demorecept toepassen De module bevat een Drupal-recept op `recipes/dxpr_builder_qa_demo`, genaamd **DXPR Builder QA-democontent**. Het installeert `dxpr_builder_block`, zet de voorpagina op `/tour` en importeert 75 Landing Page-items. De blokken, media, bestanden en menulinks die ze gebruiken komen mee. Elke pagina toont één functie: een element, een sectieachtergrond, Drupal-blokken en views, sjablonen of vertaling. De demopagina's hebben het inhoudstype **Landingspagina** nodig met zijn veld `field_content` en het mediatype **Afbeelding**, zoals DXPR CMS ze heeft. Pas het recept toe op een ontwikkel-site, nooit op productie: het vervangt je voorpagina. 1. Pas vanuit je projectroot het recept toe. Pas het pad aan als je modules elders staan: ```bash drush recipe:apply web/modules/contrib/dxpr_builder/recipes/dxpr_builder_qa_demo ``` 2. Herbouw de caches: ```bash drush cache:rebuild ``` 3. Open de voorpagina van de site. ## Wat je ziet De voorpagina toont de pagina **Rondleiding**, die opent met “Meet DXPR Builder”. Log in met een account met **Bewerken met DXPR Builder** en beweeg over een demopagina om zijn besturingsbalken te tonen. Open **More** op een element en kies **Instellingen** om te zien hoe het is ingesteld. De demopagina's zijn gewone inhoud: bewerk, depubliceer of verwijder ze onder **Inhoud**. ## Als je de demopagina's niet ziet - **Het recept stopt met een fout voordat het iets importeert.** De site mist het inhoudstype Landingspagina of het mediatype Afbeelding dat de demopagina's gebruiken. Pas het recept toe op een DXPR CMS-site. - **Drush zegt dat het commando “recipe:apply” niet is gedefinieerd.** Recepten hebben Drupal 10.3 of later nodig. Werk Drupal-core bij en pas het recept opnieuw toe. - **De voorpagina toont nog steeds je oude homepage.** De paginacache heeft hem nog. Draai `drush cache:rebuild` en herlaad. - **De demopagina's tonen geen besturingsbalken.** Je rol mist **Bewerken met DXPR Builder**. Ken het toe bij **Personen** > **Toestemmingen** (`/admin/people/permissions`). ## Wat nu? - [Je eerste pagina bouwen](/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/eerste-pagina): maak een eigen pagina vanaf nul of uit een sjabloon. - [Een nieuwe site starten met DXPR CMS](/nl/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms): de volledige DXPR CMS-installatie. - [Paginasjablonen](/nl/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates): start nieuwe pagina's uit sjablonen in plaats van democontent.