---
url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/jumbotron'
title: 'Een jumbotron toevoegen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:42:13+00:00'
updated: '2026-10-24T05:09:25+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Je krijgt een grote herobanner met een titel, een leadzin en een achtergrond in huisstijl, klaar voor een knop. Gebruik hem om een pagina te openen, een evenement aan te kondigen of bezoekers naar één actie te leiden.'
tags:
  - Marketing
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T05:09:25+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Een jumbotron toevoegen'
      description: 'Je krijgt een grote herobanner met een titel, een leadzin en een achtergrond in huisstijl, klaar voor een knop. Gebruik hem om een pagina te openen, een evenement aan te kondigen of bezoekers naar één actie te leiden.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:42:13+0000'
      dateModified: '2026-10-24T05:09:25+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/elementen/jumbotron'
      articleSection: Marketing
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/jumbotron'
      description: 'Je krijgt een grote herobanner met een titel, een leadzin en een achtergrond in huisstijl, klaar voor een knop. Gebruik hem om een pagina te openen, een evenement aan te kondigen of bezoekers naar één actie te leiden.'
      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) /[Content toevoegen](/nl/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/nl/hc/documentation/learn-dxpr-builder/elements/marketing) # Een jumbotron toevoegen.

 DXPR Builder lerenPagina’s bouwenContent toevoegenMarketing

   ## In deze gids

 Gerelateerde gidsen

- [Het uiterlijk van een element wijzigen in het paneel Stijl](/nl/hc/documentatie/dxpr-builder-leren/elementinstellingen/stijl-tabblad)

Je krijgt een grote herobanner met een titel, een leadzin en een achtergrond in huisstijl, klaar voor een knop. Gebruik hem om een pagina te openen, een evenement aan te kondigen of bezoekers naar één actie te leiden.

## Een jumbotron toevoegen

1. Beweeg over de kolom en klik op **+** in de besturingsbalk, of klik op **Add Elements** op een lege pagina. Open het tabblad **Inhoud** en klik op **Jumbotron**.
2. Typ de **Titel**.
3. Voeg een **Lead**-zin toe die het evenement aanprijst.
4. Kies een **Type** voor de achtergrond; Primair met witte tekst valt op.
5. Klik in het dialoogvenster op **Opslaan**.
6. Klik op **+** in de jumbotron en voeg een **Knop** toe, want een jumbotron is een container.

Klik daarna op **Opslaan** in de werkbalk bovenaan het inhoudsgebied om de pagina op te slaan.

  ## Wat je ziet

Titel, lead en knop staan in één banner in huisstijl over de kolom. De knop is een normaal Knop-element in de jumbotron, dus je bewerkt en stijlt hem apart.

## Je jumbotron instellen

Open **More > Settings** op het element. Opties:

- **Titel:** de hoofdkop in de jumbotron.
- **Lead:** grotere inleidende tekst onder de titel.
- **Type:** achtergrondstijl: Light, Primary, Secondary, Success, Info, Warning, Danger, Dark of Default.
- **Opvulling:** binnenruimte rond de inhoud: Groot, Middel of Klein.

De jumbotron is een container. Sleep andere elementen erin of voeg ze toe: knoppen, afbeeldingen of meer tekst.

## Als je het niet ziet

- **Jumbotron staat niet in het tabblad Inhoud.** Je gebruikersprofiel verbergt hem. Vraag een beheerder om hem in te schakelen in [Gebruikersprofielen](/nl/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Hij is weg na het herladen.** De pagina is niet opgeslagen. Voeg hem opnieuw toe en klik op **Opslaan** in de werkbalk bovenaan het inhoudsgebied.
- **De banner toont een “+” en verder niets.** Er is nog geen element in toegevoegd. Klik op de **+** in de jumbotron en kies een Knop of Tekst.
- **Witte tekst op een lichte achtergrond.** **Type** staat op Licht terwijl de thematekst licht is. Kies Primair of Donker.

## Wat nu?

[Tabblad Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) om de witruimte en achtergrond van je jumbotron aan te passen.