Un formulaire de contact est une partie importante de votre site Web qui permet aux visiteurs de vous envoyer des questions et des commentaires. Il vous permet de collecter des informations, telles que le nom du visiteur, ses coordonnées et un message.
WordPress n’a pas de formulaires de contact intégrés. Mais ne vous inquiétez pas. Cet article vous montrera comment ajouter un formulaire de contact dans WordPress.
Qu’est-ce qu’un formulaire de contact WordPress ?
Un formulaire de contact WordPress aide les visiteurs de votre site Web à vous contacter en toute sécurité. Les visiteurs peuvent envoyer leurs questions, commentaires ou réclamations via le formulaire de contact. Vous, à votre tour, pouvez collecter les détails des prospects et abonnés potentiels.
Un formulaire de contact évite que votre boîte mail ne soit inondée de spams. Un formulaire de contact WordPress permet de collecter les informations nécessaires auprès des visiteurs de manière organisée.
Meilleurs plugins de formulaire de contact WordPress
Voici une liste de certains des meilleurs Plugins de formulaire de contact WordPress en fonction de leurs caractéristiques et de leurs notes. Nous avons inclus des formulaires de contact WordPress payants et gratuits.
WPForms
WPForms est un plugin de formulaire de contact WordPress populaire avec une fonctionnalité de glisser-déposer. L’édition gratuite comprend des champs de formulaire de base, une prévention du spam, une notification par e-mail et des pages de confirmation et de remerciement. L’édition premium vous aide à créer des formulaires de plusieurs pages, des formulaires d’abonnement par e-mail, des formulaires de paiement, etc.
Formulaire de contact 7
Contact Form 7 est l’un des formulaires de contact WordPress gratuits les plus anciens et les plus téléchargés. Ce plugin est un peu complexe car il est basé sur HTML. Le formulaire de contact 7 vous permet de créer autant de formulaires que vous le souhaitez et vous pouvez les utiliser sur autant de sites Web que vous le souhaitez.
Formes de gravité
Gravity Forms n’est disponible que dans la version premium. Il est doté de fonctionnalités avancées pour vous aider à créer des formulaires plus élaborés, tels que des enquêtes et du contenu soumis par les utilisateurs.
Obtenez un hébergement WordPress optimisé
Obtenez un site Web plus rapide, plus sécurisé et évolutif avec Nexcess
Formulaires Jetpack
Jetpack Forms propose de nombreux formulaires prédéfinis, tels que les commentaires, l’inscription et l’inscription à la newsletter. Il a des versions gratuites et payantes.
Formes formidables
Formidable Forms est un plugin de formulaire de contact WordPress avancé avec une interface glisser-déposer. Vous pouvez l’utiliser pour créer des solutions basées sur des formulaires, telles que des offres d’emploi, des systèmes de notation et des calendriers d’événements. Il a des versions gratuites et premium.
Formulaires HubSpot
HubSpot Forms est un plugin de formulaire de contact WordPress gratuit. Il s’agit d’une boîte à outils marketing tout-en-un facilement intégrée aux outils CRM et de vente. Outre une fonction de création de formulaires, HubSpot Forms inclut des fonctionnalités telles que le chat en direct, les fenêtres contextuelles et les analyses.
Formes Ninja
Ninja Forms vous aide à créer rapidement des formulaires interactifs. La version premium vous permet de vous connecter à Campaign Monitor, à la notification par SMS, à Salesforce, etc.
Comment ajouter un formulaire de contact dans WordPress
Voici comment ajouter un formulaire de contact dans WordPress en utilisant deux des plugins disponibles.
WPForms
Étape 1 : Ajouter un nouveau formulaire
Tout d’abord, connectez-vous à votre espace d’administration WordPress. Accédez à la barre latérale d’administration et cliquez sur WPForms.
Sélectionnez “ajouter nouveau” pour accéder au générateur de formulaires WPForms.
Vous pouvez donner un nom à votre formulaire (tel que “Contactez-nous”) dans le champ Nom du formulaire sur la page Configuration.
Sous ce champ, vous trouverez des modèles de formulaire dans la section Sélectionner un modèle. Ce sont les modèles prédéfinis de formulaires couramment utilisés.
Étape 2 : Personnalisation de votre formulaire
Le générateur de formulaire vous amène à l’écran Champs une fois que vous avez choisi un modèle de formulaire.
Les champs accessibles seront affichés dans le panneau de gauche.
Pour ajouter un champ à votre formulaire, vous pouvez soit cliquer dessus dans le panneau de gauche, soit le faire glisser et le déposer directement dans l’aperçu du formulaire.
Pour supprimer un champ de votre formulaire, vous pouvez le survoler et cliquer sur l’icône de la corbeille rouge.
Les options de champ vous permettent de configurer les détails et les paramètres de chaque champ.
Étape 3 : Modifier les paramètres du formulaire
Cliquez sur l’onglet Paramètres sur le côté gauche du générateur de formulaire pour accéder aux paramètres de votre formulaire.
Les trois premiers paramètres sont Général, Notifications et Confirmations.
Général: Ici, vous pouvez modifier le nom et la description du formulaire. Vous pouvez ajouter du CSS personnalisé à vos formulaires dans la zone Avancé.
Avis: Les alertes de formulaire sont des e-mails envoyés automatiquement lorsque les utilisateurs remplissent des formulaires. Vous pouvez personnaliser ces e-mails dans les paramètres de notification.
Confirmations: Cela informe les utilisateurs que leur formulaire a été soumis avec succès. Vous pouvez utiliser les confirmations pour donner aux utilisateurs des informations ou des options supplémentaires.
Étape 4 : Afficher les formulaires sur votre site
Il existe plusieurs façons d’ajouter vos formulaires à votre site.
Intégrer votre formulaire sur une page WordPress
Vous pouvez utiliser l’assistant d’intégration directement à partir du générateur de formulaire en cliquant sur le bouton Intégrer.
Intégrer un formulaire avec l’éditeur de blocs
Après avoir ouvert l’éditeur de page, sélectionnez l’icône du signe plus pour ajouter un nouveau bloc. Cela donnera un menu d’options de bloc.
Vous pouvez rechercher “WPForms” ou faire défiler jusqu’à la catégorie Widgets pour trouver le bloc WPForms. Sélectionnez le bloc.
Formulaire de contact 7
Étape 1 : Ajouter un nouveau formulaire
Dans Contact, accédez à Formulaires de contact.
Après avoir sélectionné “ajouter nouveau”, entrez le nom que vous avez choisi.
Vous obtiendrez un nouveau formulaire avec des champs pré-ajoutés comme le nom, l’email, le sujet et le message.
Vous voudrez peut-être conserver ces champs et en ajouter quelques autres.
Nous allons vous montrer comment ajouter un champ de date.
Choisissez une balise dans la liste en haut du panneau de l’éditeur de formulaire pour ajouter un nouveau champ. Voici à quoi cela ressemble :
Pour ajouter un champ de date, cliquez sur la balise de date.
Vous obtiendrez quelques options dans la fenêtre contextuelle qui apparaît, parmi lesquelles vous pouvez conserver le nom, la valeur par défaut, l’attribut de classe et l’attribut d’ID.
Cochez la case Champ obligatoire. Choisissez ensuite “insérer une balise”.
Étape 2 : Configurer les paramètres de distribution des e-mails
Vous pouvez personnaliser ce qui se passe lorsque quelqu’un vous contacte via le formulaire. Il s’agit d’une étape cruciale puisque vous serez averti lorsque quelqu’un remplira le formulaire uniquement si les e-mails sont correctement configurés.
Examinons chacune des options.
Pour: Le plugin enverra un e-mail à cette adresse e-mail chaque fois que quelqu’un remplira le formulaire. Le formulaire de contact 7 utilise l’e-mail de l’administrateur du site par défaut.
Sujet: Cela vous permet de personnaliser l’objet de l’e-mail.
Depuis: Cela vous permet de modifier le champ de l’expéditeur des e-mails. Il est recommandé de mettre le nom de votre site Web ici. L’adresse e-mail de l’expéditeur est également incluse.
En-têtes supplémentaires: Ici, vous ajoutez les destinataires cc et bcc.
Corps du message: C’est ici que vous placez le message que vous souhaitez envoyer.
Pièces jointes: incluez votre balise de fichier ici si vous avez coché l’option de téléchargement de fichiers sur votre formulaire de contact.
Courrier (2): Cela vous permet de créer un message automatisé que les visiteurs reçoivent lorsqu’ils utilisent le formulaire de contact.
Étape 3 : Publiez le formulaire
Dans Contact, accédez à Formulaires de contact. Ici, vous obtenez le code court que vous pouvez inclure sur votre site Web.
Accédez à la page où vous souhaitez afficher le formulaire de contact. Dans l’éditeur de publication, collez le code court dans l’espace réservé au texte.
Assurez-vous de prévisualiser la page et d’apporter des modifications, si nécessaire, avant de publier.
Maintenant que vous avez appris à ajouter un formulaire de contact dans WordPress, vous pouvez choisir d’ajouter plus de plugins à votre formulaire de contact.
Propulsez votre site WordPress avec un hébergement entièrement géré
Lors de l’utilisation hébergement entièrement gérévous n’avez pas à vous soucier des tâches essentielles nécessaires à la maintenance de votre site Web et de votre serveur.
Les plans d’hébergement WordPress infogéré de Nexcess offrent d’excellents résultats à des prix abordables. Nos experts WordPress vous aideront à rendre votre site opérationnel en un rien de temps.
Essayez l’hébergement WordPress entièrement géré de Nexcess
Voilà quelque raisons pour lesquelles vous devriez choisir Nexcess:
- Vous bénéficiez d’une assistance et d’une surveillance de la sécurité 24h/24 et 7j/7.
- Vous profitez d’un temps de chargement de site Web ultra-rapide.
- Vous pouvez migrer gratuitement votre site Web vers notre service d’hébergement.
- Vous recevez des mises à jour automatiques du plugin.
- Vous ne serez jamais facturé de frais cachés.