Comment configurer un formulaire de contact sur votre blog WordPress

Partager sur facebook
Facebook
Partager sur google
Google+
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur pinterest
Pinterest
Partager sur tumblr
Tumblr
Partager sur whatsapp
WhatsApp

Écrit par Lbaze Aymane

Lors de la construction de votre blog WordPress, il y a des tonnes de questions sur votre esprit. Parmi eux: Comment est-ce que je facilite la communication avec les gens?

Bien sûr, vous pouvez toujours indiquer votre adresse e-mail ou votre numéro de téléphone, mais si vous visez la meilleure expérience utilisateur, un formulaire de contact vous permet de rester simple.

Mais comment l’installez-vous? Commencez avec l’un des meilleurs plugins de formulaire de contact WordPress, formulaire de contact 7, et suivez ces instructions pour le faire fonctionner sur votre site.

Télécharger le plugin Contact form 7 


À partir de votre tableau de bord WordPress, dirigez-vous vers votre page «Plugins» et choisissez l’option «Ajouter nouveau».

Dans la section de recherche sur le côté droit, tapez “contact form 7.” Trouver le plugin approprié (il devrait être le premier), et choisissez “Installer maintenant”.

Sur la page suivante, cliquez sur “Activer le plugin”.

Configurez votre formulaire de contact

Maintenant que le plugin est activé, vous remarquerez une nouvelle zone “Contact” dans votre barre d’outils de gauche dans votre tableau de bord WordPress. Cliquez dessus et choisissez “Ajouter un nouveau”.

À partir de la barre latérale de votre tableau de bord
Si vous souhaitez utiliser l’anglais comme langue par défaut, cliquez sur “Ajouter un nouveau” dans l’écran suivant. Sinon, vous pouvez choisir votre langue dans le menu déroulant, puis sélectionner “Ajouter nouveau”.

Formulaire de contact par défaut
Commencez par entrer un titre pour votre formulaire de contact. Ce n’est pas quelque chose que vos spectateurs verront, alors n’hésitez pas à le nommer comme vous le souhaitez.

Dans la zone de texte ci-dessous, le titre est l’endroit où vous pouvez personnaliser les champs de contact. Si vous n’êtes pas familier avec HTML, c’est bon. Le processus de configuration est encore assez simple.

Par défaut, votre formulaire de contact inclura ces champs:

Votre Nom (requis)
Votre Email (requis)
Votre sujet
Votre message
Vous verrez également le code pour un bouton “soumettre”.

La valeur par défaut finira par ressembler beaucoup à ceci sur votre site, bien que le style puisse varier en fonction de votre thème:

Formulaire de contact 7 par défaut
Si vous voulez vous débarrasser de l’un de ces champs pour une raison quelconque, trouvez le code correspondant et supprimez-le. (Les codes d’un seul champ sont placés dans des balises de paragraphe commençant se terminant par </ p>.)

Si vous souhaitez ajouter un nouveau champ, placez votre curseur à l’endroit où vous souhaitez l’insérer. Ensuite, suivez le même format pour les champs déjà présents. Ça devrait ressembler à ça:

TITRE DE CHAMP

[shortcode de champ] </ p>

Le titre que vous placerez au dessus et apparaîtra sous forme de texte au-dessus du champ que vous avez choisi dans le formulaire de contact. Pour trouver le shortcode approprié et le personnaliser en conséquence, choisissez parmi les options directement sous le mot “Form”. Suivez les instructions données dans la fenêtre pop-up.

Prenons un exemple. Si je voulais que les contacts incluent leur site web et que je voulais que ce champ apparaisse après leur email, je placerais mon curseur entre la section “Votre Email” et la section “Sujet”.

Ensuite, appuyez sur Entrée, puis choisissez “URL” dans les boutons d’option. Dans la fenêtre pop-up, je peux personnaliser mes paramètres, par exemple choisir d’exiger ce champ.

Dans ce cas, je suis simplement parti avec les valeurs par défaut et j’ai cliqué sur “Insert Tag”. Ensuite, j’ai ajouté la balise de fermeture de paragraphe (</ p>).

Voici à quoi ressemble le formulaire au format HTML:

Voilà à quoi cela ressemble maintenant:


Maintenant que vos champs sont personnalisés, visitez les autres onglets à côté de “Formulaire” pour vous assurer que les paramètres sont à votre guise.

Par exemple, dans “Courrier”, vous pouvez décider de changer l’adresse “À” ou “De”. L’adresse «À» est l’endroit où vous recevrez les messages envoyés via votre formulaire de contact.

Terminé? Appuyez sur le bouton “Enregistrer” en bas ou à droite de votre écran.

Ajoutez votre formulaire de contact à votre blog
Il est maintenant temps de mettre en ligne votre formulaire de contact. Il existe deux manières simples d’afficher un formulaire de contact sur votre site, et nous aborderons les deux ci-dessous.

1. Affichez votre formulaire sur une page / un message

Insérer votre formulaire de contact dans une page ou un article est très simple. Après avoir cliqué sur “Enregistrer”, vous remarquerez qu’un code court s’affiche directement sous le titre de votre formulaire de contact.

Faites un clic droit sur le shortcode et appuyez sur “Copier”.

Ensuite, accédez au post ou à la page sur lequel vous souhaitez afficher votre formulaire de contact. Placez votre curseur à l’endroit où vous souhaitez que le formulaire apparaisse, cliquez avec le bouton droit de la souris et choisissez «Coller». (Vous pouvez le coller en mode visuel ou texte, peu importe.)

Aussi simple que cela! Assurez-vous de prévisualiser votre page pour vous assurer que votre formulaire de contact s’affiche correctement.

2. Ajoutez votre formulaire en tant que widget

Pour coller votre formulaire de contact en tant que widget dans votre barre latérale ou pied de page, accédez à la section de personnalisation des widgets de votre tableau de bord WordPress en accédant à Apparence> Widgets. À partir des widgets disponibles, choisissez “Texte”, puis ajoutez le widget à la barre latérale appropriée et arrangez-le en conséquence.

Formulaire de contact sur la barre latérale de votre blog

Dans la section “Contenu” du widget, collez le shortcode que vous avez copié à partir de la page d’édition de votre formulaire de contact. N’hésitez pas à ajouter un titre au widget, qui apparaîtra au-dessus du formulaire de contact sur votre site. Ensuite, appuyez sur “Enregistrer”.

Voilà! Vous êtes maintenant prêt à commencer à recueillir des commentaires sur votre site. N’hésitez pas à vous envoyer un e-mail de test pour vous assurer que le formulaire fonctionne.

Si le contact form 7 n’est pas votre tasse de thé, Gravity Forms est une excellente alternative.

 

Partager sur facebook
Facebook
Partager sur google
Google+
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur pinterest
Pinterest
Partager sur tumblr
Tumblr
Partager sur whatsapp
WhatsApp

Obtenez gratuitement notre eBook sur la création d'un blog rentable de A à Z

Découvrez nos meilleurs outils pour surpasser vos concurrents

Obtenez nos meilleurs eBooks de qualité et efficacité, avec plus de 200 pages pour vous former sur la réussite du Web (Webmarketing, Blogging, SEO, Réseaux sociaux...)

Découvrez nos formations en ligne qui ont pour but de vous aider à avoir du succès sur le Web

Nos supers espaces membres à ne pas rater, vous aurez des gros avantages par rapport à tous les nouveaux visiteurs et vous pouvez profiter du site pour pouvoir apprendre, gagner de l'argent facilement grâce à nos programmes d'affiliation, vous bénéficierez d'offres exclusives, d'eBooks gratuits au choix, de formations en ligne gratuite, de réductions, de meilleures commissions et pleins d'autres avantages.

Rejoignez notre programme d'affiliation pour promouvoir nos produits d'informations pour gagner de grosses commissions et beaucoup d'argent.

Participez à nos jeux concours pour pouvoir gagner de superbes récompenses, cadeaux...

Vous êtes nouveau dans le site, voici des guides gratuits et une présentation du site au complet.

Témoignage >

Espace membre privé >

Les TOP 10 >

Récompenses :

Classement des gains >

Cadeaux >

Jeux concours >

Tirages au sort >

Nos certifications >

Menu

Accueil >

À propos >

Formation >

Blog >

Ressources >

Contact >

Espace membre >

Affiliation >

FAQ >

Abonnez-vous à notre Newsletter pour obtenir 2 eBooks gratuits et être informé des nouveautés, de nouvelles offres, des soldes...

Nous suivre :

Partager sur facebook
Partager sur google
Partager sur twitter
Partager sur linkedin
Copyright 2018 © Webmaniac

Commencez votre chemin vers le succès dès aujourd'hui

agence@web-maniac.com

07 67 75 53 08