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 / Ecommerce / Comment afficher des services sur une page

Comment afficher des services sur une page

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

Ces étapes s’appliquent aussi bien à SiteGround Website Builder qu’à SiteGround Ecommerce.

Comment mettre en valeur vos services avec une section Services

Vous pouvez utiliser des mises en page de sections soigneusement conçues pour présenter vos services de la meilleure façon possible.

  1. Cliquez sur Éditer le site web dans Site Admin > Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Ouvrez l’onglet Pages depuis la barre d’outils du menu de gauche.
  3. Sélectionnez la page sur laquelle vous souhaitez présenter vos services.
    Pages tab in Website Builder with a selected page
  4. Choisissez un emplacement pour la section services et cliquez sur le bouton Ajouter une section dans l’éditeur visuel de la page.
    A page in Website Builder displaying the Add Section button for adding a section
  5. Dans la fenêtre pop-up, ouvrez la catégorie Services et sélectionnez un design adapté à l’aide du bouton Ajouter une section.
    A pop-up window for adding a section with highlighted Services category and Add Section button for choosing a section layout

  6. Après avoir ajouté la section, vous pouvez la personnaliser de différentes façons. Cliquez sur la colonne de présentation, puis appuyez sur l’icône Modifier (crayon).
  7. Une fenêtre Modifier la colonne de vitrine s’ouvrira à droite. Vous pourrez y modifier la couleur de fond, le nombre de lignes et de colonnes, la taille des images, ainsi que d’autres paramètres.
    Selected Showcase Column inside a section displaying editing options
  8. Remplacez ensuite le texte de l’espace réservé par votre propre contenu.
  9. Pour remplacer les images, cliquez sur l’image sélectionnée. Dans la fenêtre pop-up qui s’affiche à droite, cliquez sur le bouton Mettre à jour dans l’aperçu de l’image. Vous pouvez alors télécharger une nouvelle image, en sélectionner une dans votre galerie multimédia ou utiliser une image gratuite de la galerie « Unsplash ».
    Selected Showcase Column inside a section with highlighted text and image displaying editing options

Comment présenter vos services avec un composant Colonnes

Outre les mises en page préconçues, vous pouvez utiliser des composants pour repenser une section existante ou créer un design unique pour une section vierge. Pour mettre en valeur vos services, l’option la plus adaptée est d’utiliser un composant Colonnes.

  1. Cliquez sur une section existante, ou utilisez le bouton Ajouter une section pour sélectionner une mise en page de section ou en créer une nouvelle vierge.
  2. Dans la zone de la section, cliquez sur le bouton Ajouter dans le coin supérieur gauche.
    Selected section in Website Builder with highlighted Add button for adding a component
  3. Dans la fenêtre pop-up Ajouter un composant, sélectionnez le composant qui correspond le mieux à vos besoins. Vous pouvez utiliser n’importe quel type de composant, mais pour présenter des services, le composant Colonnes est recommandé.
    Add Component menu with a selected Columns componet that you can use to showcase services
  4. Faites glisser le composant et déposez-le à l’endroit qui vous convient le mieux dans la zone de la grille de la section.
    Section grid area on a page in Website Builder where you can drag and drop a component
  5. Cliquez sur le composant pour ouvrir sa barre d’outils et sélectionnez l’icône Modifier (crayon).
  6. Une fenêtre Modifier la colonne de vitrine s’ouvrira à droite. Vous pourrez y modifier le nombre de lignes et de colonnes, ajuster l’espacement entre les colonnes, sélectionner les éléments à afficher, et bien plus encore.
    Selected component on a page in Website Builder displaying editing options
  7. Remplacez le texte de l’espace réservé par le vôtre.
  8. Pour remplacer l’une des images par défaut, cliquez dessus. Dans la fenêtre pop-up qui s’affiche à droite, cliquez sur Mettre à jour dans l’aperçu de l’image. Vous pouvez ensuite télécharger une nouvelle image depuis votre appareil, utiliser l’une des images de votre galerie multimédia ou sélectionner une image gratuite dans la galerie « Unsplash ».
    Selected component on a page in Website Builder with highlighted image and text displaying editing options

Partager cet article