Comment créer un formulaire de contact dans WordPress (plus les meilleurs plugins)

Chaque site a besoin d'un formulaire de contact, c'est probablement pourquoi vous lisez un article sur la façon d'utiliser un plugin WordPress de formulaire de contact pour créer votre propre formulaire.

De ce fait, il existe une tonne d'excellentes options que vous pouvez utiliser pour ajouter un formulaire de contact dans WordPress. Et dans cet article, je vais vous montrer étape par étape comment en utiliser un gratuitement . Oui, vous apprendrez exactement comment créer un formulaire de contact personnalisé et attrayant sans ouvrir votre portefeuille.

Après ce didacticiel, je partagerai certains des autres meilleurs plugins de formulaire de contact, ainsi que les raisons pour lesquelles vous voudrez peut-être choisir l'une de ces options par rapport au plugin du didacticiel.

Le moyen le plus simple de créer un formulaire de contact dans WordPress

Si vous souhaitez ajouter un formulaire de contact à WordPress, vous aurez besoin d'un plugin WordPress de formulaire de contact.

Maintenant, il y a beaucoup d'options solides là-bas, que j'aborderai ensuite. Mais si vous voulez juste un formulaire de contact de base, l'option la plus simple à utiliser est un plugin gratuit appelé HappyForms.

Voici comment créer un formulaire de contact dans WordPress en quelques étapes seulement…

1. Installez et activez le plugin WordPress de formulaire de contact HappyForms

Le plugin HappyForms est gratuit et disponible sur WordPress.org, ce qui signifie que vous pouvez l'installer en allant dans Plugins → Ajouter un nouveau et en recherchant « HappyForms » :

2. Créer un nouveau formulaire

Une fois que vous avez installé et activé le plugin HappyForms, accédez à HappyForms → Ajouter un nouveau dans votre tableau de bord WordPress :

Cela lancera une nouvelle interface qui ressemble beaucoup à WordPress Customizer ( l'interface où vous personnalisez votre thème sur un aperçu en temps réel ).

Comme le personnalisateur WordPress, vous pourrez voir un aperçu en direct de votre formulaire de contact au fur et à mesure que vous le créez.

Cependant, d'abord, donnez simplement un nom à votre formulaire pour vous aider à vous en souvenir :

3. Ajouter des champs de formulaire

Ensuite, utilisez la liste des champs de formulaire pour choisir les champs à inclure dans votre formulaire. Pour un formulaire de contact de base, vous souhaiterez probablement ces options :

• Texte court – pour le nom de la personne.
• E - mail – pour l'adresse e-mail de la personne.
• Texte long – pour le message de la personne.

Pour ajouter un champ de formulaire, il vous suffit de cliquer dessus. Une fois que vous aurez cliqué dessus, vous pourrez configurer ses paramètres dans la barre latérale. Lorsque vous modifiez les paramètres d'un champ, vous le verrez changer dans l'aperçu en direct :

Une fois que vous avez ajouté tous les champs du formulaire, vous devriez voir un aperçu complet de votre formulaire de contact :

Si vous le souhaitez, vous pouvez ajouter d'autres champs qui sont uniques à vos besoins. Par exemple, vous pouvez ajouter une case à cocher ou une liste déroulante pour permettre aux expéditeurs de choisir le sujet du message ( et vous aider à tout organiser ).

Une fois que vous avez terminé d'ajouter des champs de formulaire, cliquez sur le bouton Configuration pour continuer.

4. Configurer ce qui se passe après qu'un visiteur a soumis un formulaire

Après avoir cliqué sur le bouton Configuration , vous obtiendrez un certain nombre d'options pour contrôler ce qui se passe après qu'un visiteur a soumis votre formulaire de contact.

En haut, vous pouvez configurer le message de confirmation , qui est le message qui s'affiche à l'expéditeur du formulaire sur votre site Web après avoir soumis un formulaire (1).

En dessous, vous pouvez choisir si vous souhaitez recevoir des notifications par e-mail lorsqu'il y a une nouvelle soumission de formulaire, et à quelle adresse e-mail vous souhaitez recevoir les soumissions (2). HappyForms stockera également les soumissions de formulaires dans votre tableau de bord WordPress – plus à ce sujet plus tard :

Ensuite, vous pouvez choisir d'envoyer ou non des notifications par e-mail à l'expéditeur du formulaire et, le cas échéant, ce que ces notifications par e-mail doivent contenir :

Enfin, le bas des paramètres vous permet de configurer une variété de paramètres divers, notamment :

• Rediriger les utilisateurs vers une autre page après avoir soumis le formulaire
• Enregistrez les soumissions de formulaires dans votre tableau de bord WordPress
• Utilisez Google ReCaptcha pour la protection anti-spam
• Laisser les auteurs du formulaire prévisualiser leur message avant de le soumettre

En cas de doute, vous devez laisser ces paramètres par défaut :

Une fois que vous avez fait vos choix, cliquez sur le bouton Style pour passer à l'ensemble d'options suivant.

5. Configurez le style de votre formulaire de contact

Étape de configuration finale ! Désormais, vous pouvez utiliser les différentes zones pour paramétrer l'apparence et le style de votre formulaire de contact :

Par exemple, pour configurer l'apparence du bouton Soumettre, vous ouvririez les paramètres du bouton Soumettre . Là, vous pouvez changer sa police, ajuster la largeur, changer les couleurs, etc.

Au fur et à mesure que vous apportez des modifications, vous verrez l'aperçu en direct se mettre à jour automatiquement, ce qui permet de comprendre facilement ce que chaque ajustement fait à votre formulaire :

Une fois que vous avez terminé avec les options de style, cliquez sur le bouton Enregistrer et fermer pour terminer les choses.

6. Ajoutez votre formulaire de contact à la page où vous souhaitez qu'il apparaisse

Pour intégrer réellement votre formulaire, vous pouvez l'ajouter en tant que :

• Bloquer dans le nouvel éditeur de blocs
• Shortcode dans l'éditeur classique ou l'éditeur de blocs
• Widget dans n'importe quelle zone de widget

Par exemple, si vous utilisez le nouvel éditeur de blocs WordPress, vous devez créer une nouvelle page nommée quelque chose comme « Nous contacter » et insérer le bloc HappyForms .

À partir de là, vous pouvez choisir le formulaire que vous souhaitez insérer :

Ou, si vous utilisez toujours l'éditeur WordPress classique, vous pouvez insérer votre formulaire de contact en tant que shortcode en cliquant sur le bouton Ajouter HappyForms :

Et c'est tout! Les visiteurs pourront commencer à vous envoyer des messages via votre formulaire de contact

Comment afficher les soumissions de formulaire

Il existe deux manières d'afficher les soumissions de formulaires.

Tout d'abord, si vous configurez des notifications par e-mail dans les paramètres du formulaire, vous recevrez un e-mail chaque fois que quelqu'un soumettra un formulaire.

Deuxièmement, vous pouvez également afficher les soumissions depuis votre tableau de bord WordPress en accédant à HappyForms → Responses :

Si vous cliquez sur une réponse spécifique, vous pourrez voir le message complet :

Et c'est tout !

Quatre autres meilleurs plugins WordPress de formulaire de contact, et pourquoi vous pourriez en vouloir un

Pour un simple formulaire de contact WordPress, HappyForms est la meilleure option pour la plupart des utilisateurs. Cependant, ce n'est en aucun cas le seul plugin WordPress de formulaire de contact de qualité. Et si vous voulez quelque chose d'un peu plus qu'un simple formulaire de contact, vous préférerez peut-être une option différente.

Donc, pour terminer cet article, passons en revue certains des meilleurs plugins de formulaire de contact WordPress, et ce qui pourrait en faire une meilleure option que le plugin HappyForms que j'ai utilisé dans le tutoriel ci-dessus.

1. WPForms

WPForms est l'un des plugins WordPress de formulaire de contact les plus populaires sur WordPress.org.

Une bonne chose à propos de ce plugin est qu'il vous donne un générateur de glisser-déposer pour organiser vos champs de formulaire, y compris des options pour configurer des conceptions multi-colonnes. Donc, si vous aimez ça, cela pourrait être une raison de choisir WPForms.

Au-delà du générateur de glisser-déposer, il existe également quelques versions premium différentes qui vous permettent d'être beaucoup plus créatif avec vos formulaires. Tu pourras:

• Accepter les paiements
• Inscrivez des personnes à votre adresse e-mail
• Connectez-vous à Zapier
• Etc.

Donc, si vous voulez cette fonctionnalité avancée, cela pourrait être une autre raison de choisir WPForms.

Les versions premium commencent à 39,50 $ et vont jusqu'à 299,50 $, selon les fonctionnalités que vous souhaitez et le nombre de sites sur lesquels vous souhaitez utiliser le plugin.

2. Marketing tout-en-un HubSpot

Comme son nom l'indique, HubSpot All-In-One Marketing est un outil tout-en-un qui couvre tout, des popups au chat en direct et, vous l'aurez deviné, aux formulaires de contact.

À l'aide du générateur de glisser-déposer, vous pouvez créer vos propres formulaires de contact personnalisés pour collecter autant ou aussi peu d'informations que nécessaire.

Et un grand avantage est que HubSpot stockera automatiquement toutes vos soumissions de formulaires dans le CRM intégré. Donc, si vous utilisez votre formulaire de contact pour les ventes ou tout autre élément pouvant bénéficier d'un CRM, c'est un excellent outil à utiliser.

3. Formes Ninja

Ninja Forms est une autre offre freemium avec beaucoup des mêmes avantages que WPForms.

C'est-à-dire qu'il propose une version gratuite limitée et vous donne un générateur par glisser-déposer que vous pouvez utiliser pour organiser vos champs de formulaire.

Et si vous êtes prêt à payer, vous pouvez faire en sorte que vos formulaires fassent des choses beaucoup plus avancées, notamment :

• Accepter les paiements
• Inscrire des personnes à votre newsletter
• Intégration des expéditeurs de formulaires dans votre CRM
• Etc.

Une différence réside dans la structure de prix de ces options premium. Plutôt que des versions premium distinctes, Ninja Forms vous permet de choisir les modules complémentaires premium que vous souhaitez utiliser. Ou, vous pouvez également vous procurer un ensemble de modules complémentaires à partir de 99 $.

4. Formes de Caldera

En termes de fonctionnalités que vous obtenez dans la version gratuite, Caldera Forms est l'un des plugins de formulaire de contact WordPress gratuits les plus généreux.

Même dans la version gratuite, vous pouvez créer des formulaires complexes qui ont :

• Pages multiples
• Logique conditionnelle, où vous pouvez afficher différentes options de formulaire en fonction de la façon dont une personne a répondu aux questions précédentes

Il dispose également d'un générateur de glisser-déposer, bien que l'interface ne soit pas aussi conviviale pour les débutants que WPForms ou Ninja Forms.

Au-delà de la généreuse fonctionnalité gratuite, il existe également une version premium qui peut ajouter des fonctionnalités plus avancées, telles que les paiements et les intégrations de services de marketing par e-mail.

En plus de ces modules complémentaires, il existe également un service premium d'abonnement avec un accent unique sur :

• Délivrabilité des e-mails - le service gère en fait l'envoi d'e-mails pour s'assurer qu'ils se retrouvent dans les boîtes de réception des visiteurs
• Conversions de formulaire en PDF
• Statistiques pour la livraison de vos e-mails de confirmation

5. Formes de gravité

Enfin, il y a Gravity Forms, qui est un plugin WordPress de formulaire de contact particulièrement populaire pour les développeurs.

Les développeurs l'apprécient car, en plus de proposer de nombreuses fonctionnalités intégrées pour tout créer, des formulaires de paiement aux envois de messages frontaux, Gravity Forms est également extensible et dispose d'un vaste marché pour les extensions tierces.

Donc, si vous voulez quelque chose que vous pouvez vraiment creuser et personnaliser selon vos besoins, Gravity Forms et ses diverses extensions pourraient être le bon plugin pour vous.

Le seul inconvénient est qu'il n'y a pas de version gratuite de Gravity Forms. Si vous voulez l'utiliser, vous devrez sortir votre carte de crédit.

Les prix commencent à 59 $ et vont jusqu'à 259 $.

Réflexions finales sur les formulaires de contact WordPress

Avec le bon plugin WordPress de formulaire de contact, il est facile de créer et de personnaliser un formulaire de contact qui correspond parfaitement à vos besoins.

Si tout ce que vous voulez est un simple formulaire de contact, le plugin HappyForms offre une approche fiable et rationalisée. Et si vous voulez plus de fonctionnalités, vous pouvez envisager de passer à un plugin de formulaire payant pour tout faire, de l'acceptation des paiements à l'inscription des personnes à votre liste de marketing par e-mail.

Créez votre premier formulaire aujourd'hui et commencez à faciliter la connexion des visiteurs avec vous !