Comment installer le formulaire de contact 7 sur votre site Web WordPress

Contact Form 7 est incontestablement l'un des plugins les plus populaires de WordPress. Il est utilisé pour la création et la gestion des formulaires. Plus de cinq millions de propriétaires de sites WordPress ont installé ce plugin pour rester en contact avec les visiteurs de leur site.

L'un des attributs uniques de Contact Form 7 est sa simplicité et c'est l'une des principales raisons pour lesquelles de nombreux propriétaires de sites Web s'y sont tenus, même avec l'introduction de plugins de formulaire de contact plus avisés et plus complets. Il est facile à configurer et à personnaliser sans aucune expérience préalable.

Dans cet article, nous examinerons les étapes simples à suivre pour installer Contact Form 7 sur votre site WordPress.

Pourquoi utiliser le formulaire de contact 7

Avec des dizaines de plugins de formulaire de contact pour WordPress disponibles sur le marché, pourquoi le formulaire de contact 7 est-il populaire ? Pourquoi est-il le plus préféré par de nombreux propriétaires de sites Web WordPress ? La réponse est plutôt simple. Le formulaire de contact 7 est simple à utiliser et très efficace.

Outre sa simplicité et ses fonctionnalités impressionnantes, il possède également de nombreuses fonctionnalités qui le classent parmi ses pairs. Examinons brièvement certaines de ces fonctionnalités.

• Facile à personnaliser

Personne ne veut un formulaire ennuyeux sur sa page Web. Tout le monde veut quelque chose d'attrayant et de flexible à personnaliser. Le formulaire de contact 7 vous offre la liberté de personnaliser votre formulaire comme vous le souhaitez.

• Protection contre les spams

Les spams sont le fléau des propriétaires de sites Web. Vous devez constamment protéger votre site contre les spams car ils peuvent vous frustrer si vous les autorisez. Avec le formulaire de contact 7, vous n'avez pas à faire autant. Le plugin prend en charge le spam et libère votre espace Web.

• Prend en charge CAPTCHA

Cela garantit que les messages automatisés des robots sont tenus à l'écart de votre site Web. Avec ce plugin, vous pouvez avoir un site Web qui peut respirer facilement sans être chargé de messages de spam.

• Ce est gratuit

C'est l'une des plus grandes fonctionnalités du formulaire de contact 7. Son installation et son utilisation sont gratuites, ce qui en fait un choix instantané pour de nombreux nouveaux propriétaires de sites Web.

Étapes simples pour installer le formulaire de contact 7

Maintenant que nous avons examiné les fonctionnalités uniques du formulaire de contact 7, explorons les étapes simples pour installer le plugin et commencer à l'utiliser déjà. Suivez les étapes ci-dessous pour installer et activer le plugin Contact Form 7 sur votre site WordPress :

Première étape : Installez et activez Contact Form 7 sur votre site. La première chose à faire est d'installer le plugin. Accédez à "Plugins" depuis votre tableau de bord et cliquez sur "Ajouter un nouveau".

Deuxième étape : Parcourez la liste pour localiser le "Formulaire de contact 7". Vous pouvez utiliser la fonction de recherche pour le rendre plus rapide. Cliquez sur le bouton "Installer maintenant" pour l'installer lorsque vous l'avez trouvé.

Troisième étape : Après le processus d'installation, une fenêtre contextuelle apparaîtra. Cliquez sur le bouton "Activer" de la fenêtre pour activer le plugin. Avec ces deux étapes simples, votre formulaire de contact 7 est activé et prêt à être utilisé.

Comment créer votre formulaire

Maintenant que votre formulaire de contact 7 est installé et activé, il est temps de créer votre premier formulaire et de commencer à vous connecter avec les visiteurs de votre site. Suivez les étapes ci-dessous pour créer votre formulaire :

Étape 1 : Allez dans « Contact » depuis votre tableau de bord WordPress et cliquez sur « Formulaires de contact ». Vous verrez un formulaire de contact par défaut nommé "Formulaire de contact 1". Si vous n'êtes pas prêt à personnaliser votre formulaire, vous pouvez utiliser l'option par défaut.

Il fera le même travail qu'un formulaire personnalisé, mais la seule différence est qu'il ne ressemblera peut-être pas exactement à ce que vous auriez aimé. Pour utiliser le formulaire générique, copiez le shortcode généré et collez-le sur la page où vous souhaitez que le formulaire apparaisse. Cependant, si vous souhaitez créer un formulaire personnalisé, cliquez sur « Ajouter un nouveau » dans le menu « Contact ».

Étape 2 : Pour créer votre formulaire personnalisé, saisissez le nom/titre du formulaire dans l'espace prévu dans le champ du titre et cliquez sur « Enregistrer ».

Étape 3 : Ajoutez le code HTML pertinent pour le formulaire de contact dans la section « Formulaire ». Vous pouvez utiliser les différents boutons prédéfinis pour générer les codes abrégés des balises de formulaire générales.

Les balises de formulaire prédéfinies que vous trouverez dans le formulaire de contact 7 incluent l'e-mail, le texte, le numéro, le téléphone, l'URL, le menu déroulant, la zone de texte, la date, les boutons radio, les cases à cocher, le fichier, le questionnaire, l'acceptation et l'envoi. Voyons comment insérer certains d'entre eux.

Comment insérer des balises

Pour ajouter un champ de numéro de téléphone, par exemple, placez votre curseur à l'endroit où vous souhaitez que le champ apparaisse. Cliquez sur le "Tél." bouton.

Cela lancera une fenêtre contextuelle et vous pourrez personnaliser le champ à partir d'ici. Si vous souhaitez que l'ajout devienne un champ obligatoire, cliquez sur la case « Obligatoire ».

Cela signifie que le visiteur doit remplir le champ avant de pouvoir soumettre le formulaire. Dans le champ "Nom", créez un nom pour le champ nouvellement créé. Vous utiliserez ce nom pour identifier le champ. Si vous êtes un utilisateur expérimenté, vous pouvez inclure un style dans le champ avec des codes CSS.

Vous pouvez définir un attribut de classe ou un attribut d'ID, ou à peu près n'importe quoi. Pour cela, référez-vous au champ de votre feuille de style avec l'attribut Class ou ID. Lorsque vous avez terminé, cliquez sur le bouton "Insérer une balise".

Comment configurer votre formulaire

Une fois que vous avez créé votre formulaire et ajouté tous les champs, la prochaine étape consiste à le rendre fonctionnel. Pour faire ça, suit les étapes suivantes:

Étape 1 : cliquez sur l'onglet « Courrier ». Vous définirez où et comment les messages de votre formulaire de contact sont envoyés depuis cet endroit.

Étape 2 : Saisissez l'adresse e-mail à laquelle vous souhaitez que tous les messages du formulaire de contact soient envoyés dans le champ "À". Notez que le champ "De" est la source de l'e-mail et c'est là que vous obtiendrez les détails de l'expéditeur du message depuis votre site WordPress via le formulaire de contact.

Pour récupérer l'objet de l'e-mail, insérez la balise d'objet dans le champ "Objet". Si vous le souhaitez, vous pouvez laisser les sections « Corps du message » et « En-têtes supplémentaires » telles qu'elles sont, ou vous pouvez ajouter d'autres balises ou du texte si vous le souhaitez. Ceci termine la configuration de votre formulaire et il est prêt à être utilisé.

Vous pouvez également souhaiter que votre formulaire affiche un message de fin lorsqu'un utilisateur termine une action sur votre page. Ceci est recommandé si vous voulez une bonne expérience utilisateur. Par exemple, vous pouvez les remercier de vous avoir contacté après avoir soumis un formulaire avec succès.

Vous pouvez également décider d'inclure des messages d'erreur lorsqu'un utilisateur fait des erreurs. Tout cela peut être fait dans la section "Messages". Vous verrez le texte par défaut mais vous pouvez le modifier comme vous le souhaitez. Une fois que vous avez terminé d'apporter les modifications, cliquez sur le bouton "Enregistrer" et votre formulaire est prêt à être utilisé.

Conclusion

Cet article a examiné comment vous pouvez installer Contact Form 7 sur votre site Web WordPress et les différents segments essentiels des formulaires qui sont importants pour vous en tant que débutant. Avec cela, vous pouvez commencer à recevoir des messages des visiteurs de votre site Web.