---
url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/tutorials/formulieren-toevoegen'
title: 'Formulieren toevoegen aan pagina’s | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T04:01:45+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Hier zet je een aanmeldformulier naast je boodschap in één sectie. Het formulier is een Drupal-blok, dus je kunt elk open webformulier zo plaatsen. Gebruik deze pagina voor een formulier in een bestaande pagina. Voor een volledige pagina met adres, kaart en openingstijden volg je Een contactpagina maken.
  De video bouwt een nieuwsbriefaanmelding voor een gezondheidskliniek.
tags:
  - 'Follow a tutorial'
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: 'Formulieren toevoegen aan pagina’s'
      description: |-
        Hier zet je een aanmeldformulier naast je boodschap in één sectie. Het formulier is een Drupal-blok, dus je kunt elk open webformulier zo plaatsen. Gebruik deze pagina voor een formulier in een bestaande pagina. Voor een volledige pagina met adres, kaart en openingstijden volg je Een contactpagina maken.
        De video bouwt een nieuwsbriefaanmelding voor 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:45+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/tutorials/formulieren-toevoegen'
      articleSection: 'Volg een tutorial'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/tutorials/formulieren-toevoegen'
      description: |-
        Hier zet je een aanmeldformulier naast je boodschap in één sectie. Het formulier is een Drupal-blok, dus je kunt elk open webformulier zo plaatsen. Gebruik deze pagina voor een formulier in een bestaande pagina. Voor een volledige pagina met adres, kaart en openingstijden volg je Een contactpagina maken.
        De video bouwt een nieuwsbriefaanmelding voor 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
---
[Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Pagina’s bouwen](/nl/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/nl/hc/documentation/learn-dxpr-builder/tutorials/overview) # Formulieren toevoegen aan pagina’s.

 DXPR Builder lerenPagina’s bouwenVolg een tutorial

   ## In deze gids

 Gerelateerde gidsen

- [Een contactpagina maken](/nl/hc/documentatie/dxpr-builder-leren/tutorials/contactpagina)
- [Drupal-blokken: formulieren, menu's en inhoudsblokken](/nl/hc/documentatie/dxpr-builder-leren/integraties/drupal-blokken)

Hier zet je een aanmeldformulier naast je boodschap in één sectie. Het formulier is een Drupal-blok, dus je kunt elk open webformulier zo plaatsen. Gebruik deze pagina voor een formulier in een bestaande pagina. Voor een volledige pagina met adres, kaart en openingstijden volg je [Een contactpagina maken](/nl/hc/documentatie/dxpr-builder-leren/tutorials/contactpagina).

De video bouwt een nieuwsbriefaanmelding voor een gezondheidskliniek.

  ## Voordat je begint

- Je rol heeft de permissie **Bewerken met DXPR Builder**.
- Het formulier bestaat, bijvoorbeeld als een webformulier gemaakt met de Webform-module.
- De pagina is open in de builder. Ga voor een nieuwe naar **Inhoud** > **Inhoud toevoegen** > **Landingspagina** (`/node/add/landing_page`) en klik op **Opslaan**.

## Stap 1: een gekleurde sectie 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**. Open het paneel **Stijl**, kies een lichtgrijze **Achtergrond** en klik op **Opslaan**.

## Stap 2: twee kolommen toevoegen

1. Klik op **+** op de sectie en kies **Rij**. Een nieuwe rij komt met twee gelijke kolommen, de splitsing die je hier wilt.

## Stap 3: de aanmeldboodschap schrijven

1. Klik op **+** in de linkerkolom en kies **Tekst** op het tabblad **Inhoud**.
2. Typ “Ontvang gezondheidstips per e-mail” en zet het op **Kop 2** via de werkbalk.
3. Voeg één regel toe over wat abonnees krijgen en hoe vaak, en klik daarna op **Opslaan**.

## Stap 4: het formulier invoegen

1. Klik op **+** in de rechterkolom.
2. Open het tabblad **Drupal-blokken**.
3. Kies het blok van je formulier en klik op **Opslaan** in de instellingendialoog. Het formulier toont in de kolom.

## Stap 5: opslaan en vooraf bekijken

1. Klik op **Opslaan** op de werkbalk van de builder.
2. Open het weergavemenu (het **oogpictogram**) en kies **Voorvertoning** om de boodschap naast het formulier te zien.

## Waar formulieren vandaan komen

Niet getoond in de video:

- **Webform-module**: elk open webformulier staat op het tabblad **Drupal-blokken** als “Block: DXPR builder: Webform:” gevolgd door zijn naam. Typ de naam bij **Zoeken**, of kies **DXPR builder** onder **Filteren op categorie**.
- **Core-module Contact**: zijn formulieren bij **Structuur** > **Contactformulieren** hebben geen eigen blok. De contributed module Contact Block voegt een **Contactblok** toe aan hetzelfde tabblad.

## Formulieren stijlen

Niet getoond in de video. Formulieren nemen de stijlen van je thema over. Om ze te wijzigen:

- Voeg klassen toe onder **HTML-klassen** in het paneel **Algemeen** van het blok, en stijl die klassen in je thema.
- Zet marge en padding rond het formulier in het paneel **Stijl** van het blok.

## Wat je ziet

De grijze strook houdt links je kop en één regel tekst en rechts het formulier. In de voorvertoning werkt het formulier zoals voor bezoekers, en inzendingen gaan naar de eigen handlers van het formulier. Kies **Bewerken** in het oogmenu om verder te werken.

## Als je het formulier niet ziet

- **Je webformulier staat niet op het tabblad Drupal-blokken.** De builder toont alleen open webformulieren. Ga naar **Structuur** > **Webformulieren** (`/admin/structure/webform`) en zet de status van het formulier op **Open**.
- **Het tabblad Drupal-blokken ontbreekt of is leeg.** De builder toont blokken alleen wanneer de core-module **Block Content** aanstaat. Schakel hem in bij **Uitbreiden** (`/admin/modules`).
- **Bezoekers zien een lege kolom waar het formulier moet staan.** Het blok verbergt een webformulier voor mensen die het niet mogen indienen. Geef hun rol toestemming om inzendingen aan te maken op de **Toegang**-instellingen van het webformulier.
- **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/documentatie/dxpr-builder-leren/probleemoplossing/opslaan-mislukt).

## Wat nu?

- [Contactpagina](/nl/hc/documentatie/dxpr-builder-leren/tutorials/contactpagina) voor een volledige pagina met een formulier, een kaart en openingstijden
- [Drupal-blokken](/nl/hc/documentation/learn-dxpr-builder/integrations/drupal-blocks) voor elk blok dat je in een pagina kunt zetten