Un formulaire de contact est une caractéristique essentielle de presque tous les types de sites Web. Que vous souhaitiez recevoir des commentaires de vos visiteurs ou des demandes de clients et de prospects, l'ajout d'un formulaire de contact est l'un des meilleurs moyens de permettre aux gens de communiquer.
Sans surprise, quand il s'agit d'ajouter un formulaire de contact à votre site Web WordPress, la façon la plus simple est d'utiliser un plugin spécialement conçu, dont l'un est le WPForms populaire et puissant de l'équipe derrière OptinMonster et Soliloquy.
Dans ce guide, nous vous montrerons comment créer rapidement et facilement un formulaire de contact de base pour votre site WordPress en utilisant la version gratuite de WPForms: WPForms Lite.
Pourquoi utiliser WPForms?
En ce qui concerne les plugins de formulaire de contact WordPress, il y a beaucoup de choix. Cependant, WPForms est l'un des moyens les plus rapides et les plus faciles d'ajouter un formulaire de contact à votre site Web, tout en vous offrant la possibilité de mettre à jour vos formulaires si vous avez des besoins plus avancés à l'avenir.
WPForms Lite est disponible dans le répertoire des plugins WordPress.
Grâce aux modèles WPForms, vous pouvez ajouter un formulaire de contact à votre site Web WordPress en un rien de temps et, si vous en avez besoin, l'outil de création de formulaire intuitif par glisser-déposer est disponible pour vous aider à créer des formulaires personnalisés pour Presque n'importe quel but.
Alors maintenant que vous savez pourquoi WPForms est une bonne option, nous vous montrerons ci-dessous comment utiliser ce plugin gratuit pour ajouter un formulaire de contact de base à WordPress.
Comment ajouter le plugin WPForms Lite à votre site Web WordPress
La première étape de la création d'un formulaire de contact de base avec WPForms consiste à ajouter le plugin à votre site Web. WPForms est disponible en deux versions principales: une version gratuite et une option commerciale plus avancée. Cependant, si un formulaire de contact de base est tout ce que vous recherchez, la version gratuite est plus que suffisante.
Le moyen le plus rapide d'ajouter le plugin à votre site Web est de vous connecter à votre zone d'administration WordPress et d'accéder à la section plugins du tableau de bord.
WPForms Lite peut être installé directement à partir de votre tableau de bord WordPress.
Depuis la page Ajouter des plugins, entrez "WPForms Lite" dans la zone de recherche et installez le premier plugin renvoyé dans les résultats.
Recherchez «WPForms Lite», puis cliquez sur le bouton Installer maintenant.
Sur l'écran suivant, cliquez sur le bouton Activer et WPForms est prêt à être utilisé sur votre site WordPress.
Comment créer un formulaire de contact WordPress de base avec WPForms
Dans le cadre de sa tentative d'être le plugin de formulaires WordPress le plus simple à utiliser, WPForms affiche un message de bienvenue utile après l'activation du plugin.
L'écran de bienvenue de WPForms Lite comprend une vidéo pour vous aider à créer votre premier formulaire.
Depuis l'écran d'accueil, vous pouvez voir un guide vidéo utile pour créer votre premier formulaire de contact avec WPForms. Alternativement, vous pouvez simplement cliquer sur le bouton Créer votre premier formulaire pour commencer. Si pour une raison quelconque, l'écran de bienvenue ne s'affiche pas, vous pouvez créer un nouveau formulaire de contact en cliquant sur le menu de la barre latérale WPForms, puis sur Ajouter un nouvel élément.
Le menu WPForms dédié permet d'accéder facilement aux fonctions du plug-in.
En plus de cliquer sur le bouton Créer votre premier formulaire, vous avez maintenant la possibilité d'accepter le défi WPForms qui vise à vous guider dans le processus de création de votre premier formulaire en moins de cinq minutes. Si vous choisissez de relever le défi, l'assistant de configuration vous guidera à travers les cinq étapes pour créer un formulaire, de lui donner un nom à le publier sur votre site Web.
L'assistant de configuration de WPForms vous guidera à travers les cinq étapes pour créer votre premier formulaire.
Que vous décidiez de faire cavalier seul ou d'utiliser l'assistant, une fois qu'il démarre, vous remarquerez que l'interface utilisateur WPForms personnalisée prend le contrôle du tableau de bord WordPress pour vous donner le maximum d'espace pour travailler sur votre formulaire. Une fois l'interface de création de formulaire chargée, la première étape consiste à donner un nom à votre formulaire. Essayez de choisir quelque chose de significatif et de pertinent qui vous aidera à identifier le formulaire à l'avenir.
Chaque formulaire que vous créez avec WPForms a besoin d'un nom.
Bien que vous puissiez commencer avec un formulaire vierge, il est recommandé de choisir le modèle de formulaire de contact simple.
Le modèle de formulaire de contact simple contient tous les champs essentiels dont vous avez besoin.
Dans la plupart des cas, le modèle de formulaire de contact simple devrait suffire. Cependant, si vous devez ajouter des champs supplémentaires à votre formulaire de contact, c'est aussi simple que de cliquer sur l'un des champs standard dans le volet gauche pour les insérer dans votre formulaire. Cependant, si vous souhaitez utiliser l'un des champs de luxe ou des champs de paiement, vous devrez mettre à niveau vers la version pro de WPForms.
Les champs Deluxe et les champs de paiement sont réservés à la version premium de WPForms.
En cliquant sur un champ standard dans le panneau de gauche, vous l'ajouterez instantanément à votre formulaire. De là, vous pouvez le faire glisser vers un nouvel emplacement ou cliquer dans le champ pour commencer à le modifier.
Lorsque vous cliquez sur un champ de votre formulaire, les paramètres du champ s'affichent dans le volet gauche.
La modification du champ du formulaire a lieu dans le panneau de gauche du générateur, vous permettant de modifier le libellé et la description du champ, de définir la taille du champ et de saisir un texte d'espace réservé. Les paramètres disponibles dépendent du type de champ que vous modifiez; par exemple, avec le champ e-mail, vous pouvez facilement activer un champ de confirmation qui oblige l'utilisateur à saisir deux fois son adresse e-mail. Une fois que vous êtes satisfait des champs du formulaire et de leurs paramètres, cliquez sur le bouton Enregistrer.
Certains types de champs ont leurs propres paramètres uniques, tels que l'option de champ de confirmation par e-mail.
Configuration de votre formulaire de contact
Chaque formulaire que vous créez avec WPForms peut être configuré individuellement pour répondre à vos besoins. Donc, pour voir les paramètres actuels ou personnaliser le fonctionnement de votre formulaire, cliquez simplement sur l'onglet Paramètres sur l'écran de création de formulaire pour ouvrir les options de configuration du formulaire sur lequel vous travaillez.
Les paramètres sont regroupés en trois sections, qui couvrent les options Général, Notification et Confirmation du formulaire.
Chaque formulaire que vous créez avec WPForms peut être configuré individuellement.
Grâce aux paramètres généraux, vous pouvez modifier le titre et la description du formulaire, modifier le texte du bouton Envoyer et activer les fonctionnalités anti-spam du pot de miel. Il est recommandé d'utiliser la fonction anti-spam de pot de miel, car elle aidera à réduire le nombre de soumissions de spam que vous recevez, sans affecter l'expérience utilisateur de vos formulaires en obligeant les visiteurs à remplir un champ captcha.
Les paramètres de notification vous permettent de spécifier à quelle adresse de courrier électronique les entrées doivent être envoyées, avec la possibilité de saisir plusieurs adresses si nécessaire. WPForms utilise des balises actives pour remplir dynamiquement l'e-mail de notification avec le contenu des champs de formulaire, tels que l'objet et le nom du formulaire. Si vous souhaitez créer plusieurs notifications, comme un e-mail distinct envoyé à l'utilisateur qui a soumis l'entrée de formulaire, vous devrez mettre à niveau vers les versions premium de WPForms. Cependant, vous pouvez utiliser des balises actives pour envoyer le même e-mail de notification à la personne qui a envoyé le formulaire, ainsi qu'à tout autre destinataire que vous spécifiez.
WPForms enverra un e-mail contenant le formulaire à l'adresse de votre choix.
Vous pouvez également utiliser les paramètres de confirmation pour personnaliser le message qui s'affiche après qu'un visiteur a soumis le formulaire. Alternativement, au lieu d'afficher un message personnalisé, vous pouvez choisir d'afficher une page sur votre site Web ou de rediriger l'utilisateur vers l'URL de son choix, une fois le formulaire soumis.
Avec WPForms, vous pouvez choisir ce qui se passe après la soumission d'une entrée de formulaire.
Encore une fois, une fois que vous êtes satisfait de la confirmation de votre formulaire, cliquez sur le bouton Enregistrer pour confirmer vos modifications.
Postez le formulaire de contact sur votre site
Une fois que vous avez enregistré votre formulaire, vous pouvez le publier sur votre site Web WordPress pour le mettre à la disposition de vos visiteurs. Cliquez sur le bouton d'insertion sur l'écran du générateur de formulaire pour afficher un code court pour le formulaire sur lequel vous travaillez. Ensuite, vous pouvez copier et coller ce shortcode dans une publication ou une page WordPress pour rendre le formulaire accessible. Un didacticiel vidéo est utile pour montrer ce que vous devez faire pour insérer votre code de formulaire abrégé dans une publication ou une page. Cependant, le processus est très simple.
Après avoir cliqué sur le bouton Intégrer, le code court du formulaire sur lequel vous travaillez s'affiche.
Une autre façon d'ajouter un de vos formulaires à votre site Web consiste à créer un nouveau message ou une nouvelle page, ou à en ouvrir un existant pour le modifier, puis à cliquer sur le bouton Ajouter un formulaire.
WPForms ajoute un bouton utile à l'éditeur WordPress pour insérer des formulaires.
Une fois que vous avez cliqué sur le bouton Ajouter un formulaire, vous pouvez choisir le formulaire à insérer et également si vous souhaitez afficher le titre ou la description du formulaire.
WPForms vous offre la possibilité d'afficher ou non le nom et la description du formulaire.
Après avoir inséré le formulaire, un code court sera ajouté à votre message ou page. Ensuite, une fois publié, le shortcode sera remplacé par le formulaire correspondant. En raison du fonctionnement des shortcodes, si vous apportez des modifications à votre formulaire, elles seront automatiquement appliquées à votre formulaire publié (en savoir plus dans notre article précédent, WordPress Shortcode Explanation).
Le shortcode du formulaire que vous souhaitez afficher sera inséré dans le message ou la page.
Maintenant, si vos visiteurs veulent vous envoyer un message, il leur suffit de remplir le formulaire et d'appuyer sur le bouton Soumettre.
Lorsque votre formulaire est publié, son apparence doit être intégrée à votre thème WordPress.
WPForms Lite comprend également un widget qui vous permet d'afficher vos formulaires dans la barre latérale et d'autres zones prêtes pour les widgets de votre thème WordPress. Selon votre choix de thème, le widget WPForms peut vous donner la possibilité d'afficher un formulaire dans le pied de page de votre site Web, comme indiqué ci-dessous.
Le widget WPForms vous permet d'afficher des formulaires dans les zones de widget de votre thème.
Gérez vos formulaires de contact WordPress
Si vous devez apporter des modifications à vos formulaires, vous pouvez y accéder via l'élément Tous les formulaires du menu WPForms.
Vous pouvez afficher et gérer vos formulaires via la page WPForms de votre tableau de bord WordPress.
À partir de cette section de votre tableau de bord WordPress, vous pouvez supprimer ou modifier tout formulaire existant, et si vous passez à WPForms Pro, vous pouvez voir les entrées de formulaire soumises par les visiteurs de votre site.
Comme mentionné ci-dessus, toutes les modifications que vous apportez seront instantanément reflétées dans vos formulaires publiés, grâce à la puissance des shortcodes WordPress.
Réflexions finales
Comme vous pouvez le voir, le plugin gratuit WPForms Lite fournit un moyen très simple d'ajouter des formulaires de contact aux sites Web WordPress.
En utilisant le modèle de formulaire de contact standard, vous pouvez ajouter ce type de formulaire à votre site Web en quelques clics et, grâce à l'éditeur de glisser-déposer, si vous devez apporter des modifications au modèle (comme ajouter des champs de formulaire ou modifier le texte par défaut), l'ensemble du processus est vraiment très simple.
Remarque: Pour plus d'informations sur les caractéristiques et fonctionnalités avancées de WPForms, assurez-vous de consulter notre examen approfondi de WPForms Pro.
