--- url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/panneau' title: 'Ajouter un panneau | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:43:48+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Vous obtenez une boîte encadrée avec une barre de titre colorée qui garde ensemble du contenu lié, comme des horaires d’ouverture ou un avis. Utilisez-la quand un bloc d’une page a besoin de son propre titre et cadre.' 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-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: 'Ajouter un panneau' description: 'Vous obtenez une boîte encadrée avec une barre de titre colorée qui garde ensemble du contenu lié, comme des horaires d’ouverture ou un avis. Utilisez-la quand un bloc d’une page a besoin de son propre titre et cadre.' 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:48+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/fr/hc/documentation/apprendre-dxpr-builder/elements/panneau' articleSection: Marketing - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/panneau' description: 'Vous obtenez une boîte encadrée avec une barre de titre colorée qui garde ensemble du contenu lié, comme des horaires d’ouverture ou un avis. Utilisez-la quand un bloc d’une page a besoin de son propre titre et cadre.' 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) # Ajouter un panneau. 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 une barre de titre colorée qui garde ensemble du contenu lié, comme des horaires d’ouverture ou un avis. Utilisez-la quand un bloc d’une page a besoin de son propre titre et cadre. ## Ajouter un panneau Ouvrez votre page une fois la session ouverte : les commandes du constructeur apparaissent au survol de la zone de contenu. [Votre première page](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/premiere-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 **Panneau**. Il arrive en haut de la colonne, sans boîte de dialogue. 2. Survolez le panneau, cliquez sur **Plus** dans sa barre de contrôle et choisissez **Paramètres**. Saisissez un **Title**. 3. Choisissez un **Type** pour la couleur : DXPR, Default, Primary, Success, Info, Warning ou Danger. Ici nous choisissons **Primary**. 4. Cliquez sur **Enregistrer** dans la boîte de dialogue. 5. Cliquez sur le **+** dans le corps du panneau et ajoutez un **Bouton** depuis l’onglet **Contenu**. Un élément de texte fonctionne aussi, par exemple pour les horaires d’ouverture. 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 titre se place dans une barre de titre colorée, et le bouton dans le corps du panneau en dessous. Le bouton est son propre élément, donc vous le modifiez et le stylisez seul. Dans la vidéo, un panneau Primary intitulé Citizen Services Opening Hours contient un bouton de réservation. Les visiteurs le voient une fois la page enregistrée et publiée. ## Configurer votre panneau Survolez l’élément et ouvrez **Plus > Paramètres** dans sa barre de contrôle. Options : - **Title :** le texte dans la barre de titre. Laissez-le vide pour un panneau sans barre de titre. - **Type :** la couleur de la bordure et de la barre de titre, prise dans votre thème : Default, Primary, Success, Info, Warning ou Danger. DXPR, la valeur par défaut, est une boîte sombre avec du texte clair à la place. Le panneau est un conteneur. Ajoutez ou faites glisser du texte, des images, des icônes ou des boutons dans son corps. ## Si rien ne s’affiche - **Le panneau ne figure pas dans l’onglet Contenu.** Votre profil d’utilisateur le masque. Demandez à un administrateur de cocher **Panel (Bootstrap 3)** sous **Elements** dans [Profils d’utilisateurs](/fr/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Il a disparu après rechargement.** La page n’a pas été enregistrée. Ajoutez-le de nouveau et cliquez sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu. - **Aucune boîte de dialogue de paramètres ne s’ouvre à l’ajout du panneau.** Un panneau entre sans boîte de dialogue. Survolez l’élément et ouvrez **Plus > Paramètres** pour définir son titre et son type. - **Le panneau montre une barre de titre et rien en dessous.** Aucun élément n’a encore été ajouté dedans. Cliquez sur le **+** dans le corps du panneau et ajoutez un Texte ou un Bouton. - **La barre de titre est manquante.** Le champ **Title** est vide. Survolez l’élément et ouvrez **Plus > Paramètres**, puis saisissez un titre. ## Et ensuite ? [Onglet Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style) pour modifier l’espacement et l’arrière-plan de votre panneau.