---
url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/tutorials/faq-page'
title: 'Een veelgestelde-vragenpagina bouwen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T04:01:06+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Hier bouw je een veelgestelde-vragenpagina waarbij elke vraag met een klik opent en sluit. Je eindigt met een gecentreerde kop, een categorie met vragen in een uitvouwbaar paneel en een contactoproep. Gebruik hem voor een korte lijst met veelvoorkomende vragen. Voor hulpagina’s gegroepeerd per onderwerp volg je in plaats daarvan Een kennisbank bouwen.
  De video bouwt de veelgestelde vragen van een gezondheidskliniek.
tags:
  - 'Volg een tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Een veelgestelde-vragenpagina bouwen'
      description: |-
        Hier bouw je een veelgestelde-vragenpagina waarbij elke vraag met een klik opent en sluit. Je eindigt met een gecentreerde kop, een categorie met vragen in een uitvouwbaar paneel en een contactoproep. Gebruik hem voor een korte lijst met veelvoorkomende vragen. Voor hulpagina’s gegroepeerd per onderwerp volg je in plaats daarvan Een kennisbank bouwen.
        De video bouwt de veelgestelde vragen van een gezondheidskliniek.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T04:01:06+0000'
      dateModified: '2026-10-24T09:09:48+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/tutorials/faq-page'
      articleSection: 'Volg een tutorial'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/tutorials/faq-page'
      description: |-
        Hier bouw je een veelgestelde-vragenpagina waarbij elke vraag met een klik opent en sluit. Je eindigt met een gecentreerde kop, een categorie met vragen in een uitvouwbaar paneel en een contactoproep. Gebruik hem voor een korte lijst met veelvoorkomende vragen. Voor hulpagina’s gegroepeerd per onderwerp volg je in plaats daarvan Een kennisbank bouwen.
        De video bouwt de veelgestelde vragen van een gezondheidskliniek.
      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) /[Volg een tutorial](/hc/documentation/learn-dxpr-builder/tutorials/overview) # Een veelgestelde-vragenpagina bouwen.

 Learn DXPR BuilderBuild pagesVolg een tutorial

   ## In this guide

 Related guides

- [Een uitvouwbaar paneel toevoegen](/nl/hc/documentation/learn-dxpr-builder/layout/collapsibles-element)
- [Een tabbladenpaneel toevoegen](/nl/hc/documentation/learn-dxpr-builder/layout/tabs-element)
- [Een contactpagina maken](/nl/hc/documentation/learn-dxpr-builder/tutorials/contact-page)
- [Een kennisbank bouwen](/nl/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base)

Hier bouw je een veelgestelde-vragenpagina waarbij elke vraag met een klik opent en sluit. Je eindigt met een gecentreerde kop, een categorie met vragen in een uitvouwbaar paneel en een contactoproep. Gebruik hem voor een korte lijst met veelvoorkomende vragen. Voor hulpagina’s gegroepeerd per onderwerp volg je in plaats daarvan [Een kennisbank bouwen](/nl/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base).

De video bouwt de veelgestelde vragen van een gezondheidskliniek.

  ## Voordat je begint

- Je rol heeft de permissie **Bewerken met DXPR Builder**.
- De pagina is open in de builder. Ga voor een nieuwe naar **Inhoud** &gt; **Inhoud toevoegen** &gt; **Landingspagina** (`/node/add/landing_page`) en klik op **Opslaan**.
- Nieuwe elementen en nieuwe toggles belanden bovenaan hun container. Voeg vragen van de laatste naar de eerste toe, of sleep ze daarna op hun plek.

## Stap 1: de header toevoegen

1. Klik op **Add Elements** op de lege pagina en kies **Sectie** op het tabblad **Lay-out**.
2. Beweeg over de sectie en open **More** &gt; **Settings**. Kies onder **HTML-klassen** de optie **Align text center**, en klik daarna op **Opslaan**.
3. Klik op **+** op de sectie en kies **Tekst** op het tabblad **Inhoud**.
4. Typ “Veelgestelde vragen” en zet het op **Kop 2** via de werkbalk. Voeg één regel toe die zegt waar de pagina over gaat, en klik daarna op **Opslaan**. Het thema drukt de paginatitel af als kop 1 van de pagina. Om in plaats daarvan deze kop kop 1 te maken, zie [SEO-vriendelijke pagina’s bouwen](/nl/hc/documentation/learn-dxpr-builder/tutorials/seo#step-1-start-the-content-at-heading-2).

## Stap 2: een categorie met vragen toevoegen

1. Beweeg over de sectie en klik op **Sectie hieronder toevoegen**.
2. Klik op **+** op de nieuwe sectie en kies **Uitvouwbaar paneel** op het tabblad **Lay-out**; het komt met één lege toggle.
3. Open **More** &gt; **Settings** op het paneel. Zet **Samenvouwen** aan zodat elke vraag gesloten begint, zet **Uitvouwpictogram** op **+**, en klik daarna op **Opslaan**.
4. Open **More** &gt; **Settings** op de toggle, typ de vraag als **Toggletitel** en klik op **Opslaan**. Nieuwe toggles belanden bovenaan, dus begin met de laatste vraag.
5. Klik op de vraag om de inhoud te openen, klik op **+** erin en kies **Tekst**. Typ het antwoord en klik op **Opslaan**.
6. Klik op **Toggle toevoegen** op het paneel en herhaal stap 4 en 5 voor elke vraag, omhoog werkend naar de eerste.
7. Klik nog een keer op **+** op de sectie en kies **Tekst**; deze belandt boven het paneel. Typ de categorienaam als **Kop 2** en klik op **Opslaan**.

Mik op 3 tot 6 vragen per categorie.

## Stap 3: een contactoproep toevoegen

1. Voeg een derde sectie toe met **Sectie hieronder toevoegen** en open **More** &gt; **Settings**. Kies **Align text center** onder **HTML-klassen** en een lichtgrijze **Achtergrond** in het paneel **Stijl**. Klik op **Opslaan**.
2. Klik op **+** op de sectie en kies **Knop**. Zet **Titel** op “Neem contact met ons op”, **Link** op `/contact`, **Type** op **Primary** en **Size** op **Large**, en klik daarna op **Opslaan**.
3. Klik opnieuw op **+** en kies **Tekst**; deze belandt boven de knop. Typ “Nog vragen?” als **Kop 2**, voeg één regel toe die naar je team wijst, en klik daarna op **Opslaan**.

## Stap 4: opslaan en vooraf bekijken

1. Klik op **Opslaan** op de werkbalk van de builder.
2. Open het weergavemenu (het **oogpictogram**) en kies **Voorvertoning**.

## Verder gaan

Niet getoond in de video:

- **Meer categorieën**: herhaal stap 2 voor elke categorie, elk één sectie en één uitvouwbaar paneel. Veelvoorkomende zijn Aan de slag, Account en facturering, Functies, Probleemoplossing en Privacy en beveiliging.
- **Tabbladen in plaats van secties**: voeg bij weinig categorieën een element **Tabbladen** toe op het tabblad **Lay-out**, één tabblad per categorie, en zet in elk tabblad een uitvouwbaar paneel. Elke categorie blijft bereikbaar zonder te scrollen.

## SEO-tips

- Gebruik de echte vraag als **Toggletitel**
- Beantwoord in de eerste zin, voeg daarna details toe
- Link antwoorden aan de pagina waarnaar ze verwijzen
- Voeg gestructureerde FAQ-data toe via je thema of een Drupal-module

## Wat je ziet

De kop staat gecentreerd bovenaan. Onder de categoriekop is elke vraag gesloten en toont een **+**. Een klik opent het antwoord, en de afsluitende strook biedt de knop **Neem contact met ons op**.

## Als je de pagina niet ziet zoals getoond

- **Alle vragen beginnen open.** **Samenvouwen** staat uit op het uitvouwbare paneel. Open **More** &gt; **Settings** van het paneel, zet **Samenvouwen** aan en klik op **Opslaan**.
- **Er is geen + in een toggle.** De inhoud van de toggle is gesloten. Klik op de vraag om hem te openen, en klik daarna op **+** erin.
- **De vragen staan in de verkeerde volgorde.** Nieuwe toggles belanden bovenaan het paneel. Sleep elke toggle op zijn plek aan de sleepgreep op de besturingsbalk.
- **Je wijzigingen zijn weg na een herladen.** Je verliet de pagina voordat je op **Opslaan** op de werkbalk van de builder klikte. Als Opslaan een fout toont, zie [Wijzigingen worden niet opgeslagen](/nl/hc/documentation/learn-dxpr-builder/troubleshooting/saving-fails).

## Wat nu?

- [Uitvouwbare panelen](/nl/hc/documentation/learn-dxpr-builder/layout/collapsibles-element) voor elke instelling van het uitvouwbare paneel
- [Tabbladenelement](/nl/hc/documentation/learn-dxpr-builder/layout/tabs-element) voor lay-outs met tabbladen
- [Contactpagina](/nl/hc/documentation/learn-dxpr-builder/tutorials/contact-page) voor de pagina waarnaar de knop linkt
- [Kennisbank](/nl/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base) om helpsecties met meer structuur te bouwen