Ajouter un jumbotron.

Apprendre DXPR BuilderCréer des pagesAjouter du contenuMarketing

Vous obtenez une grande bannière hero avec un titre, une phrase d’accroche et un arrière-plan aux couleurs de la marque, prête à accueillir un bouton. Utilisez-la pour ouvrir une page, annoncer un événement ou mener les visiteurs vers une seule action.

Jumbotron primary sombre avec le titre Product Launch 2026, un texte d’accroche et un bouton Reserve your seat

Ajouter un jumbotron

  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 Jumbotron.
  2. Saisissez le Title.
  3. Ajoutez une phrase Lead qui vend l’événement.
  4. Choisissez un Type pour l’arrière-plan ; Primary avec du texte blanc ressort bien.
  5. Cliquez sur Enregistrer dans la boîte de dialogue.
  6. Cliquez sur + dans le jumbotron et ajoutez un Bouton, car un jumbotron est un conteneur.

Puis cliquez sur Enregistrer dans la barre d’outils en haut de la zone de contenu pour stocker la page.

Ce que vous voyez

Titre, accroche et bouton se trouvent dans une seule bannière aux couleurs de la marque sur toute la colonne. Le bouton est un élément Bouton normal dans le jumbotron, vous le modifiez et le stylisez donc seul.

Configurer votre jumbotron

Ouvrez Plus > Paramètres sur l’élément. Options :

  • Title : le titre principal affiché dans le jumbotron.
  • Lead : un texte d’introduction plus grand sous le titre.
  • Type : le style d’arrière-plan : Light, Primary, Secondary, Success, Info, Warning, Danger, Dark ou Default.
  • Padding : l’espacement intérieur autour du contenu : Large, Medium ou Small.

Le jumbotron est un conteneur. Glissez-y ou ajoutez-y d’autres éléments : boutons, images ou plus de texte.

Si rien ne s’affiche

  • Le jumbotron 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.
  • La bannière affiche un « + » et rien d’autre. Aucun élément n’a encore été ajouté dedans. Cliquez sur le + du jumbotron et choisissez un bouton ou du texte.
  • Du texte blanc sur un arrière-plan clair. Type est sur Light alors que le texte du thème est clair. Choisissez Primary ou Dark.

Et ensuite ?

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