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 créer et modifier une page « Contactez-nous »

Comment créer et modifier une page « Contactez-nous »

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

La plupart des modèles du Website Builder incluent déjà une page « Contactez-nous » par défaut, vous n’avez donc pas besoin de la créer à partir de zéro. Cependant, si vous avez choisi de partir d’un site vierge ou d’un modèle qui ne contient pas cette page, vous devrez la créer manuellement.

  1. Cliquez sur Éditer le site web dans Site Admin > Website Builder.
    Edit Website button in Site Admin of a Website Builder
  2. Accédez à l’onglet Pages et cliquez sur le bouton Nouvelle page.
    Pages section in Website Builder with a highlighted Add New button for creating a Contact us page
  3. Dans la fenêtre pop-up, ouvrez la catégorie Contactez-nous depuis le menu de gauche, puis survolez une mise en page et cliquez sur le bouton Ajouter.
    A pop-up window for creating a page in Website Builder with a selected Contact Us page layout

Comment modifier la page « Contactez-nous »

Ces étapes s’appliquent aussi bien à SiteGround Website Builder qu’à SiteGround Ecommerce. Pour modifier une page « Contactez-nous » existante :

  1. Ouvrez l’onglet Pages depuis la barre d’outils du menu de gauche et choisissez la page Contactez-nous.
    Pages section in Website Builder with a selected Contact Us page
  2. Vous pouvez modifier la page Contactez-nous prédéfinie comme bon vous semble. Vous pouvez ajouter de nouvelles sections à l’aide du bouton Ajouter une section, supprimer des sections existantes depuis le bouton Supprimer la section dans la barre d’outils de la section concernée, ou modifier directement le contenu d’espace réservé. Vous pouvez également ajouter des composants à une section à l’aide du bouton Ajouter dans son coin supérieur gauche.
    Editing options for the Contact Us page in Website Builder
  3. Pour modifier les paramètres généraux de la page, accédez à l’onglet Pages, survolez la page Contactez-nous et ouvrez le menu Paramètres (icône kebab).

    Settings menu of the selected Contact Us page in the Pages section in Website Builder

  4. Ouvrez les paramètres Général pour modifier le titre de la page, l’URL et le statut.
    General settings options for the Contact Us page in Website Builder
  5. Pour modifier le titre SEO et la méta-description, ouvrez les paramètres SEO.
  6. Pour modifier le titre et la description qui apparaissent lors du partage de la page sur les réseaux sociaux, ouvrez les paramètres Réseaux sociaux.

Comment configurer le formulaire de contact

Une fois que vous avez terminé avec les paramètres généraux et l’apparence de la page, vous pouvez passer à la personnalisation du formulaire de contact.

Remarque : Le formulaire de contact n’est pas limité à la page Contactez-nous. Vous pouvez ajouter des formulaires de contact à différentes pages, et chaque formulaire peut avoir ses propres champs, paramètres et destination de soumission.

  1. Cliquez sur le formulaire de contact, et appuyez sur l’icône Modifier dans la barre d’outils ci-dessus pour le modifier.
    Formulaire de contact sélectionné dans le canevas du Site Builder avec la barre d'édition (modifier, copier, supprimer, etc.).
  2. Dans la fenêtre pop-up des paramètres du formulaire de contact, vous pouvez mettre à jour l’Adresse email (plusieurs adresses sont prises en charge), l’Objet, et le Message de remerciement
    Fenêtre Modifier le formulaire de contact sur l'onglet Général, avec les réglages de Soumissions : champs De, Envoyer à et Objet de l'e-mail.

  3. Ouvrez l’onglet Contenu pour modifier les champs du formulaire. Vous pouvez supprimer certains des champs par défaut ou en ajouter d’autres à partir de la liste des champs disponibles.
    Fenêtre Modifier le formulaire de contact sur l'onglet Contenu, avec le bouton Ajouter un nouveau champ et les champs par défaut Nom, E-mail et Message.
  4. Pour modifier l’apparence du formulaire, ouvrez l’onglet Design.
    Fenêtre Modifier le formulaire de contact sur l'onglet Conception, avec Style des éléments (lignes Champs et Bouton) et les réglages d'Arrière-plan.
  5. Cliquez sur Champs pour des paramètres de design supplémentaires des champs du formulaire. Vous pouvez basculer entre les onglets d’état par défaut et survolé.
    Sous-panneau Champs avec les onglets Default et Hovered et des réglages de style : Couleur de fond personnalisée, Couleur du texte de l'étiquette, Famille de polices et Rayon d'angle.
  6. Choisissez Boutons dans l’onglet design pour modifier le texte des boutons et leur apparence. Comme pour l’onglet Champs, il y a des sous-onglets Par défaut et Survolé pour la personnalisation.

Partager cet article