Comment créer un formulaire de contact dans WordPress (étape par étape)


Cherchez-vous à ajouter un formulaire de contact sur votre site WordPress?

Chaque site Web a besoin d’un formulaire de contact, afin que les visiteurs puissent facilement vous contacter au sujet de vos produits et services. Par défaut, WordPress n’est pas fourni avec un formulaire de contact intégré, mais il existe un moyen simple d’ajouter des formulaires de contact à votre site.

Dans ce didacticiel WordPress, nous allons vous montrer comment créer facilement un formulaire de contact dans WordPress (étape par étape) sans toucher à une seule ligne de code.

Ajoutez facilement un formulaire de contact dans WordPress

Pourquoi avez-vous besoin d’un formulaire de contact?

Vous vous demandez peut-être pourquoi ai-je besoin d’un formulaire de contact? Puis-je simplement ajouter mon adresse e-mail sur mon site Web, afin que les gens puissent m’envoyer un e-mail?

C’est une question très courante des débutants car ils ont peur que l’ajout d’un formulaire de contact nécessite une connaissance du code.

La vérité est que vous n’avez besoin de connaître aucun code. Ce guide étape par étape pour ajouter un formulaire de contact est écrit pour les débutants absolus.

Voici les 3 principales raisons pour lesquelles un formulaire de contact est meilleur que de coller votre adresse e-mail sur une page.

  • Protection contre les spams – Les robots anti-spam récupèrent régulièrement des sites Web pour le mailto: adresse e-mail. Lorsque vous publiez votre adresse e-mail sur le site Web, vous commencerez à recevoir de nombreux courriers indésirables. En revanche, lorsque vous utilisez un formulaire de contact, vous pouvez vous débarrasser de presque tous les spams.
  • Informations cohérentes – Lorsque vous envoyez un e-mail, les gens ne vous envoient pas toujours toutes les informations dont vous avez besoin. Avec un formulaire de contact, vous pouvez dire à l’utilisateur exactement quelles informations vous recherchez (telles que son numéro de téléphone, son budget, etc.).
  • Gain de temps – Les formulaires de contact vous aident à gagner du temps de plus de façons que vous ne pouvez l’imaginer. Outre les informations cohérentes que nous avons mentionnées ci-dessus, vous pouvez également utiliser des confirmations de formulaire pour indiquer à l’utilisateur quelles sont les prochaines étapes. Par exemple, regarder une vidéo ou attendre jusqu’à 24 heures pour obtenir une réponse, afin qu’ils ne vous envoient pas plusieurs demandes.

Vous trouverez ci-dessous un exemple de formulaire de contact WordPress que nous allons créer dans ce tutoriel.

Aperçu de la page de contact

Après avoir créé le formulaire ci-dessus, nous vous montrerons également comment l’ajouter facilement sur votre page de contact ou dans la barre latérale de votre site à l’aide d’un widget de formulaire de contact WordPress.

Ça m’a l’air bien? Ok alors commençons.

Didacticiel vidéo

Abonnez-vous à WPBeginner

Si vous préférez des instructions écrites, veuillez continuer à lire.

Étape 1. Choisir le meilleur plugin de formulaire de contact

La première chose que vous devez faire est de choisir un plugin de formulaire de contact WordPress.

Bien qu’il existe plusieurs plugins de formulaire de contact WordPress gratuits et payants parmi lesquels vous pouvez choisir, nous utilisons WPForms sur notre site et pensons que c’est la meilleure option sur le marché.

Voici les trois raisons pour lesquelles nous pensons que WPForms est le meilleur:

  1. Il s’agit du plugin de formulaire de contact le plus convivial pour les débutants. Vous pouvez utiliser le générateur de glisser-déposer pour créer facilement un formulaire de contact en quelques clics.
  2. WPForms Lite est 100% gratuit et vous pouvez l’utiliser pour créer un simple formulaire de contact (plus de 3 millions de sites l’utilisent).
  3. Lorsque vous êtes prêt pour des fonctionnalités plus puissantes, vous pouvez passer à WPForms Pro.

Maintenant que nous avons choisi le plugin de formulaire de contact, allons-y et installons-le sur votre site.

Étape 2. Installer un plugin de formulaire de contact dans WordPress

Pour ce tutoriel de formulaire de contact, nous utiliserons WPForms Lite car il est gratuit et facile à utiliser.

Vous pouvez installer ce plugin sur votre site en vous connectant à votre tableau de bord WordPress et en allant sur Plugins »Ajouter un nouveau.

Dans le champ de recherche, tapez WPForms puis cliquez sur le Installer maintenant bouton.

Installer WPForms

Une fois le plugin installé, assurez-vous d’activer le plugin.

Activer WPForms

Si vous ne voyez pas le menu des plugins ou souhaitez des instructions plus détaillées, veuillez vous référer à notre guide étape par étape sur la façon d’installer un plugin WordPress.

Étape 3. Créez un formulaire de contact dans WordPress

Maintenant que vous avez activé WPForms, vous êtes prêt à créer un formulaire de contact dans WordPress.

Dans votre tableau de bord WordPress, cliquez sur le menu WPForms et accédez à Ajouter un nouveau.

Ajouter un nouveau formulaire

Cela ouvrira le générateur de formulaire glisser-déposer WPForms. Commencez par donner un nom à votre formulaire de contact, puis sélectionnez votre modèle de formulaire de contact.

WPForms Lite ne contient que des modèles de formulaire prédéfinis tels que Blank, Formulaire de contact simple, etc. Vous pouvez les utiliser pour créer à peu près n’importe quel type de formulaire de contact que vous aimez.

Pour cet exemple, nous allons continuer et sélectionner Formulaire de contact simple. Il ajoutera les champs Nom, E-mail et Message.

Créer un nouveau formulaire dans WordPress avec WPForms

Vous pouvez cliquer sur les champs pour les modifier. Vous pouvez également utiliser votre souris pour faire glisser et déposer l’ordre des champs.

Si vous souhaitez ajouter un nouveau champ, sélectionnez simplement parmi les champs disponibles dans la barre latérale gauche.

Ajout d'un nouveau champ à votre formulaire de contact

Lorsque vous avez terminé, cliquez sur le sauver bouton.

Étape 4. Configuration de la notification et des confirmations de formulaire

Maintenant que vous avez créé votre Formulaire WordPress, il est important que vous configuriez correctement la notification et la confirmation du formulaire.

La confirmation du formulaire est ce que le visiteur de votre site Web voit après avoir envoyé le formulaire. Il peut s’agir d’un message de remerciement ou vous pouvez les rediriger vers une page spéciale.

La notification de formulaire est l’e-mail que vous recevez après que quelqu’un a soumis le formulaire de contact sur votre site WordPress.

Vous pouvez personnaliser les deux en accédant à l’onglet Paramètres dans le générateur de formulaires WPForms.

Nous laissons généralement le formulaire de confirmation comme message de remerciement par défaut. Cependant, vous pouvez le modifier pour rediriger vers une page spécifique si vous le souhaitez.

Configuration de la confirmation du formulaire

La meilleure partie de WPForms est que les paramètres par défaut sont idéaux pour les débutants. Lorsque vous accédez aux paramètres de notification, tous les champs sont préremplis dynamiquement.

Configuration des notifications de formulaire

Les notifications par défaut sont envoyées à l’e-mail administrateur que vous avez configuré sur votre site.

Si vous souhaitez l’envoyer à une adresse e-mail personnalisée, vous pouvez changer cela. Si vous souhaitez envoyer la notification à plusieurs e-mails, séparez simplement chaque adresse e-mail par une virgule.

L’objet de l’e-mail est pré-rempli avec le nom de votre formulaire. Le champ du nom d’origine est automatiquement renseigné avec le nom de votre utilisateur. Lorsque vous répondez à la demande, elle sera envoyée à l’e-mail que votre utilisateur a rempli dans le formulaire de contact.

Nous avons un guide détaillé sur la façon de configurer les notifications de formulaires personnalisés, afin que vous puissiez envoyer des formulaires à plusieurs destinataires ou à différents services.

Étape 5. Ajouter un formulaire de contact WordPress dans une page

Maintenant que vous avez terminé de configurer votre formulaire de contact WordPress, il est temps de l’ajouter à une page.

La première chose que vous devez faire est de créer une nouvelle page dans WordPress ou de modifier une page existante où vous souhaitez ajouter le formulaire de contact.

Nous allons utiliser le bloc WPForms pour ajouter le formulaire dans une page. Cliquez simplement sur le bouton Ajouter un nouveau bloc pour rechercher WPForm, puis cliquez sur pour l’ajouter à votre page.

Ajouter le bloc de formulaire de contact WPForms à votre page

Le bloc WPForm apparaîtra désormais dans la zone de contenu de votre page. Vous devez cliquer sur le menu déroulant pour sélectionner le formulaire que vous avez créé précédemment.

Sélectionnez votre formulaire de contact dans le bloc WPForms

WPForms chargera l’aperçu de votre formulaire de contact dans l’éditeur. Vous pouvez maintenant enregistrer ou publier votre page et visiter votre site Web pour la voir en action.

Voici à quoi ressemblerait le formulaire sur un exemple de page WordPress:

Aperçu de la page de contact

Si vous ne souhaitez ajouter que le formulaire de contact sur la page, vous avez terminé ici. Toutes nos félicitations.

WPForms est également livré avec un shortcode de formulaire de contact WordPress. Vous pouvez copier le shortcode du formulaire de contact en visitant WPForms »Tous les formulaires page, puis collez-le dans n’importe quel article ou page WordPress.

Shortcode du formulaire de contact WordPress à utiliser dans les articles et les pages

Si vous souhaitez ajouter un formulaire de contact dans une barre latérale ou une autre zone prête pour les widgets, passez à l’étape 6.

Étape 6. Ajout d’un formulaire de contact WordPress dans une barre latérale

WPForms est livré avec un widget de formulaire de contact WordPress que vous pouvez utiliser pour ajouter votre formulaire de contact dans une barre latérale ou essentiellement n’importe quelle autre zone prête pour les widgets de votre thème.

Dans votre zone d’administration WordPress, accédez à Apparence »Widgets. Vous verrez un widget WPForms que vous pouvez facilement faire glisser dans toutes les zones prêtes pour les widgets de votre thème.

Ajouter un formulaire à l'aide d'un widget de barre latérale

Ensuite, ajoutez le titre de votre widget et sélectionnez le formulaire que vous souhaitez afficher. Enregistrez les paramètres et visitez votre site Web pour l’aperçu.

Formulaire de contact de la barre latérale

Nous espérons que cet article vous a aidé à créer un simple formulaire de contact dans WordPress. Vous pouvez également consulter notre comparaison des meilleurs plugins de sauvegarde WordPress et notre guide sur la façon de résoudre le problème de l’envoi de courriels par WordPress.

Si vous avez aimé cet article, alors abonnez-vous à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.



Partagez cet article

Newsletter

Inscrivez-vous à notre newsletter pour profiter de toutes nos astuces !

Laissez une réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *