Processus à suivre
Dans cette article vous allez découvrir comment créer un formulaire de contact avec l’extension WP forms. Alors qu’est-ce que WP forms c’est tout simplement un outil gratuit qui te permet de créer de beau formulaire de contact très facilement donc vous verrez dans cette article je vais vous expliquer comment créer et personnaliser votre formulaires de contact et on verra également à la fin comment insérer ce formulaire sur une page de contact donc à la fin de cette vidéo vous aurez un formulaire de contact et une page de contact qui seront prêtes à l’emploi.
Installation du plugin WP Forms
Aller sur Votre tableau de bord WordPress on va tout d’abord commencer par installer l’extension WP forms alors pour ça on va aller dans extension puis d’en ajouter on recherche WP formes donc tu peux voir qu’elle apparaît en premier avec lours comme logo, Vous pouvez également voir qu’il y a beaucoup de téléchargement c’est vraiment énorme pour une extension c’est vraiment en plug-in de qualité.
Ensuite vous sur installer puis sur activer donc vous voici sur la page de bienvenue VM forme, Allez cliquer sur la vidéo mais elle est en anglais après vous voyez les différentes informations donc les avantages de VP forme la version pro mais nous allons rester sur la version gratuite dans cet article.
Création du formulaire de contact sur WordPress
Donc on va aller dans la rubrique WP forms qui s’est affiché sur la colonne à gauche
Vous pouvez voir qu’il y a un formulaire par défaut qui a été créé lors de l’installation de WP formes mais on va aller dans nouveau puis ensuite on va donner un nom à notre vierge, le modèle de contact simple là le formulaire d’inscription à une lettre d’information c’est à dire une newsletter ou à un formulaire de suggestion donc on va utiliser le 2e le formulaire de contact simple et vous pouvez voir qu’il y a un formulaire qui a été généré automatiquement donc vous avez le nom de du formulaire le nom l’adresse mail et le message de la personne avec le bouton envoyer donc vous pouvez modifier chaque élément en cliquant dessus.
Après avoir fait toute modification n’oublie pas d’enregistrer.
Installer le formulaire de contact sur une page de contact
Pour insérer votre formulaire sur une page il va vous falloir copier le code court qui se situe dans vue d’ensemble des formulaires et ensuite vous allez coller sur votre page contact, vous aller dans la rubrique pages et vous allez créer une page de contact donc
Vous allez cliquer sur ajouter, puis donne le nom de votre page vous allez mettre contact et pour créer cette page Vous allez utiliser Elementor qui est un constructeur de page qui permet de créer des pages très facilement si vous ne l’avez pas encore vous pouvez aller dans la rubrique extension puis dans ajouter Vous tapez Elementor, Vous allez le trouver très facilement donc pour faire une belle page de contact vous allez modifier le modèle par défaut vous allez utiliser le modèle élémentaire pleine largeur. Vous allez cliquer sur le bouton modifier avec élémentaire, puis cliquer sur l’icône grise et accès au template de élémentaire donc qu’est-ce qu’une template c’est tout simplement une page qui a été pré conçue par élémentaire que vous pouvez télécharger sur votre site et ensuite pouvoir modifier comme vous le souhaiter donc vous allez rechercher des pages de contact et là vous avez toutes les pages de contact que propose élémentaire puis choisissez en une que nous allons télécharger sur votre site et modifier avec vos information.
Vous allez insérer votre formulaire de contact donc vous allez cliquer sur le bouton rouge avec un petit plus et o choisir la structure avec une colonne donc Comme vous pouvez le voir il y a plusieurs structures vous allez prendre la classique après vous avez un petit plus qui s’affiche, cliquer sur le plus puis mettez un titre donc pour présenter votre formulaire de contact vous avez un un texte qui s’affiche « ajouter votre texte de titrage ici » vous pouvez le modifier soit directement sur la page ou soit sur la colonne gauche vous allez mettre « formulaire de contact » et ensuite insérer un nouvel élément donc vous cliquez une nouvelle fois sur le petit plus la structure classique encore sur le plus et vous allez rechercher la partie code court qui est un petit peu plus en bas a gauche Vous le prenez et vous le faites glisser sur sur la zone que Souhaité et là vous collez le code cours que vous avez copié juste avant et vous voyez que votre formulaire de contact qui s’affiche Pour visualiser le résultat cliquez sur l’œil qui est juste à gauche du bouton vert publié et vous pouvez voir votre page de contact.
Il ne vous reste plus qu à ajouter votre page dans votre menu, voilà Vous avez réussi à faire votre formulaire de contact si Vous avez des questions n’hésite pas à me les écrire en commentaire.