--- url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/elements/card' title: 'Een kaart toevoegen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:58:58+00:00' updated: '2026-10-24T06:20:39+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Je krijgt een omkaderd vak met een header en een titel waarin andere elementen passen, zoals tekst of een knop. Gebruik kaarten om verwante inhoud te groeperen, zoals diensten, teamprofielen of abonnementen.' 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-24T06:20:39+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Een kaart toevoegen' description: 'Je krijgt een omkaderd vak met een header en een titel waarin andere elementen passen, zoals tekst of een knop. Gebruik kaarten om verwante inhoud te groeperen, zoals diensten, teamprofielen of abonnementen.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:58:58+0000' dateModified: '2026-10-24T06:20:39+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/elements/card' articleSection: Marketing - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/elements/card' description: 'Je krijgt een omkaderd vak met een header en een titel waarin andere elementen passen, zoals tekst of een knop. Gebruik kaarten om verwante inhoud te groeperen, zoals diensten, teamprofielen of abonnementen.' 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) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/hc/documentation/learn-dxpr-builder/elements/marketing) # Een kaart toevoegen. Learn DXPR BuilderBuild pagesAdd contentMarketing ## In this guide Related guides - [Het uiterlijk van een element wijzigen in het paneel Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) Je krijgt een omkaderd vak met een header en een titel waarin andere elementen passen, zoals tekst of een knop. Gebruik kaarten om verwante inhoud te groeperen, zoals diensten, teamprofielen of abonnementen. ## Een kaart toevoegen Open je pagina terwijl je bent ingelogd: de builder-knoppen verschijnen als je met de muis over het inhoudsgebied beweegt. [Je eerste pagina](/nl/hc/documentation/learn-dxpr-builder/getting-started/first-page) legt de basis uit. 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 **Kaart**. De kaart komt bovenaan de kolom te staan, zonder dialoogvenster. 2. Beweeg eroverheen, klik op **More** in de besturingsbalk en kies **Settings**. Typ een **Header**, bijvoorbeeld Relaties met beleggers. 3. Typ de **Titel** van de kaart, bijvoorbeeld Q3-resultaten gepubliceerd. 4. Kies een **Type** voor de kaartstijl. Hier kiezen we **Primair**. De tekst wordt automatisch wit. 5. Klik in het dialoogvenster op **Opslaan**. 6. Beweeg over de kaart en klik op **+** in de eigen besturingsbalk, niet die van de kolom. De **+** in de lege kaart werkt ook. Voeg een **Knop** toe, want een kaart is een container. Stel label en link in zoals bij [Knop](/nl/hc/documentation/learn-dxpr-builder/elements/button). Klik daarna op **Opslaan** in de werkbalk bovenaan het inhoudsgebied om de pagina op te slaan. ## Wat je ziet Je header en titel staan op een kaart in de kleur die je hebt gekozen, met de knop erin. In de video staan Relaties met beleggers en Q3-resultaten gepubliceerd op een primaire kaart. De knop is een normaal Knop-element, dus bewerk en stijl hem apart. Bezoekers zien de kaart zodra je de pagina opslaat en publiceert. ## Je kaart instellen Beweeg over het element en open **More > Settings** in de besturingsbalk. Opties: - **Header:** tekst in de balk bovenaan de kaart. Laat dit veld leeg om de balk te verbergen. - **Titel:** de kop bovenaan in de kaart. - **Type:** de kleur van de kaart: Default, Primary, Secondary, Success, Info, Warning, Danger, Dark of Light. Allemaal behalve Default en Light gebruiken witte tekst. Een kaart is een container. Voeg andere elementen toe aan de kaart of sleep ze erin, zoals tekst, een afbeelding of een knop. ## Als je het niet ziet - **Kaart staat niet in het tabblad Inhoud.** Je gebruikersprofiel verbergt de kaart. Vraag een beheerder om **Kaart (Bootstrap 4/5)** aan te vinken onder **Elementen** in [Gebruikersprofielen](/nl/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **De kaart is weg na het herladen.** De pagina is niet opgeslagen. Voeg de kaart opnieuw toe en klik op **Opslaan** in de werkbalk bovenaan het inhoudsgebied. - **De kaart toont alleen een rand en niets erin.** Er zitten nog geen elementen in. Beweeg over de kaart, klik op **+** in de besturingsbalk en voeg een Tekst, Afbeelding of Knop toe. - **De headerbalk ontbreekt.** De **Header** is leeg. Beweeg over het element en open **More > Settings**, en typ een header. - **Tekst op de kaart is moeilijk leesbaar.** De meeste **Type**-opties gebruiken witte tekst, die wegvalt op een lichte kleur zoals Warning. Kies een donkerder Type, of Light. ## Wat nu? [Tabblad Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) om de witruimte en achtergrond van je kaart aan te passen.