Créer une page contact avec WPForms dans WordPress

Découvrez comment créer une page contact WordPress avec l’extension WPForms, personnaliser les champs du formulaire et présenter les coordonnées du photographe dans une mise en page en colonnes.

Détails de la leçon

Description de la leçon

Cette leçon montre comment compléter une page contact encore vide dans WordPress à l’aide de l’extension WPForms. La première étape consiste à installer l’extension depuis le répertoire des extensions, puis à l’activer dans l’administration du site. À partir de l’interface WPForms, le tutoriel utilise le modèle de formulaire de contact simple pour créer rapidement une base fonctionnelle.

Les champs du formulaire sont ensuite adaptés aux besoins du site : le champ du nom est renommé « Prénom et Nom », tandis que le champ des commentaires devient « Message ». Ces champs peuvent être configurés comme obligatoires. Après l’enregistrement, le formulaire est inséré dans la page Contact à l’aide du bloc WPForms, tandis qu’un paragraphe présente les coordonnées du photographe, notamment son nom, son téléphone et son adresse e-mail.

La leçon explique également comment organiser les éléments côte à côte avec une structure en colonnes, en plaçant les coordonnées dans une colonne et le formulaire dans l’autre. Enfin, elle présente quelques réglages utiles : le texte du bouton d’envoi, le message de confirmation, la couleur du bouton et l’adresse e-mail de notification. Les soumissions restent consultables dans le site, et les notifications peuvent être envoyées à l’adresse de l’administrateur ou à d’autres adresses configurées. Le résultat est une page de contact plus claire et adaptée aux visiteurs.

Objectifs de cette leçon

À l’issue de la leçon, vous pourrez :

  • installer et activer WPForms ;
  • créer un formulaire à partir d’un modèle et personnaliser ses champs ;
  • insérer le formulaire et les coordonnées dans une page WordPress ;
  • organiser la page en colonnes et modifier les principaux réglages d’envoi et de notification.

Prérequis pour cette leçon

Disposer d’un site WordPress et d’un accès à son tableau de bord avec les droits nécessaires pour installer des extensions et modifier des pages. Une connaissance de base de l’éditeur de blocs WordPress est utile, mais aucune compétence en programmation n’est requise.

Métiers concernés

La création d’une page contact est utile aux photographes, aux travailleurs indépendants, aux artisans, aux associations et aux petites entreprises qui souhaitent faciliter les demandes de renseignements ou de devis. Elle concerne aussi les webmestres et intégrateurs WordPress chargés de mettre en place et de maintenir des sites professionnels.

Alternatives et ressources

Pour créer des formulaires sous WordPress, il est également possible d’utiliser Contact Form 7, Formidable Forms ou Ninja Forms. Selon les besoins, un formulaire intégré fourni par un service externe peut aussi convenir. Les options disponibles et certaines fonctions de personnalisation varient selon l’extension et son éventuelle version payante.

Questions & Réponses

Après avoir installé et activé WPForms depuis le tableau de bord WordPress, ouvrez l’extension et choisissez l’option de création d’un formulaire. Sélectionnez le modèle de contact simple, puis modifiez les champs selon les besoins, par exemple en renommant le champ du nom et celui des commentaires. Enregistrez le formulaire avant de l’ajouter à la page.
Dans l’éditeur de la page, ajoutez une structure en colonnes. Placez le paragraphe contenant les coordonnées du photographe dans la première colonne, puis déplacez le bloc WPForms qui affiche le formulaire dans la seconde. Enregistrez la page et vérifiez le rendu sur le site.
Les réglages présentés permettent notamment de modifier le libellé du bouton d’envoi, le message de confirmation affiché après l’envoi et la couleur du bouton. Il est également possible de définir l’adresse qui reçoit les notifications. Les entrées envoyées peuvent par ailleurs être consultées depuis le site.