Publicité

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 !

Publicité

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…

137

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

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

224

Publicité

Cliquez OK pour valider l’installation…

313

Puis activez l’extension…

410

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...

Publicité

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…

511

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 »

Publicité

611

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à !

810

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

Publicité

1211

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…

910

Publicité

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…

1114

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

Publicité

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

Soufiane – Easytutoriel.com

Publicité