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 / Formulaire de contact / 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 : May 26, 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 > Website Builder, puis cliquez sur Éditer le site web.
    Edit Website button in Site Admin of a Website Builder
  2. Accédez à l’onglet Pages et sélectionnez la page sur laquelle vous souhaitez placer le formulaire de contact.
    Pages section in the visual editor of Website Builder where the Contact Us page is selected
  3. Déterminez l’emplacement précis où vous souhaitez ajouter le formulaire de contact, puis cliquez sur Ajouter une section.
    Selected section on a page in Website Builder with a highlighted Add Section button


  4. Ouvrez la catégorie Contact, survolez la mise en page souhaitée et cliquez sur son bouton Ajouter.
    A pop-up window where you can choose a section layout with a selected contact form layout
  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.
    Highlighted Edit Section button in the toolbar in the top-right cornere of a section in Website Builder
  6. Vous pouvez y personnaliser les paramètres généraux de la section : grille, espacement, couleur de fond, etc.
    Section's settings window where you can change the appearance of a 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.
    A selected section in Website Builder with a highighted Add button in the top-left corner for adding a component
  3. Dans la fenêtre Ajouter un composant, choisissez Formulaire de contact.
    Add Component window where a Contact Form component is selected
  4. Faites glisser le composant et déposez-le à l’emplacement souhaité dans la grille de la section.
    A section's grid area where you can drag and drop a contact form component

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.
    A contact form component where the Edit icon from its toolbar is selected and the Settings window appears on the right with an open General tab
  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.
    Contat form's settings window with an open Content tab where you can modify the form fields
  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.
    Contact form's settings window with an open Design tab where you can change the form's appearance

Partager cet article