--- url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/html' title: 'Ajouter un élément HTML | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:41:35+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Vous obtenez un emplacement sur la page où votre propre code s’exécute, comme une publication sociale ou un widget de réservation. Utilisez-le quand un code intégré tiers ou un balisage sur mesure ne correspond à aucun élément.' tags: - 'Text and media' 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 élément HTML' description: 'Vous obtenez un emplacement sur la page où votre propre code s’exécute, comme une publication sociale ou un widget de réservation. Utilisez-le quand un code intégré tiers ou un balisage sur mesure ne correspond à aucun élément.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:41:35+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/html' articleSection: 'Texte et médias' - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/html' description: 'Vous obtenez un emplacement sur la page où votre propre code s’exécute, comme une publication sociale ou un widget de réservation. Utilisez-le quand un code intégré tiers ou un balisage sur mesure ne correspond à aucun élément.' 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) /[Texte et médias](/fr/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Ajouter un élément HTML. Apprendre DXPR BuilderCréer des pagesAjouter du contenuTexte et médias ## 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 un emplacement sur la page où votre propre code s’exécute, comme une publication sociale ou un widget de réservation. Utilisez-le quand un code intégré tiers ou un balisage sur mesure ne correspond à aucun élément. ## Ajouter un élément HTML 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 **HTML**. L’élément apparaît en haut de la colonne et sa boîte de dialogue de paramètres s’ouvre. 2. Copiez le code d’intégration depuis l’option Embed ou Share du service. Collez-le dans l’éditeur **Raw HTML**. 3. Cliquez sur **Enregistrer** dans la boîte de dialogue, puis sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu pour stocker la page. ## Ce que vous voyez Votre code intégré fonctionne dans l’éditeur dès que vous cliquez sur **Enregistrer** dans la boîte de dialogue, car le constructeur y exécute aussi son script. Dans la vidéo, un agenda Google des jours fériés américains s’affiche dès la fermeture de la boîte de dialogue. Les visiteurs le voient une fois la page enregistrée et publiée. ## Configurer votre élément HTML Survolez l’élément et ouvrez **Plus > Paramètres** dans sa barre de contrôle. Options : - **Raw HTML :** un éditeur de code pour votre HTML, CSS ou JavaScript. Les scripts s’exécutent dans l’éditeur et sur la page publiée. - **HTML ID :** un ID facultatif pour cibler l’élément en CSS ou JavaScript. - **HTML classes :** des classes CSS facultatives pour l’enveloppe de l’élément. ## Si rien ne s’affiche - **HTML ne figure pas dans l’onglet Contenu.** Votre profil d’utilisateur le masque. Demandez à un administrateur de l’activer 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. - **Le code intégré s’affiche comme du texte brut ou une simple citation.** Le script d’intégration n’est pas encore chargé, ou sa ligne `