Een veelgestelde-vragenpagina bouwen.

DXPR Builder lerenPagina’s bouwenVolg een tutorial

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.

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 > Inhoud toevoegen > 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 > 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.

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 > Settings op het paneel. Zet Samenvouwen aan zodat elke vraag gesloten begint, zet Uitvouwpictogram op +, en klik daarna op Opslaan.
  4. Open More > 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 > 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 > 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.

Wat nu?