Ajouter un élément HTML.

Apprendre DXPR BuilderCréer des pagesAjouter du contenuTexte et médias

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.

Carte d’article CNN affichant « Happy 100th Birthday, David Attenborough » avec une photo portrait, rendue sur la page via l’élément HTML

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 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.
  • 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 <script> manque. Patientez quelques secondes, ou collez de nouveau le code d’intégration complet.
  • Le champ contient du code mais les visiteurs ne voient rien. Votre site applique des filtres de format de texte aux visiteurs, et ce format peut supprimer des balises comme <script> ou <iframe>. Les éditeurs voient toujours le code fonctionner. Demandez à un administrateur de décocher Apply text format filters to frontend content dans Paramètres généraux, ou d’autoriser ces balises dans le format de texte. Rechargez ensuite la page publiée.
  • La mise en page sous l’élément se casse. Le code contient une balise non fermée. Vérifiez que chaque balise ouvrante a sa balise fermante.

Et ensuite ?

Onglet Style pour modifier l’espacement et l’arrière-plan de votre élément HTML.