WordPress : Ajouter un formulaire de contact et configurer le serveur SMTP !
Votes : environ (100%) 1 vote

Comme vous le savez, la page de contact est un élément indispensable pour votre site web WordPress… En fait cet élément peut être le moyen le plus rapide permettant à vos visiteurs de vous contacter, que ce soit le sujet de contact…

Et comme plusieurs gens ne connaissent comment faire pour ajouter un formulaire de contact sur leurs sites web utilisant le CMS WordPress, j’ai décidé d’écrire un tutoriel permettant de créer un formulaire de contact QUI MARCHE !

Vous allez découvrir également comment changer le serveur SMTP à celui appartenant à Google pour assurer l’envoi des messages provenant des visiteurs de votre site web !

Autrement dit, les messages envoyés via votre formulaire de contact vont être envoyé via le serveur de Gmail, donc même si votre hébergement ne propose pas l’envoi de messages, vous aurez la possibilité d’envoyer les messages librement :)

Allons-y !

Installation et configuration de l’extension Contact Form 7 :

Commençons par l’installation de l’extension sur votre site WordPress, pour cela vous n’avez qu’à cliquer sur le bouton « Ajouter » se trouvant dans la page des extensions…

Mettez « Contact Form 7 » dans la barre de recherche et lancez la recherche…

Cliquez sur « Installer maintenant » pour installer le Plugin directement…

Cliquez OK pour valider l’installation…

Puis activez l’extension…

Rendez-vous sur la page de l’extension en cliquant sur « Contact » dans le menu à gauche de votre tableau de bord, modifiez (si vous voulez) les cases de votre formulaire et enregistrez le...

Vous pouvez même créer d’autres formulaires si vous voulez…

Recopiez ensuite le code qui se trouve en haut pour l’insérer dans une page…

Voyons maintenant comment créer une page et insérer le code…

Comment créer une page et ajouter le formulaire de contact :

Créez une nouvelle page en cliquant sur « Ajouter » dans la page de gestion des pages, collez le code comme dans l’image ci-dessous et cliquez sur « Publier »

Votre page est accessible, mais voyons comment le serveur SMTP de Google…

Comment configurer le serveur SMTP Gmail :

Recherchez comme on a fait tout de suite l’extension « Configure SMTP » et installez-là !

Cliquez sur « SMTP » dans le menu Réglages…

Cochez « Send e-mail via GMail » premièrement, les champs vont changer automatiquement…

Il ne vous reste qu’à changer l’identifiant et le mot de passe, mettez votre adresse GMail complète pour le username, et le mot de passe associé à votre compte GMail, le mot de passe sera crypté automatiquement et aucun personne ne peut le récupérer…

Cliquez « Save changes » pour valider les changements…

Et voyons le résultat…

Le résultat :

En fait, le résultat se trouve sur cette page : http://www.easytutoriel.com/contact

Et le voici en image…

Essayez de m’envoyer un message, vous devez recevoir un message de réponse en retour pour voir que cette méthode marche :)

Si vous avez des questions concernant les formulaires de contact, n’hésitez pas à utiliser les commentaires en dessous !

Soufiane – Easytutoriel.com