Base de connaissances

Bénéficiez d'un hébergement web expert

Optez pour la fiabilité et l'expertise de SiteGround pour votre site web !

Accueil / Website Builder / Modification des pages et du contenu / Comment ajouter du contenu à une page

Comment ajouter du contenu à une page

Résumez cet article avec :
Dernière mise à jour : May 26, 2026 2 min de lecture

Pour ajouter du contenu à une page, vous disposez de plusieurs options :

  • Vous pouvez ajouter une section préconçue, dans laquelle vous pouvez ajouter de nouveaux composants ou modifier les composants existants pour remplacer le texte et les images de l’espace réservé.
  • Vous pouvez ajouter une section vierge, puis la remplir avec de nouveaux composants.

Comment ajouter une section à une page

Pour ajouter une section à une page, suivez ces étapes :

  1. Cliquez sur Éditer le site web dans Site Admin pour accéder à Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Ouvrez l’onglet Pages dans la barre d’outils du menu de gauche et choisissez une page existante ou créez-en une nouvelle avec le bouton Ajouter nouveau.
    Pages tab in Website Builder displaying a highlighted Add New button for creating a new page and a selected existing page
  3. Dans l’éditeur visuel situé à droite, accédez à la zone de la page où vous souhaitez ajouter une section, puis cliquez sur Ajouter une section. Si vous avez choisi une nouvelle page vierge, vous serez invité(e) à ajouter votre première section.
    Add Section button for adding a new section to a page in Website Builder
  4. Dans la fenêtre pop-up suivante, choisissez l’une des mises en page préconçues disponibles, organisées par catégories. Une fois que vous en avez trouvé une qui vous convient, passez la souris dessus et cliquez sur le bouton Ajouter une section. Vous pouvez également partir d’une section vierge en cliquant sur le bouton Ajouter une section vide.
    A pop-up window for adding a section highlighting a selected category and the Add Section button for choosing a section layout

  5. Après avoir ajouté la section, passez la souris dessus et cliquez sur l’icône Modifier la section dans la barre d’outils en haut à droite pour modifier les paramètres d’apparence générale.
    Selected section of a page in Website Builder displaying the Edit Section button from the section's toolbar
  6. Si vous souhaitez modifier la position des composants qui constituent la section, faites-les glisser et déposez-les à l’emplacement souhaité dans la grille de la section.
    Grid area of a section on a page in Website Builder where you can drag and drop components into a preferred position
  7. Lorsque vous cliquez sur l’icône Modifier la section, une fenêtre pop-up s’affiche à droite, dans laquelle vous pouvez gérer les paramètres de la section. Ouvrez l’onglet Général pour modifier les paramètres généraux tels que les marges, les espaces entre les composants, etc. Ouvrez l’onglet Design pour modifier la palette de couleurs, la couleur d’arrière-plan, etc.
    A section's settings window where you can change the appearance and design
  8. Pour modifier et mettre en forme le texte, cliquez directement dessus et un menu supérieur apparaîtra avec des options de mise en forme. Vous pouvez y modifier la taille du texte, ajouter des liens ou même générer du texte avec l’IA.
    A section of a page in Website Builder with a highlighted text displaying a toolbar with editing options
  9. Cliquez sur l’image de l’espace réservé que vous souhaitez modifier pour ouvrir ses paramètres Modifier l’image. Vous pouvez remplacer l’image en cliquant sur le bouton Mise à jour dans l’aperçu de l’image, ajouter un lien ou un texte alt, modifier la couleur d’arrière-plan ou la forme de l’image, etc.
    A selected image from a page section in Website Builder displaying a settings screen with the option Update that allows you to replace the image
  10. Si vous souhaitez ajouter une autre image, zone de texte ou d’autres composants à la même section, utilisez le bouton Ajouter sur la gauche.
    An Add button in a page section in Website Builder that allows you to add components to the section
  11. Pour ajouter une autre section au-dessus ou en dessous de la section actuelle, cliquez sur l’un des boutons Ajouter une section.
    An Add Section button on a page in Website Builder for adding a new section

Comment ajouter un composant

Vous pouvez utiliser des composants pour créer une mise en page de page plus personnalisée. Chaque composant est un élément de contenu unique que vous pouvez ajouter à une section préconçue ou vierge.

Pour ajouter un composant :

  1. Passez la souris sur la section choisie et cliquez sur le bouton Ajouter dans le coin supérieur gauche.
    A selected page section in Website Builder with a highlighted Add button in the top-left corner for adding a component
  2. Dans la fenêtre Ajouter un composant, choisissez le type de composant.
    Add Component window with a selected component type
  3. Faites glisser le composant sur la grille jusqu’à la position souhaitée, puis déposez-le.
    A section's grid area where you can drag and drop a component into a new position
  4. Cliquez sur le composant pour ouvrir sa barre d’outils et sélectionnez l’icône Modifier (crayon). Les paramètres généraux spécifiques au composant s’afficheront.
    A selected component displaying its settings window with component-specific settings
  5. Modifiez ensuite le texte. Sélectionnez ou supprimez le texte de l’espace réservé. Une barre d’outils avec des options spécifiques au texte apparaîtra au-dessus de la zone sélectionnée. Vous pouvez saisir votre propre texte et appliquer différents styles et polices, ajouter des liens, utiliser du texte généré par l’IA, etc.
    A component with highlighted placeholder text that you can edit. Above the text is a toolbar with editing options
  6. Cliquez sur une image dans le composant pour la modifier. Vous pouvez remplacer l’image de l’espace réservé en passant la souris sur l’aperçu de l’image et en cliquant sur le bouton Mise à jour, ajouter un lien et un texte alt, modifier la couleur d’arrière-plan et d’autres paramètres.
    A selected image inside a component that displays a settings window where you can edit the image or replace it with the Update button
  7. Continuez à ajouter des composants avec le bouton Ajouter jusqu’à obtenir le rendu souhaité.
    A page section in Website Builder with a highlighted Add button for adding more components to the section

Partager cet article