Guides/Modifier votre site/Editeur/Insérer un formulaire de contact

Insérer un formulaire de contact

Vous pouvez ajouter des formulaires à votre site Web pour permettre à vos visiteurs de vous envoyer un message. Les formulaires peuvent être utilisés pour les pages de contact, la prise de rendez-vous, l’inscription à des événements, la collecte de commentaires, etc. Ce guide vous explique comment ajouter un formulaire à votre site.

Insérer un formulaire

Pour ajouter un formulaire à une page, un article ou un modèle, procédez comme suit :

  1. Cliquez sur le bouton + (outil d’insertion de bloc).
  2. Recherchez « formulaire » et cliquez dessus pour ajouter un nouveau bloc Formulaire à votre contenu.
Dans l’outil d’insertion de bloc, le bloc Formulaire porte le titre « Formulaire ».
  1. Choisissez l’une des options de mise en page suivantes (quelle que soit l’option choisie, vous pourrez la modifier plus tard pour l’adapter à vos besoins) :
    • Sélectionnez le modèle qui convient le mieux au type de formulaire que vous créez :
      • Formulaire de contact
      • Formulaire Réponse souhaitée avant le…
      • Formulaire d’inscription
      • Formulaire de rendez-vous
      • Formulaire de commentaires
      • Formulaire Prospect Salesforce
    • Cliquez sur le bouton « Parcourir les compositions de formulaire » pour choisir parmi des mises en page de formulaire préconçues aux designs professionnels.
    • Décrivez votre formulaire à l’Assistant IA qui créera le formulaire pour vous.
Bloc Formulaire affichant des options de formulaire préconçues, notamment Formulaire de contact, Formulaire Réponse souhaitée avant le… et le générateur IA.

💡

S’il vous manque le bloc Formulaire, il est probable que vous exploitiez un site Web WordPress.org. Installez l’extension Jetpack gratuite pour ajouter le bloc Formulaire à votre site.

Utiliser une mise en page de formulaire prédéfinie

Grâce aux compositions de blocs, vous pouvez rapidement ajouter des mises en page de formulaire conçues par des professionnels à votre site WordPress. Suivez ces étapes pour rechercher et insérer une mise en page de formulaire préconçue dans une page, un articleou un modèle :

  1. Cliquez sur le bouton + (outil d’insertion de bloc) dans le coin supérieur gauche ou à l’endroit où celui-ci apparaît dans l’éditeur.
  2. Sélectionnez l’onglet « Compositions ».
  3. Faites défiler ou recherchez des mises en page de formulaire en saisissant « formulaire » dans la barre de recherche.
  4. Choisissez une mise en page de formulaire à votre goût et cliquez une fois pour l’insérer dans la page.
  5. Personnalisez les champs et autres contenus de la composition de formulaire selon vos besoins.
  6. Ajustez les réglages selon vos besoins, comme le texte indicatif et la ligne d’objet de l’e-mail.
  7. Prévisualisez vos modifications, puis cliquez sur le bouton « Publier » ou « Enregistrer ».

Choisir ce qui se passe lors de l’envoi d’un formulaire

Vous pouvez définir différentes actions à exécuter lorsqu’un visiteur de votre site Web soumet le formulaire. Procédez comme suit :

  1. Sélectionnez Vue en liste dans le coin supérieur gauche de l’éditeur. C’est l’icône qui ressemble à trois lignes horizontales superposées.
  2. Localisez le bloc Formulaire ici et cliquez dessus :
Le bloc Formulaire est sélectionné dans la vue en liste.
  1. Dans les réglages du bloc Formulaire sur le côté droit de l’écran, cliquez sur « Action après l’envoi » pour développer les options.
  2. Dans la liste déroulante « À la soumission », choisissez l’une des options suivantes :
    • Afficher un résumé des champs soumis.
    • Afficher un message personnalisé. Vous pouvez modifier le texte par défaut « Votre message a été envoyé » ici.
    • Rediriger vers une autre page Web, que vous pouvez utiliser pour envoyer les utilisateurs vers une autre page de votre site ou de tout autre site.
  3. Cliquez sur le bouton « Publier » ou « Enregistrer » en haut de l’écran.

Autres types de formulaires

Si vous souhaitez insérer un formulaire, mais pas nécessairement un formulaire de contact, envisagez les alternatives suivantes :

Copied to clipboard!