Comment créer un formulaire de saisie de données personnalisé dans WordPress (aucun codage requis)

Publié: 2024-09-27

Un formulaire de saisie de données est exactement ce à quoi cela ressemble. C'est un formulaire qui collecte des informations à stocker dans une base de données ou une feuille de calcul.

Ces informations peuvent inclure les détails du client, les prises de rendez-vous, les informations d'inscription et d'autres données importantes. Heureusement, créer ce type de formulaires est plus facile que vous ne le pensez. Et aucun codage n’est requis !

Donc, si vous voulez savoir comment, continuez à lire. Je vais vous montrer comment créer un formulaire de saisie de données personnalisé qui s'intègre facilement au système de gestion de données de votre choix. Vous pouvez le faire en seulement 5 étapes.

Comment créer un formulaire de saisie de données personnalisé dans WordPress (aucun codage requis)

  • Obtenez WPForms
  • Intégrez l'outil de votre choix
  • Créez votre formulaire
  • Personnalisez votre formulaire
    • Publiez votre formulaire
    • Bonus : meilleures pratiques et conseils

      Obtenez WPForms

      Pour créer votre propre formulaire de saisie de données personnalisé, vous devrez installer et activer WPForms Pro dans votre tableau de bord WordPress.

      Avec Pro, vous pouvez accéder aux modules complémentaires nécessaires, aux champs supplémentaires et aux options de personnalisation supplémentaires, que je vais vous montrer comment utiliser dans cet article de blog.

      The WPForms pricing page.

      Une fois le plugin installé et activé, vous êtes prêt à partir !

      Créez votre formulaire de saisie de données maintenant

      Intégrez l'outil de votre choix

      Avec la licence WPForms Pro, vous avez accès à toutes les intégrations que nous prenons actuellement en charge. Ce qui est beaucoup.

      Browsing the WPForms integrations

      WPForms s'intègre à plus de 200 outils et systèmes, dont Zapier, qui se connecte à des milliers d'autres plateformes.

      En ce qui concerne les outils de saisie de données, vous pourriez être intéressé par nos intégrations avec :

      • Google Sheets : Avec cette intégration, vous pouvez envoyer automatiquement les soumissions de formulaires vers un document Google Sheets pour une gestion facile des données.
      • Salesforce : synchronisez vos entrées WPForms avec Salesforce pour gérer les prospects et les informations client.
      • Airtable : Grâce à Zapier, vous pouvez intégrer WPForms à Airtable pour créer une base de données étendue pour vos entrées.
      • Plateformes CRM et marketing : WPForms s'intègre également aux outils de marketing par e-mail comme Mailchimp et autres.

      Nous allons continuer et couvrir la partie intégration avant de créer le formulaire, afin que vous puissiez choisir le service à connecter à votre formulaire lorsque vous le créez. J'expliquerai plus lorsque nous entrerons dans le générateur de formulaire.

      Tout d’abord, rendez-vous sur WPForms » Addons .

      WPForms addons

      Désormais, sur la page WPForms Addons, vous pouvez trouver l'outil que vous souhaitez intégrer et vous connecter à votre formulaire.

      Google Sheets, par exemple : localisez le module complémentaire Google Sheets et activez- le.

      Google Sheets addon

      Vous serez ensuite dirigé vers quelques écrans qui confirment essentiellement votre connexion Google.

      Une fois cette opération terminée, vous serez redirigé vers la page Intégrations . Vous devriez maintenant voir que l'intégration de Google Sheets indique Connected .

      google sheets connected

      Cette intégration n'est cependant pas seulement pratique pour le formulaire que nous sommes sur le point de créer dans ce didacticiel.

      Une fois connecté, vous pouvez l'utiliser avec n'importe quel formulaire que vous avez créé pour envoyer automatiquement les données du formulaire à Google Sheets.

      Créez votre formulaire

      Une fois la configuration de l'intégration terminée, vous êtes prêt à créer votre formulaire de saisie de données. Rendez-vous sur l'onglet WPForms de votre tableau de bord WordPress et cliquez sur Ajouter nouveau .

      Add new form

      En ajoutant un nouveau formulaire, vous êtes ensuite invité à nommer le formulaire et à ouvrir le générateur de formulaire. Vous pouvez utiliser un formulaire vierge et le créer vous-même à partir de zéro, ou vous pouvez commencer avec un modèle.

      Naming your form

      Je suggère de profiter des nombreux modèles de formulaires proposés dans la galerie de modèles (nous en avons des milliers parmi lesquels choisir) pour commencer.

      Avec un modèle, la plupart, sinon la totalité, des champs nécessaires sont inclus sur chaque formulaire de saisie de données donné. Par exemple, notre modèle de formulaire d'inscription étudiant est prêt à l'emploi avec des champs pour les informations sur l'étudiant, les détails des parents et le contact en cas d'urgence.

      Student registration form fields

      Quoi qu'il en soit – avec un modèle ou avec un formulaire vierge – vous avez la possibilité de personnaliser entièrement votre formulaire à votre guise grâce au générateur de formulaire glisser-déposer.

      Vous pouvez modifier le style et les fonctionnalités des champs de votre formulaire, ajouter des champs supplémentaires, supprimer les champs dont vous ne voulez pas, et bien plus encore. Nous aborderons tout cela à l’étape suivante.

      Personnalisez votre formulaire

      Une fois que vous êtes dans le générateur de formulaire, vous pouvez ajouter et personnaliser un large éventail de champs à votre formulaire, notamment des saisies de texte, des cases à cocher, des menus déroulants, etc.

      Student registration form builder

      Avoir de nombreuses façons différentes de permettre aux utilisateurs saisir ses données est toujours un énorme plus, surtout pour ce type de formulaire.

      Utiliser les choix de l'IA

      Et lorsque vous ajoutez un champ à partir duquel les utilisateurs effectuent une sélection, vous avez la possibilité de laisser WPForms AI générer la sélection de choix pour vous.

      Generate AI choices

      Entrez simplement le type de liste ou les choix dont vous avez besoin et regardez l'assistant IA le faire rapidement pour vous. Ensuite, vous pouvez insérer les choix générés sur votre formulaire en cliquant sur un bouton.

      Generate AI choices

      Les choix de l'IA éliminent le temps et les incertitudes liés à l'ajout de ces points de données à votre formulaire de saisie de données.

      De plus, leur utilisation peut aider les utilisateurs de votre formulaire à capturer les bonnes données dans leurs formulaires, et donc à augmenter l'efficacité et la précision de votre collecte de données.

      Utiliser le champ Répéteur

      Le champ répéteur permet aux utilisateurs d'ajouter dynamiquement plus de champs de saisie sans surcharger le formulaire. Ceci est utile pour les tâches de saisie de données où le nombre d'entrées varie, comme la saisie de noms, d'adresses, de numéros de téléphone supplémentaires, etc.

      Add information with the repeater field

      Les utilisateurs du formulaire cliquent simplement sur un bouton pour ajouter ou supprimer certains champs, ou des sections entières de votre formulaire. Et en ce qui concerne la personnalisation, vous avez un contrôle total sur la disposition de ces champs répétables, le style des boutons et d'autres options.

      Customize the repeater field

      Pour un aperçu complet du champ Répéteur, comment l'utiliser au mieux et des conseils de style, jetez un œil à notre guide complet sur cet outil d'organisation essentiel.

      Connectez l'intégration

      Lorsque votre formulaire est personnalisé à votre guise, vous pouvez le connecter à l'intégration de saisie de données que vous avez configurée précédemment. Vous le trouverez dans l' onglet Paramètres de la barre latérale du générateur de formulaires. Dans ce cas, vous pouvez choisir Google Sheets parmi les options disponibles.

      Google Sheets in settings

      Cliquez ensuite sur Ajouter une nouvelle connexion pour lier votre compte Google à ce formulaire et commencer à stocker les entrées.

      Google Sheets connection

      Vous devrez ensuite donner un surnom à cette connexion. Mais ne vous inquiétez pas, ce pseudo ne sera pas affiché sur votre site. C'est juste pour vous aider à vous rappeler à quel formulaire votre feuille Google est connectée. Après avoir saisi un surnom, cliquez sur OK .

      Connection nickname

      Ensuite, pour la feuille de calcul que ce formulaire remplira, vous verrez les options Sélectionner un existant ou Créer un nouveau . Vous pouvez soit connecter ce formulaire à une feuille de calcul existante avec Google Sheets, soit créer une nouvelle feuille de calcul à partir d'ici.

      Select existing spreadsheet

      Enfin, faites défiler vers le bas pour voir les paramètres de mappage de champ . C'est ici que vous définissez quelles colonnes correspondent à quelles valeurs de champ de votre formulaire.

      Student registration field mapping

      Puisqu'il existe des paramètres de mappage de champs supplémentaires que vous souhaiterez peut-être explorer, je vous encourage à consulter le didacticiel complet sur l'enregistrement des entrées dans Google Sheets.

      Et, bien que ces étapes soient spécifiques à Google Sheets en tant qu'intégration de saisie de données de choix, l'approche générale est similaire dans tous les domaines.

      Vous récupérerez le module complémentaire correspondant à l'intégration, vous devrez configurer l'intégration en la connectant à un compte que vous avez sur la plateforme, et vous trouverez l'intégration dans l'onglet Paramètres du générateur de formulaire.

      Publiez votre formulaire

      Maintenant que votre formulaire est prêt, vous devez l'ajouter à une page publiée sur votre site. Ensuite, lorsque quelqu'un soumet le formulaire, les entrées seront automatiquement envoyées à votre feuille de calcul Google Sheets.

      Cliquez sur le bouton Intégrer dans le coin supérieur droit du générateur de formulaire pour le faire.

      embed form

      Vous pouvez soit intégrer votre formulaire sur une page que vous avez déjà sur votre site, soit créer une nouvelle page à partir d'ici. Si vous créez une nouvelle page, vous devrez lui donner un nom, par exemple « Inscription des étudiants ».

      Name a new page

      Quelle que soit la voie que vous choisissez, l’éditeur WordPress s’ouvrira alors avec votre formulaire ajouté. À partir de là, publiez simplement la page.

      Publish form

      Votre formulaire de saisie de données est désormais en ligne sur votre site !

      Bonus : meilleures pratiques et conseils

      Avec un modèle pour vous aider à démarrer, des choix d'IA pour générer vos options et le champ Répéteur pour que tout reste organisé, j'imagine que votre formulaire s'avère excellent. Cela dit, gardez certains de ces conseils et considérations à l’esprit.

      • Texte d'espace réservé et descriptions : bien que le texte d'espace réservé puisse guider les utilisateurs, évitez d'encombrer votre formulaire avec trop d'explications. Il en va de même pour les descriptions. Gardez les descriptions de champs courtes et pertinentes pour réduire la fatigue des formulaires.
      • Disposition à plusieurs colonnes ou à une seule colonne : les dispositions à plusieurs colonnes peuvent rendre votre formulaire plus court, mais une disposition à une seule colonne aide les utilisateurs à se concentrer sur une entrée à la fois, améliorant ainsi les taux de remplissage du formulaire.
      • Longueur du formulaire et logique conditionnelle : gardez vos formulaires concis. Plus votre formulaire est court, plus il est probable que les utilisateurs le rempliront. Utilisez la logique conditionnelle pour masquer les champs inutiles et afficher uniquement ce qui est pertinent pour l'utilisateur.
      • Image de marque : envisagez d'appliquer l'image de marque de votre organisation au formulaire en utilisant des images d'en-tête, des choix de couleurs et d'autres options de style. Ceci est particulièrement important pour les formulaires plus publics que vous utilisez sur votre site Web.

      C'est tout ce qu'il y a à faire ! Vous disposez de tous les outils nécessaires pour créer votre propre formulaire de saisie de données à portée de main. Quel type de données allez-vous collecter et saisir ? Les options sont pratiquement infinies avec WPForms.

      Créez votre formulaire de saisie de données maintenant

      FAQ sur le formulaire de saisie de données

      En tant que plugin de création de formulaires n°1 – formulaires de saisie de données ou autres, nous recevons beaucoup de questions sur les formulaires. Voici quelques-unes des questions les plus fréquemment posées sur le sujet :

      Puis-je exporter les soumissions de formulaires vers Excel ?

      Oui! Avec WPForms, vous pouvez facilement exporter les données d'un formulaire au format CSV, qui peut ensuite être ouvert dans Excel.

      WPForms est-il conforme au RGPD ?

      Oui, WPForms propose des outils pour vous aider à vous conformer aux réglementations RGPD, notamment la possibilité d'ajouter des cases à cocher de consentement et de personnaliser la façon dont les données sont stockées.

      WPForms fonctionne-t-il avec des intégrations tierces ?

      Absolument. WPForms fonctionne avec Zapier, qui vous permet de connecter vos formulaires à plus de 7 000 applications, dont Google Drive, Slack et Trello.

      Ensuite, ajoutez un titre honorifique au champ de nom de votre formulaire

      C'est une courtoisie professionnelle d'inclure le titre honorifique d'une personne à côté de son nom. Alors, pourquoi ne pas inclure cette option dans les champs de nom que vous incluez dans votre formulaire ? Pour savoir comment ajouter un titre honorifique ou un titre préféré à un champ de nom, consultez notre guide utile sur le sujet.

      Prêt à créer votre formulaire ? Commencez dès aujourd’hui avec le plugin de création de formulaires WordPress le plus simple. WPForms Pro comprend de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

      Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de didacticiels et de guides WordPress gratuits.