---
url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/carte'
title: 'Élément carte | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:43:45+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Vous obtenez une boîte encadrée avec un en-tête et un titre qui contient d’autres éléments, comme du texte ou un bouton. Utilisez les cartes pour grouper du contenu lié comme les services, les profils d’équipe ou les formules tarifaires.'
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-24T14:43:45+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Élément carte'
      description: 'Vous obtenez une boîte encadrée avec un en-tête et un titre qui contient d’autres éléments, comme du texte ou un bouton. Utilisez les cartes pour grouper du contenu lié comme les services, les profils d’équipe ou les formules tarifaires.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:43:45+0000'
      dateModified: '2026-10-24T14:43:45+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/fr/hc/documentation/apprendre-dxpr-builder/elements/carte'
      articleSection: Marketing
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/carte'
      description: 'Vous obtenez une boîte encadrée avec un en-tête et un titre qui contient d’autres éléments, comme du texte ou un bouton. Utilisez les cartes pour grouper du contenu lié comme les services, les profils d’équipe ou les formules tarifaires.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Accueil
            item: 'https://dxpr.com/fr'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: fr
---
[Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre DXPR Builder](/fr/hc/documentation/learn-dxpr-builder) /[Créer des pages](/fr/hc/documentation/learn-dxpr-builder/build) /[Ajouter du contenu](/fr/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/fr/hc/documentation/learn-dxpr-builder/elements/marketing) # Élément carte.

 Apprendre DXPR BuilderCréer des pagesAjouter du contenuMarketing

   ## Dans ce guide

 Guides associés

- [Modifier l’aspect d’un élément dans le panneau Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style)

Vous obtenez une boîte encadrée avec un en-tête et un titre qui contient d’autres éléments, comme du texte ou un bouton. Utilisez les cartes pour grouper du contenu lié comme les services, les profils d’équipe ou les formules tarifaires.

## Élément carte

Ouvrez votre page une fois la session ouverte : les commandes du constructeur apparaissent au survol de la zone de contenu. [Votre première page](/hc/documentation/learn-dxpr-builder/getting-started/first-page) présente les bases.

1. Survolez la colonne et cliquez sur **+** dans sa barre de contrôle, ou cliquez sur **Ajouter des éléments** sur une page vide. Ouvrez l’onglet **Contenu** et cliquez sur **Carte**. Elle arrive en haut de la colonne, sans boîte de dialogue.
2. Survolez-la, cliquez sur **Plus** dans sa barre de contrôle et choisissez **Paramètres**. Saisissez un **Header**, par exemple Investor Relations.
3. Saisissez le **Title** de la carte, par exemple Q3 Results Published.
4. Choisissez un **Type** pour le style de la carte. Ici nous choisissons **Primary**. Le texte devient blanc automatiquement.
5. Cliquez sur **Enregistrer** dans la boîte de dialogue.
6. Survolez la carte et cliquez sur **+** dans sa propre barre de contrôle, pas celle de la colonne. Le **+** dans le corps vide de la carte fonctionne aussi. Ajoutez un **Bouton**, car une carte est un conteneur. Définissez son libellé et son lien comme dans [Bouton](/hc/documentation/learn-dxpr-builder/elements/button). Puis cliquez sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu pour stocker la page.

  ## Ce que vous voyez

Votre en-tête et votre titre se placent sur une carte de la couleur choisie, avec le bouton dedans. Dans la vidéo, ils affichent Investor Relations et Q3 Results Published sur une carte Primary. Le bouton est un élément Bouton normal, donc vous le modifiez et le stylisez seul. Les visiteurs le voient une fois la page enregistrée et publiée.

## Configurer votre carte

Survolez l’élément et ouvrez **Plus > Paramètres** dans sa barre de contrôle. Options :

- **Header :** le texte dans la barre en haut de la carte. Laissez-le vide pour masquer la barre.
- **Title :** le titre en haut du corps de la carte.
- **Type :** la couleur de la carte : Default, Primary, Secondary, Success, Info, Warning, Danger, Dark ou Light. Tous sauf Default et Light utilisent du texte blanc.

Une carte est un conteneur. Ajoutez ou faites glisser d’autres éléments dans son corps, comme du texte, une image ou un bouton.

## Si rien ne s’affiche

- **La carte ne figure pas dans l’onglet Contenu.** Votre profil d’utilisateur la masque. Demandez à un administrateur de cocher **Card (Bootstrap 4/5)** sous **Elements** dans [Profils d’utilisateurs](/fr/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Elle a disparu après rechargement.** La page n’a pas été enregistrée. Ajoutez-la de nouveau et cliquez sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu.
- **La carte ne montre qu’une bordure et rien dedans.** Aucun élément ne s’y trouve encore. Survolez la carte, cliquez sur **+** dans sa barre de contrôle et ajoutez un Texte, une Image ou un Bouton.
- **La barre d’en-tête est manquante.** Le champ **Header** est vide. Survolez l’élément et ouvrez **Plus > Paramètres**, puis saisissez un en-tête.
- **Le texte sur la carte est difficile à lire.** La plupart des options **Type** utilisent du texte blanc, qui s’estompe sur une couleur claire comme Warning. Choisissez un Type plus sombre, ou Light.

## Et ensuite ?

[Onglet Style](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) pour modifier l’espacement et l’arrière-plan de votre carte.