Comment créer un formulaire de contact de base dans WordPress

Publié: 2022-08-28

Pour développer votre site Web et votre entreprise, vous devez générer des prospects. La meilleure façon de le faire est de collecter les e-mails via le formulaire de contact de votre site. Pour ce faire, vous devez créer un formulaire de contact sur votre site WordPress. Bien sûr, vous pouvez demander à votre développeur de site de vous aider.

Cependant, vous devriez apprendre à le faire afin de pouvoir créer un formulaire qui corresponde à votre image de marque sans avoir à dépenser une fortune. Cet article vous guide pas à pas dans le processus de création d'un formulaire de contact de base dans WordPress.

Trois principales raisons d'utiliser un formulaire de contact sur votre site Web WordPress

Lorsque vous connaissez la raison d'avoir quelque chose, vous serez motivé pour y aller. Alors, pourquoi devriez-vous créer et utiliser un formulaire de contact sur votre site Web ? Examinons les trois principales raisons pour lesquelles vous devriez envisager d'avoir un formulaire de contact sur votre site.

• Gérer les données des clients

Les affaires sont guidées par les données et sans données appropriées, votre entreprise peut ne pas se développer au-delà de ce qu'elle est aujourd'hui. L'un des principaux moyens d'accéder aux données de vos clients et des visiteurs de votre site est lorsqu'ils vous contactent. Lorsque vous avez un formulaire de contact sur votre site, vous pouvez demander des données spécifiques à leur sujet.

Vous pouvez collecter leurs adresses e-mail, numéros de téléphone et certaines informations vitales qui vous seront utiles à des fins de marketing. Un formulaire de contact vous aide également à filtrer les demandes. Avec lui, vous savez quelle est la bonne question à poser aux visiteurs et comment canaliser la question vers les équipes appropriées à gérer.

• Protégez votre site contre les spams par e-mail

Le spam par e-mail est un ravageur et si vous avez une adresse e-mail non protégée, vous êtes une bonne cible pour les spammeurs. Avec un formulaire de contact, vous évitez que cela se produise. Vous n'êtes pas obligé de publier votre adresse e-mail ou votre numéro de téléphone en ligne. Vos visiteurs peuvent entrer en contact avec vous via le formulaire de contact.

• Informer les visiteurs du site

Outre la collecte d'informations auprès des visiteurs du site, vous pouvez également utiliser le formulaire de contact pour fournir des informations à vos clients. Lorsqu'ils entrent en contact avec vous, vous pouvez inclure des informations dans le formulaire sur le moment où ils peuvent s'attendre à une réponse.

Alors, maintenant que vous avez les raisons pour lesquelles un formulaire de contact est crucial pour votre site Web, voyons comment en ajouter un à votre site. Nous verrons comment créer un formulaire de contact à l'aide de WPForms et du formulaire de contact 7, car ils font partie des formulaires de contact les plus couramment utilisés pour les sites Web WordPress.

Comment créer le formulaire de contact WPForms

WPForms est l'un des formulaires de contact les plus populaires sur le marché. Pour créer un formulaire, la première chose à faire est d'installer et d'activer le plugin. Lorsque vous avez terminé, l'assistant de configuration de WPForms apparaîtra avec le message "Créez votre premier formulaire". Suivez les étapes ci-dessous pour terminer le processus et rendre vos WPForms opérationnels en cinq minutes.

• Cliquez sur le bouton "Créer votre premier formulaire" pour commencer.

wpforms

• Ensuite, choisissez un modèle prédéfini et personnalisez vos champs de formulaire. Vous pouvez également choisir un formulaire vierge pour créer votre formulaire à partir de zéro. Pour un débutant, choisissez le modèle "Formulaire de contact simple".

modèle

• Vous serez redirigé pour ajouter ou supprimer des champs de formulaire dans le générateur de formulaire. Vous pouvez également personnaliser le formulaire en fonction de l'esthétique et de la fonction.

générateur de formulaire

• Dans l'espace avec « Ajouter des champs », placez votre curseur dans l'espace prévu et remplissez les champs en fonction de l'invite du message contextuel. Si vous voulez quelque chose de basique, vous pouvez utiliser les champs de formulaire de base qui ont déjà été fournis.

Cela ne nécessite pas que vous supprimiez ou ajoutiez des champs et c'est très fonctionnel. Si vous souhaitez ajouter des champs supplémentaires, vous pouvez les faire glisser et les déposer depuis la liste des champs dans les cases bleues à votre gauche sur la page. Lorsque vous avez terminé de remplir l'espace, cliquez sur "Terminé" pour passer au suivant.

formulaire de contact simple

• La prochaine chose est de se concentrer sur vos paramètres de notification. Les paramètres de notification vous permettent de recevoir des alertes lorsqu'un utilisateur soumet un nouveau formulaire sur votre site Web. Par défaut, la fonction de notification est activée.

Contactez

Pour une meilleure expérience utilisateur, vous pouvez utiliser des balises actives pour envoyer des notifications aux visiteurs de votre site lorsqu'ils soumettent un formulaire de contact. Cela leur permet de savoir que vous avez reçu leur formulaire et que vous les contacterez sous peu.

• La dernière étape consiste à intégrer le formulaire de contact simple dans votre site Web WordPress. Pour ce faire, vous pouvez l'intégrer dans une page existante ou dans une nouvelle. Alors, cliquez sur "Sélectionner une page existante" ou "Créer une nouvelle page" dans le message contextuel. Si vous créez une nouvelle page, cliquez sur "Créer une nouvelle page" et donnez-lui un nom. Cliquez sur "Allons-y". WPForms intégrera votre formulaire sur la nouvelle page et c'est tout. Vous pouvez commencer à profiter des avantages d'avoir un formulaire de contact sur votre site.

page de contact avec wpforms

Comment créer un formulaire de contact avec le formulaire de contact 7

La première étape de la création d'un formulaire de contact avec Contact Form 7 consiste à installer et à activer le plugin. Suivez les étapes ci-dessous pour installer et activer le plugin, et créez votre formulaire de contact :

• Connectez-vous à votre site et allez dans « Plugins ». Cliquez sur "Ajouter un nouveau" et tapez Formulaire de contact 7 dans le champ de recherche.

• Cliquez sur « Installer maintenant » pour le télécharger sur votre site Web. Ensuite, cliquez sur "Activer" pour commencer à utiliser le plugin.

ajouter des plugins

• Ensuite, cliquez sur « Contact » dans votre barre latérale WordPress. Parcourez la liste des formulaires de contact sur votre site Web. Vous verrez un exemple de formulaire, que vous pouvez modifier et personnaliser. Vous pouvez également cliquer sur "Ajouter un nouveau" sur l'écran pour créer un formulaire à partir de zéro.

ajouter un nouveau formulaire de contact

• Cliquez sur un exemple de formulaire ou sur « Ajouter nouveau » pour continuer. N'ayez pas peur de la prochaine fenêtre ouverte. Cela semble complexe mais il existe des outils pour générer le code automatiquement. Alors ne vous inquiétez pas, vous n'avez rien à coder.

• Il est maintenant temps de configurer votre formulaire de contact. Vous pouvez ajouter un menu déroulant, qui permettra à vos visiteurs de sélectionner le but pour lequel ils souhaitent vous contacter. Pour ce faire, placez votre curseur à l'endroit où vous souhaitez placer le menu sur le formulaire de contact. Depuis la barre d'outils, cliquez sur le menu déroulant et remplissez les champs.

• Cliquez sur « Insérer une balise » lorsque vous avez terminé pour l'intégrer dans votre formulaire.

formulaire

• Ensuite, ajoutez une étiquette. Pour ce faire, copiez et collez le code actuel des champs et ajustez-le selon vos préférences.

• Configurez l'e-mail que vous avez reçu du formulaire de contact. Pour ce faire, accédez à la section Courrier. Vous verrez les champs pré-remplis avec des balises similaires et ceux que vous avez créés auparavant. Vous pouvez les utiliser pour personnaliser la façon dont vous souhaitez recevoir des messages via le formulaire de contact.

courrier

Les champs inclus sont À, De, En-têtes supplémentaires, Corps du message et Utiliser le type de contenu HTML (les messages sont envoyés en texte brut par défaut. Si vous souhaitez utiliser HTML, cochez la case).

Il dispose également de pièces jointes et de courrier (2), un modèle de courrier supplémentaire pour les répondeurs automatiques. Si vous souhaitez l'activer, cochez la case et vous pourrez vous en tenir à l'option standard en tant que débutant.

• Ensuite, configurez les messages spécifiques que vous voulez que vos visiteurs voient lorsqu'ils utilisent votre formulaire. Les options disponibles incluent Message de réussite et Messages d'erreur.

• Enfin, ajoutez le formulaire à votre site. Tout d'abord, enregistrez le formulaire avec un nom unique. Vous verrez un shortcode apparaître sur votre écran après avoir enregistré le formulaire. Copiez-le et accédez à la page où vous souhaitez placer le formulaire. Vous pouvez créer une nouvelle page ou l'ajouter à une page existante. Collez le shortcode dans l'éditeur WordPress et publiez-le. Cela l'enverra au front-end et vous pourrez commencer à profiter des avantages d'avoir un formulaire de contact sur votre site.

Conclusion

Vous avez là les étapes simples pour créer un formulaire de contact de base à l'aide de WPForms et du formulaire de contact 7. Si vous voulez quelque chose de rapide et de transparent, le plugin WPForms semble être une meilleure option. Cependant, si vous souhaitez travailler avec des codes même sans aucune expérience préalable, le formulaire de contact 7 est un meilleur choix.

Comment créer un formulaire dans WordPress ?

La première chose est de sélectionner un plugin de formulaire WordPress. Installez-le et activez-le, puis suivez les étapes simples pour créer le formulaire de votre choix.

Comment utiliser un formulaire de contact dans WordPress ?

Connectez-vous à votre tableau de bord d'administration WordPress et accédez aux plugins. Cliquez sur "Ajouter un nouveau" et sélectionnez le plugin de formulaire de contact que vous souhaitez. Installez-le et activez-le. Vous pouvez afficher le formulaire en ouvrant « Contact » puis « Formulaires de contact » sur votre tableau de bord WordPress. De là, vous pouvez gérer tous les formulaires.

Est-il difficile de créer un formulaire de contact ?

Le niveau de difficulté dépendra du choix du plugin de formulaire de contact que vous choisissez. Certains sont très simples à utiliser, tandis que d'autres sont très compliqués. WPForms, par exemple, est très facile à utiliser pour créer un formulaire de contact

Umair
Umair Khan