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 utiliser les composants Colonnes

Comment utiliser les composants Colonnes

Résumez cet article avec :
Dernière mise à jour : Oct 01, 2026 • 2 min de lecture

Le composant Colonnes offre une grande flexibilité pour créer différentes mises en page sur votre site, vous permettant d’afficher efficacement différents types d’informations. Grâce aux paramètres de nombre de colonnes et de lignes, ainsi qu’aux options d’affichage ou de masquage des titres, textes, boutons et images, vous pouvez personnaliser la mise en page selon vos besoins.

Comment ajouter un composant Colonnes

Vous pouvez utiliser un composant Colonnes pour créer un design de section personnalisé. Voici les étapes à suivre :

  1. Sélectionnez une section existante ou créez-en une nouvelle.
    Panneau Pages dans Website Builder affichant la page À propos de nous sélectionnée dans la liste des pages du site disponibles
  2. Cliquez sur le bouton Ajouter dans le coin supérieur gauche de la section.
    Interface de l'éditeur de Website Builder avec le bouton Ajouter mis en évidence, utilisé pour insérer de nouveaux composants tels que du texte, des images ou des vidéos dans la mise en page
  3. Dans le menu Ajouter un composant, choisissez le composant Colonnes. Vous pouvez utiliser la barre de recherche pour le trouver plus rapidement.
    Fenêtre Ajouter un composant avec un composant Colonnes sélectionné
  4. Faites glisser et déposez le composant dans la zone de la grille la plus appropriée.
    Zone de grille d'une section où vous pouvez glisser-déposer un composant Colonnes dans la position préférée

Utiliser des sections intégrant des composants Colonnes

Vous pouvez utiliser des sections prédéfinies (comme Équipe, Points forts, Services, etc.) créées avec des composants Colonnes. Celles-ci sont disponibles dans la fenêtre pop-up Ajouter une section lors de l’ajout d’une nouvelle section.

L'éditeur de pages de Website Builder affichant le bouton Ajouter une section entre les blocs de contenu, permettant aux utilisateurs d'insérer des sections de mise en page prédéfinies

Présenter l’équipe

Mettez en avant les membres de votre équipe et leurs rôles, en offrant une présentation à la fois personnelle et professionnelle de votre organisation. Vous pouvez utiliser une section Équipe prédéfinie ou créer votre propre design personnalisé.

Une page dans Website Builder montrant une section de modèle de la catégorie Équipe

Pour configurer cette section, ajustez le nombre de colonnes et de lignes en fonction de la taille de votre équipe. Remplacez les images de substitution par des photos de vos collaborateurs et ajoutez leurs noms et fonctions sous chaque photo. Choisissez la forme et l’ajustement les plus adaptés depuis l’onglet Design dans la fenêtre des paramètres de l’image.

Points forts

Mettez en valeur les aspects marquants de vos services à l’aide de visuels et de textes pour souligner vos principaux atouts et éléments différenciateurs. Vous avez la possibilité d’ajouter une section Points forts prédéfinie et de la personnaliser en conséquence.

Une page dans Website Builder montrant une section de modèle de la catégorie Points forts

Pour configurer cette section, choisissez un nombre approprié de colonnes et de lignes pour afficher vos points forts, tels que « Prix abordables » ou « Taux de satisfaction ». Remplacez les images par des icônes ou des visuels représentant chaque point fort et ajustez leur taille au format souhaité pour un rendu cohérent et soigné.

Services

Offrez un aperçu de vos services avec de brèves descriptions et des visuels. Comme dans les exemples précédents, vous pouvez utiliser une section Services prête à l’emploi ou obtenir un look personnalisé avec un composant ou une section Colonnes.

Une page dans Website Builder montrant une section de modèle de la catégorie Services

Pour configurer cette section, organisez les colonnes et les lignes en fonction du nombre de services que vous proposez. Remplacez les images par des icônes ou des visuels et ajoutez de courtes descriptions sous chaque visuel. Ajustez leur taille pour maintenir une apparence cohérente.

Partager cet article