TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Comment ajouter un formulaire de contact dans WordPress ?

5

En tant que propriétaire de site Web, vous pouvez permettre à vos lecteurs d’interagir avec vous de plusieurs manières. L’activation des commentaires de blog, la réponse dans les profils sociaux et l’envoi de campagnes par e-mail sont parmi les moyens les plus populaires. En plus de toutes ces options, il existe une page la plus importante de tout site WordPress. Il s’agit de la page de contact permettant aux utilisateurs de vous envoyer des e-mails. Dans cet article, nous allons explorer comment ajouter un formulaire de contact dans le site WordPress.

Connexe : Comment ajouter et personnaliser le formulaire de contact dans le site Weebly ?

Pourquoi avoir une page de contact dans WordPress ?

Le besoin fondamental d’une page de contact est de permettre aux lecteurs de vous envoyer des e-mails. Cependant, il y a peu d’autres avantages à avoir une page de contact sur votre site Web.

  • Crédibilité – avoir une page de contact augmente la crédibilité de votre page Web. Les gens croiront que vous êtes une personne ou une entreprise réelle qui répond aux questions.
  • Visibilité – le formulaire de contact augmente la visibilité de votre site à la fois dans les moteurs de recherche et auprès des utilisateurs. Il est facile pour vous de diriger les utilisateurs vers votre page de contact et de les encourager à partager leurs besoins.
  • Entreprises – si vous n’avez pas le temps de répondre par chat en direct, la meilleure option pour faire des affaires est d’utiliser un formulaire de contact. Cela fonctionne bien pour les industries de services comme la rédaction de CV et le développement de logiciels.

Différence entre le formulaire de contact et les e-mails

Beaucoup d’entre vous pensent peut-être pourquoi vous devez avoir un formulaire de contact séparé au lieu de fournir directement votre adresse e-mail dans les sections de pied de page et de barre latérale.

  • Afficher votre adresse e-mail publiquement créera des problèmes de confidentialité. Vous recevrez des centaines de spams car tout le monde peut envoyer un message en cliquant sur votre adresse e-mail.
  • En revanche, les formulaires de contact ne révéleront pas votre adresse e-mail aux lecteurs. WordPress traitera le message et vous l’enverra sans que les utilisateurs connaissent votre adresse e-mail. De cette façon, vous recevrez uniquement des messages d’utilisateurs intéressés et éviterez les spams et les messages privés offensants.
  • Le plugin fonctionne de manière transparente avec Akismet pour empêcher les soumissions de spam ou vous pouvez ajouter reCAPTCHA pour vous assurer que seuls les utilisateurs humains peuvent soumettre le formulaire et non les robots automatiques. De plus, Contact Form 7 utilise également l’option de liste noire des commentaires WordPress par défaut pour bloquer les messages.
  • Vous pouvez utiliser plusieurs formulaires de contact sur un seul site WordPress et ajouter des paramètres pour suivre les performances de chaque formulaire. Par exemple, vous pouvez suivre le formulaire sur votre page de contact et sur la page à propos séparément.
  • Le plugin ne stocke pas les messages dans la base de données, préservant ainsi votre confidentialité.

Avec tous ces avantages, les formulaires de contact sont un moyen beaucoup plus sûr, professionnel et plus facile d’interagir avec vos lecteurs.

La bonne partie est que vous avez de nombreux plugins de formulaire de contact disponibles gratuitement dans la section du référentiel de plugins WordPress. Le formulaire de contact 7 est l’un des plus populaires parmi tous les plugins disponibles gratuitement.

  • C’est un plugin très facile à utiliser avec plus de 5 millions d’installations actives.
  • C’est un plugin gratuit complet sans publicités gênantes ni version premium de vente incitative.
  • Développé et maintenu activement.
  • De nombreux thèmes WordPress populaires intègrent le plugin Contact Form 7 et proposent des formulaires personnalisés.
  • Vous pouvez insérer le formulaire n’importe où sur votre site en utilisant le bloc Gutenberg.

Installation du plugin Contact Form 7

Puisque Contact Form 7 est un plugin gratuit, vous pouvez l’installer directement depuis votre panneau d’administrateur WordPress. Après vous être connecté au panneau d’administration de votre site, accédez à la section "Plugins> Ajouter un nouveau". Vous pouvez rechercher et installer le plugin Contact Form 7 à partir de là.

Comment ajouter un formulaire de contact dans WordPress ?

Installer le plug-in du formulaire de contact 7

Créer votre premier formulaire de contact

Après avoir activé le plugin sur votre site, il créera un élément de menu appelé "Contact". Il comporte trois éléments de sous-menu – Formulaires de contact, Ajouter un nouveau et Intégration.

Comment ajouter un formulaire de contact dans WordPress ?

Formulaire de contact 7 Menu

  • Vous pouvez consulter tous vos formulaires dans la section « Formulaires de contact ».
  • Allez dans « Ajouter un nouveau » pour créer un nouveau formulaire.
  • La section Intégration vous permet de créer un lien vers des API externes de Constant Contact, reCAPTCHA et Sendinblue.

Configuration du plug-in du formulaire de contact 7

Afin de vous faciliter la tâche, Contact Form 7 ajoutera un exemple de formulaire prêt à l’emploi sur votre site. Vous pouvez soit modifier l’exemple de formulaire en allant dans la section « Formulaires de contact » et le réutiliser ou en créer un nouveau à partir de zéro.

Comment ajouter un formulaire de contact dans WordPress ?

Afficher les formulaires créés

Dans cet article, nous allons créer un nouveau formulaire et intégrer le shortcode. Allez dans la section « Contact > Ajouter un nouveau » pour afficher toutes les options disponibles pour créer un nouveau formulaire. Vous verrez des sections formulaire, courrier, messages et paramètres supplémentaires où vous pourrez configurer les options et concevoir votre formulaire. Le plugin ajoutera un modèle de base pour le formulaire, le courrier et les messages dans la section correspondante pour commencer. Vous pouvez ajouter des options supplémentaires en vous référant à la page de documentation du plugin.

Section Formulaire

Dans la section « Formulaire », vous pouvez afficher les balises disponibles pour modifier le modèle de formulaire. Le plugin ajoutera les balises de base telles que le nom, l’e-mail, l’objet et le bouton d’envoi que vous pouvez modifier et personnaliser davantage.

Comment ajouter un formulaire de contact dans WordPress ?

Ajouter un nouveau formulaire de contact

  • Vous pouvez ajouter des champs pour l’URL, le numéro de téléphone, les boutons radio, le téléchargement de fichier, le quiz, les cases à cocher, le menu déroulant, etc. en cliquant simplement sur le bouton.
  • Au début, vous ne vous sentirez peut-être pas à l’aise avec les boutons et le code. Cependant, en cliquant sur chaque bouton, une fenêtre contextuelle s’affichera dans laquelle vous pourrez simplement remplir les détails.
  • Vous n’avez pas besoin de vous souvenir des balises ou de préparer le code.

Par exemple, cliquez sur le bouton « fichier » pour insérer une option de téléchargement de fichier dans votre formulaire. Dans la fenêtre contextuelle qui apparaît, fournissez des détails sur la taille, le type, le fichier obligatoire, etc. et enregistrez.

Comment ajouter un formulaire de contact dans WordPress ?

Remplir les détails pour la balise

Après avoir terminé la conception du formulaire, le modèle aura les balises suivantes. Vous pouvez déplacer les étiquettes à différentes positions en coupant et collant le code correspondant.

<label> Your name [text your-name] </label> <label> Your email [email your-email] </label> <label> Subject [text your-subject] </label> <label> Your message (optional) [textarea your-message] </label> [file file-915 limit:1mb filetypes:.docx] [submit "Submit"]

Enfin, donnez un nom à votre formulaire et cliquez sur le bouton Enregistrer. Vous obtiendrez le shortcode que vous pourrez copier et coller n’importe où sur votre site.

Comment ajouter un formulaire de contact dans WordPress ?

Formulaire de contact enregistré

Section courrier

Avant d’utiliser le shortcode, l’étape suivante consiste à configurer votre modèle d’e-mail en allant dans la section « Mail ».

Comment ajouter un formulaire de contact dans WordPress ?

Formulaire de contact 7 Paramètres de messagerie

  • Vers et depuis – le plug-in utilise l’adresse e-mail de l’administrateur du site comme adresse et utilise le titre du site et l’e-mail fourni pour le champ de.
  • Objet et en-têtes – les détails des champs du formulaire sont utilisés sur le modèle de courrier.
  • Corps du message – configurez le format du modèle pour recevoir les e-mails.
  • Pièce jointe – laissez-la vide ou ajoutez la balise de fichier si nécessaire pour afficher le nom du fichier dans l’e-mail de réception.

Comment ajouter un formulaire de contact dans WordPress ?

Corps du message et pièce jointe

En général, vous n’avez pas besoin de modifier le modèle de courrier. Créez un deuxième modèle de courrier pour l’utiliser comme répondeur automatique. Lorsqu’un e-mail est envoyé avec succès, le plug-in déclenchera le modèle d’e-mail du répondeur automatique dans l’e-mail de l’expéditeur.

Comment ajouter un formulaire de contact dans WordPress ?

Formulaire de contact 7 Autorépondeur

Enregistrez vos modifications après avoir terminé la configuration des modèles de courrier.

Section des messages

Dans cette section, vous pouvez personnaliser les messages texte qui apparaissent dans différentes situations. Vous pouvez laisser les espaces réservés au texte tels quels si vous ne souhaitez pas les personnaliser. Par exemple, par défaut, le plugin affichera un message « Merci pour votre message. Il a été envoyé. après la soumission réussie d’un formulaire. Si vous utilisez le formulaire pour les soumissions de propositions commerciales, il est alors logique de modifier ce texte pour ajouter plus de détails et d’autres étapes pour vos clients.

Comment ajouter un formulaire de contact dans WordPress ?

Paramètres des messages

Paramètres additionnels

Vous pouvez laisser la section des paramètres supplémentaires telle quelle. Cependant, parcourez les options disponibles sur la documentation pour vérifier si des champs sont utiles. Par exemple, vous pouvez ajouter subscriptions_only: true dans la zone de texte pour autoriser uniquement les utilisateurs connectés à soumettre le formulaire.

Comment ajouter un formulaire de contact dans WordPress ?

Paramètres additionnels

Ajout d’un formulaire dans la page de contact

Cliquez sur le bouton Enregistrer après avoir finalisé tous les paramètres. Fondamentalement, toutes les étapes ci-dessus sont configurées une seule fois et vous pouvez créer de nouveaux formulaires en utilisant la même configuration sans modifier les modèles à chaque fois. Cependant, vous pouvez également utiliser différents champs et modèles pour chaque formulaire.

Maintenant que vous avez le shortcode de votre formulaire de contact et que la prochaine étape consiste à l’intégrer sur votre page. Allez dans la section « Pages > Toutes les pages » et créez/modifiez votre page de contact. Tapez /contact pour filtrer le bloc Contact Form 7 Gutenberg et insérez-le dans votre zone de contenu.

Comment ajouter un formulaire de contact dans WordPress ?

Formulaire de contact 7 Bloc Gutenberg

Cliquez sur la liste déroulante « Sélectionnez un formulaire de contact » et choisissez le nom de votre formulaire à intégrer.

Comment ajouter un formulaire de contact dans WordPress ?

Intégrer le formulaire de contact

Si vous utilisez l’ancien éditeur Classic, collez simplement le shortcode du formulaire de contact dans l’éditeur.

Comment ajouter un formulaire de contact dans WordPress ?

Ajouter un formulaire de contact dans l’éditeur classique

Ça y est, vous avez inséré le formulaire de contact sur votre page. Maintenant, vous pouvez publier ou mettre à jour la page pour la voir en action.

Connexe : Comment intégrer Google Forms dans WordPress ?

Tester votre formulaire de contact

Affichez votre page pour voir à quoi ressemble le formulaire. Nous vous recommandons également de tester le formulaire en soumettant un message factice.

Comment ajouter un formulaire de contact dans WordPress ?

Formulaire de contact publié

Le plugin utilisera les validations du navigateur pour s’assurer que tous les champs obligatoires sont remplis. Vous verrez des erreurs selon la configuration dans la section « Messages » lorsque vous essayez de soumettre le formulaire sans champs obligatoires.

Comment ajouter un formulaire de contact dans WordPress ?

Validation de formulaire dans le navigateur

Envoyez un message réussi et confirmez que votre contact fonctionne correctement. De même, vérifiez le message reçu et ajustez la configuration dans la section « Mail » pour modifier le modèle si nécessaire.

Comment ajouter un formulaire de contact dans WordPress ?

Message soumis avec succès

Conclusion

Au total, vous aurez peut-être besoin de moins de 30 minutes pour créer et ajouter un formulaire de contact sur votre site WordPress à l’aide du plugin Contact Form 7. Il fonctionne de manière transparente sans entrer en conflit avec d’autres plugins. Sans aucun doute, le formulaire de contact 7 fait partie de nombreux sites d’entreprise WordPress et vous pouvez également l’essayer pour améliorer votre entreprise.

Source d’enregistrement: webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails