--- url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/demarrage/guide-du-produit' title: 'Visiter DXPR Builder et choisir votre installation | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:40:59+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Faites un court tour de DXPR Builder et voyez où DXPR Theme s’insère. Vous ouvrez le sélecteur d’éléments, construisez une section stylée et la prévisualisez. Le reste de cette page montre ce que chaque produit ajoute, pour choisir entre le constructeur seul, le constructeur avec DXPR Theme, ou DXPR CMS avec les deux. La vidéo visite DXPR Builder sur une page nouvelle et vide et construit une section. tags: - 'Build your first page' 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: 'Visiter DXPR Builder et choisir votre installation' description: |- Faites un court tour de DXPR Builder et voyez où DXPR Theme s’insère. Vous ouvrez le sélecteur d’éléments, construisez une section stylée et la prévisualisez. Le reste de cette page montre ce que chaque produit ajoute, pour choisir entre le constructeur seul, le constructeur avec DXPR Theme, ou DXPR CMS avec les deux. La vidéo visite DXPR Builder sur une page nouvelle et vide et construit une section. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:40:59+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/demarrage/guide-du-produit' articleSection: 'Créer votre première page' - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/demarrage/guide-du-produit' description: |- Faites un court tour de DXPR Builder et voyez où DXPR Theme s’insère. Vous ouvrez le sélecteur d’éléments, construisez une section stylée et la prévisualisez. Le reste de cette page montre ce que chaque produit ajoute, pour choisir entre le constructeur seul, le constructeur avec DXPR Theme, ou DXPR CMS avec les deux. La vidéo visite DXPR Builder sur une page nouvelle et vide et construit une section. 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) /[Commencer ici](/fr/hc/documentation/learn-dxpr-builder/start-here) /[Créer votre première page](/fr/hc/documentation/learn-dxpr-builder/start-here/first-steps) # Visiter DXPR Builder et choisir votre installation. Apprendre DXPR BuilderCommencer iciCréer votre première page ## Dans ce guide Guides associés - [Construisez votre première page](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/premiere-page) - [À qui s’adresse DXPR Builder](/fr/hc/documentation/apprendre-dxpr-builder/commencez-ici/a-qui-il-s-adresse) Faites un court tour de DXPR Builder et voyez où DXPR Theme s’insère. Vous ouvrez le sélecteur d’éléments, construisez une section stylée et la prévisualisez. Le reste de cette page montre ce que chaque produit ajoute, pour choisir entre le constructeur seul, le constructeur avec DXPR Theme, ou DXPR CMS avec les deux. La vidéo visite DXPR Builder sur une page nouvelle et vide et construit une section. ## Visiter l’éditeur Partez d’une page enregistrée et vide d’un type de contenu qui montre le constructeur. 1. Cliquez sur **Ajouter des éléments** pour ouvrir le sélecteur d’éléments. 2. Parcourez ses onglets : **Content**, **Drupal Blocks**, **Drupal Views**, **Saved templates** et **Layout**. 3. Choisissez **Section** dans l’onglet **Mise en page**. 4. Survolez la section, ouvrez **Plus**, choisissez **Paramètres** et choisissez un **Background** dans le panneau **Style**. 5. Cliquez sur **+** sur la section pour ajouter une **Row**, puis ajoutez un **Bouton** et du **Texte** à ses colonnes. Choisissez une **Font color** pour le texte dans son panneau **Style**. 6. Cliquez sur **Enregistrer** sur la barre d’outils, puis ouvrez le menu d’affichage et choisissez **Aperçu**. ## Ce que vous voyez Dans l’**Aperçu**, une section gris clair montre deux colonnes. Celle de gauche contient un titre, une ligne de texte et un bouton **Learn more** ; celle de droite contient un titre violet et son texte. L’aperçu masque les barres de contrôle et les boutons plus, vous voyez donc la page comme les visiteurs la verront. ## Ce que chaque produit ajoute **DXPR Builder** est le module Drupal que vous venez de visiter. Il marche avec tout thème et ajoute : - 22 éléments de contenu et 6 éléments de mise en page - La modification sur la page elle-même, avec un aperçu - Texte IA, création de pages et images IA, avec les modules IA installés - Modèles de pages et modèles d’utilisateur réutilisables - Profils d’utilisateurs qui définissent ce que chaque rôle peut utiliser - Blocs et vues Drupal dans vos mises en page **DXPR Theme** est un thème Bootstrap 5 de DXPR. Il ajoute des réglages pour les couleurs, les polices, l’en-tête et la mise en page, et il s’adapte aux téléphones et tablettes. Il n’a besoin d’aucune clé produit propre. | | DXPR Builder avec un autre thème | DXPR Builder avec DXPR Theme | |---|---|---| | Bootstrap 5 | Depuis votre thème, ou **Sideload Bootstrap files** réglé sur **Bootstrap 5** | Fourni par le thème | | Nuanciers dans le constructeur | La palette de votre thème, s’il en définit une | La palette de couleurs DXPR Theme | | Défilement fluide sous un en-tête fixe | Réglez **Scroll offset selector** sur votre en-tête | Marche à l’installation | | Clé produit | Requise | Requise pour DXPR Builder uniquement | Les deux réglages sont sur la page **General Settings** de DXPR Builder, sous **Bootstrap** et **Advanced Settings**. ## Choisir votre installation | Je veux… | Utiliser | Requiert | |---|---|---| | démarrer un nouveau site avec tout configuré | [DXPR CMS](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/installer-dxpr-cms) | Un nouveau site Drupal 11 | | ajouter la construction visuelle de pages à un site que j’exploite déjà | [DXPR Builder seul](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/installation) | Bootstrap 5 depuis le thème ou le réglage sideload | | accorder le constructeur à un thème sur mesure | DXPR Builder plus [Theming](/hc/documentation/learn-dxpr-builder/development/theming) | Un développeur | Les marketeurs de contenu qui partent de zéro tirent le plus de DXPR CMS : les deux produits et les pages de démo arrivent prêts à l’emploi. Les webmestres avec un site existant ajoutent DXPR Builder et gardent leur thème. ## Si le sélecteur d’éléments ne s’affiche pas - **La page vide montre « Choose a template » mais aucun bouton Add Elements.** **Enable page creation assistant** est désactivé à `/admin/dxpr_studio/dxpr_builder/ai_settings`. Cliquez sur **+** sur la barre d’outils du constructeur pour ouvrir plutôt le sélecteur. - **Boutons et colonnes semblent sans style.** Votre thème ne charge pas Bootstrap 5. Réglez **Sideload Bootstrap files** sur **Bootstrap 5** sous **Bootstrap** à `/admin/dxpr_studio/dxpr_builder/settings`. - **Le sélecteur de couleur ne montre aucun nuancier.** Votre thème ne définit aucune palette de couleurs. Choisissez la couleur dans le sélecteur lui-même, ou utilisez un thème avec une palette, comme DXPR Theme. ## Et ensuite ? - [Construisez votre première page](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/premiere-page) : une page complète, étape par étape. - [Qui utilise DXPR Builder](/fr/hc/documentation/learn-dxpr-builder/start-here/who-uses-it) : ce que marketeurs, webmestres et développeurs en font chacun.