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 ajouter et configurer un formulaire de contact

Comment ajouter et configurer un formulaire de contact

Résumez cet article avec :
Dernière mise à jour : Sep 30, 2026 • 1 min de lecture

Vous pouvez ajouter un formulaire de contact à une page de deux façons :

  • En ajoutant une section prédéfinie incluant un formulaire de contact
  • En ajoutant un composant de formulaire de contact à une section de page

Comment ajouter une section avec formulaire de contact

Pour ajouter un formulaire de contact à votre site, suivez ces étapes :

  1. Accédez à Site Admin puis cliquez sur Éditer le site web.
  2. Accédez à l’onglet Pages et sélectionnez la page sur laquelle vous souhaitez placer le formulaire de contact.
    Section Pages dans l'éditeur visuel de Website Builder où la page Contactez-nous est sélectionnée
  3. Déterminez l’emplacement précis où vous souhaitez ajouter le formulaire de contact, puis cliquez sur Ajouter une section.

    Section sélectionnée sur une page dans Website Builder avec un bouton Ajouter une section mis en évidence

  4. Ouvrez la catégorie Contact, survolez la mise en page souhaitée et cliquez sur son bouton Ajouter une section.
    Une fenêtre contextuelle dans laquelle vous pouvez choisir une mise en page de section avec une mise en page de formulaire de contact sélectionnée
  5. Une fois le formulaire de contact ajouté, vous pouvez cliquer sur l’icône Modifier la section (crayon) dans la barre d’outils en haut à droite.
    Bouton Modifier la section mis en évidence dans la barre d'outils dans le coin supérieur droit d'une section dans Website Builder
  6. Vous pouvez y personnaliser les paramètres généraux de la section : grille, espacement, couleur de fond, etc.
    Fenêtre des paramètres de la section où vous pouvez modifier l'apparence d'une section

Comment ajouter un composant de formulaire de contact

Pour ajouter un composant de formulaire de contact à une page :

  1. Survolez la section où vous souhaitez ajouter le composant, ou créez une nouvelle section.
  2. Cliquez sur le bouton Ajouter dans le coin supérieur gauche de la section.
    Une section sélectionnée dans Website Builder avec un bouton Ajouter mis en évidence dans le coin supérieur gauche pour ajouter un composant
  3. Dans la fenêtre Ajouter un composant, choisissez Formulaire de contact. Vous pouvez utiliser la barre de recherche pour le trouver plus rapidement.
    Fenêtre Ajouter un composant où un composant Formulaire de contact est sélectionné
  4. Faites glisser le composant et déposez-le à l’emplacement souhaité dans la grille de la section.
    La zone de grille d'une section où vous pouvez glisser-déposer un composant de formulaire de contact

Comment personnaliser le formulaire de contact

Une fois le formulaire de contact ajouté, vous pouvez modifier ses paramètres et son apparence.

  1. Cliquez sur le formulaire de contact et sélectionnez l’icône Modifier (crayon) dans la barre d’outils au-dessus.
  2. Ouvrez l’onglet Général dans la fenêtre Modifier le formulaire de contact pour définir l’adresse à laquelle le formulaire vous enverra les emails lors de soumissions réussies, modifier le message de remerciement affiché aux visiteurs, et changer l’objet de l’email.
    Un composant de formulaire de contact où l'icône Modifier de sa barre d'outils est sélectionnée et la fenêtre Paramètres apparaît à droite avec un onglet Général ouvert
  3. Ouvrez l’onglet Contenu pour modifier les champs. Cliquez sur un champ pour ouvrir une autre fenêtre permettant de changer son nom et son texte.
    Fenêtre des paramètres du formulaire de contact avec un onglet Contenu ouvert où vous pouvez modifier les champs du formulaire
  4. Ouvrez l’onglet Design pour modifier l’apparence du formulaire de contact. Vous pouvez modifier les couleurs et les polices du bouton et des champs, changer la couleur de fond, modifier le rayon des coins du formulaire, etc.
    Fenêtre des paramètres du formulaire de contact avec un onglet Conception ouvert où vous pouvez modifier l'apparence du formulaire

Partager cet article