Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer un formulaire personnalisé dans WordPress (méthode simple)

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez personnaliser un formulaire Airtable pour votre site WordPress ?

Chez WPBeginner, nous avons aidé de nombreux utilisateurs/utilisatrices à intégrer de manière transparente des formulaires Airtable dans leurs sites WordPress.

Airtable est un outil puissant pour créer des apps personnalisées axées sur les données, vous permettant de collecter et de gérer les données de manière efficace. Se débattre avec des formulaires encombrants et des données désorganisées peut être frustrant et chronophage.

Dans cet article, nous allons vous afficher la façon la plus simple de créer un formulaire personnalisé Airtable dans WordPress sans aucun codage nécessaire.

how-to-create-a-custom-airtable-form-in-wordpress-og

Pourquoi créer un formulaire personnalisé Outil de personnalisation dans WordPress ?

Outil de personnalisation : vous gérez un site Web très fréquenté qui reçoit de nombreuses données provenant de formulaires de contact, d’enquêtes et de demandes de renseignements de la part de vos clients/clientes. Le suivi de toutes ces informations peut rapidement devenir un cauchemar.

Vous vous trouvez perdu dans une mer d’e-mails, de feuilles de calcul et de données mal organisées, perdant un temps précieux à essayer de donner un sens à tout cela. C’est là que les formulaires personnalisés de Outil de personnalisation dans WordPress viennent à la rescousse.

Airtable est un outil de gestion de données qui vous permet de créer des apps personnalisées axées sur les données. De cette façon, vous pouvez mieux visualiser les données collectées sur votre site à l’aide de formulaires WordPress.

Par exemple, vous pouvez utiliser les données de vos formulaires de contact WordPress dans Airtable comme outil de gestion/cliente (CRM) pour gérer les prospects et les contacts personnalisés par vos formulaires WordPress.

Vous pouvez également stocker sur Airtable des données provenant d’enquêtes menées auprès des utilisateurs/utilisatrices.

Voici quelques autres cas d’utilisation de Airtable dans WordPress :

  • Organisez les tâches par projet, assignez des responsabilités et utilisez les vues Kanban pour visualiser l’avancement du projet.
  • Créez un calendrier de contenu pour les pièces de contenu, suivez les dates de publication et assignez des rédacteurs et des modifications pour augmenter le trafic de votre blog.
  • Gérez une base de données d’articles en stock afin de suivre les quantités pour votre stock en ligne.

Fondamentalement, vous pouvez utiliser les données collectées à partir de vos formulaires de contact WordPress dans Airtable pour créer des apps personnalisées, des flux de travail et des outils pour votre entreprise.

Ceci étant dit, voyons comment créer facilement un formulaire personnalisé Airtable dans WordPress.

Comment créer un formulaire personnalisé dans WordPress ?

Pour créer notre formulaire personnalisé Airtable dans WordPress, nous allons d’abord créer un formulaire de contact à l’aide de WPForms.

C’est la meilleure extension de constructeur de formulaires WordPress sur le marché et vous permet de créer n’importe quel type de formulaire facilement en utilisant une interface simple de glisser-déposer.

Ensuite, nous allons connecter notre formulaire à Airtable en utilisant un service appelé Zapier.

Zapier fonctionne comme un pont pour connecter deux apps différentes sans aucun code. Vous pouvez l’utiliser avec des dizaines d’apps en ligne, notamment WPForms et Airtable.

Vous êtes prêts ? Premiers pas.

Créez votre formulaire dans WPForms

Tout d’abord, vous devez installer et activer l’extension WPForms. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Note : vous aurez besoin de la version Pro ou d’une version supérieure pour accéder au module Zapier pour WPForms.

Une fois activé, vous devez vous rendre sur la page  » Réglages » de WPForms.

Sous l’onglet « Général », saisissez la clé de licence de votre compte sur le site de WPForms et cliquez sur « Vérifier la clé ».

verify key in WPForms

Ensuite, vous devez visiter la page WPForms  » Ajouter une nouvelle  » dans votre Tableau de bord WordPress. Cela lancera l’interface du constructeur de WPForms, où vous pouvez choisir parmi plus de 1200 modèles prédéfinis.

Confirmez vous-même le nom de votre formulaire afin de pouvoir vous y référer facilement.

name your WPForms

Pour les besoins de ce tutoriel, nous utiliserons le « Formulaire de contact simple ».

Cliquez sur « Utiliser le Modèle ».

Use template for simple contact form

À partir de là, vous accédez à l’éditeur par glisser-déposer, qui vous permet de personnaliser facilement le formulaire.

Imaginons que nous créions un formulaire de contact pour collecter des prospects B2B. Dans ce cas, nous voudrons ajouter « Entreprise » et « Numéro de téléphone » à notre formulaire de contact.

Pour ajouter l’entreprise, vous devez ajouter un article « Texte à ligne unique », puis cliquer sur l’élément et renommer le champ en « Entreprise ».

Add company field to WPForms

Si vous souhaitez que les prospects indiquent leur numéro de téléphone, il suffit de faire glisser l’option de champ « Téléphone » dans l’éditeur.

N’hésitez pas à ajouter d’autres champs en fonction de vos besoins. Pour plus de détails, vous pouvez consulter notre guide sur la création d’un formulaire de contact sur WordPress.

Phone field

Une fois que vous avez configuré votre formulaire, vous devez l’ajouter à votre site WordPress.

Il suffit de cliquer sur le bouton « Contenu embarqué » en haut de la page.

embed button

Vous pouvez choisir d’embarquer le formulaire de contact sur une page existante ou sur une nouvelle page.

Dans ce cas, nous sélectionnerons « Sélectionner une page existante ».

Select existing page

Choisissez la page de votre choix et sélectionnez le bouton « Let’s Go !

Vous accéderez ainsi à l’éditeur WordPress de cette page.

Embed in a page

Il vous suffit d’appuyer sur le bouton « + » dans le coin supérieur gauche.

Ensuite, trouvez et sélectionnez le widget WForms pour l’ajouter à votre page.

WPforms block

À partir de là, vous pouvez choisir le formulaire de contact que vous venez de créer.

Le formulaire sera ainsi automatiquement embarqué dans votre page.

choose contact form

Confirmez ensuite en cliquant sur le bouton « Mise à jour » en haut de la page.

Maintenant, votre formulaire devrait être ajouté à votre page WordPress.

update button

Après avoir ajouté votre formulaire à votre site, allez-y et créez une entrée de test. Celle-ci sera utilisée pour configurer et vérifier la connexion entre WPForms et Airtable.

Voici notre expéditeur, avec son nom, son e-mail, son téléphone, le nom de son entreprise et un message :

Contact form entry

Activer le module Zapier pour WPForms

Nous allons utiliser Zapier pour créer un pont entre WPForms et Airtable. Pour ce faire, vous devez installer et activer le module WPForms Zapier Addon.

Dans votre tableau de bord WordPress, allez sur la page WPForms  » Addons et trouvez le module Zapier. Ensuite, allez-y et installez-le et activez-le.

Zapier addon

Maintenant, vous devez aller dans WPForms  » Réglages.

Sur la page  » Intégrations « , cliquez simplement sur le logo Zapier ici, et vous obtiendrez votre clé API Zapier. Vous en avez besoin pour connecter Zapier à votre compte WPForms.

Copiez la clé de l’API dans un endroit sûr ou gardez cet onglet ouvert, car vous en aurez besoin dans l’étape ultérieure.

Zapier api

Configurer une base et une table dans Airtable

Ensuite, nous devons créer une base dans Airtable pour stocker toutes les informations que nous collectons à partir de notre formulaire de contact.

Si vous êtes nouveau dans Airtable, vous ne savez peut-être pas comment configurer une base et une table.

Tout d’abord, la base est la base de données de premier niveau utilisée pour organiser et stocker les informations. Une table dans Airtable est similaire à une feuille dans un tableur.

Une fois que vous avez créé un compte sur Airtable, cliquez sur l’option « Démarrer à partir de zéro » dans votre tableau de bord d’accueil.

Si vous disposez d’une feuille de calcul existante que vous souhaitez migrer vers Téléversé, il vous suffit de cliquer sur l’option  » Téléverser rapidement « .

Start from scratch

Allez-y et donnez un nom à votre base et à votre table.

Nous avons décidé de nommer notre base « Sales CRM » et la table « Contacts ».

Rename base and table in Airtable

Ensuite, modifiez les libellés de la colonne supérieure pour qu’ils correspondent aux champs du formulaire que vous venez de créer dans WPForms.

Dans ce cas, nous avons ajouté un libellé pour le Nom, l’Entreprise, l’E-mail et le Téléphone.

Change labels

Gardez cet onglet ouvert, car nous nous y référerons ultérieurement pour vérifier si notre automatisation WordPress fonctionne.

Créer un jeton d’accès personnel

Maintenant, vous devez préparer Airtable à se connecter avec WPForms via Zapier. Pour ce faire, vous avez besoin d’un jeton d’accès personnel pour connecter Airtable avec Zapier.

Il vous suffit de vous rendre sur Airtable et de cliquer sur le bouton « Compte » situé sous le logo de votre profil.

Airtable account

Un jeton d’accès personnel vous permet de créer plusieurs jetons qui donnent accès aux informations contenues dans vos bases de données Airtable.

Dans l’onglet « Vue d’ensemble », cliquez sur le bouton « Go to developer hub ».

Go to developer hub

Vous serez jeté sur le développeur/développeuses hub, où vous pourrez créer des jetons pour vous connecter à vos données Airtable.

Sous l’onglet « Jetons d’accès personnels », cliquez sur le bouton « Créer un jeton ».

Create token

À partir de là, il vous sera nécessaire de remplir des informations importantes. Tout d’abord, vous devez nommer le jeton afin de pouvoir vous y référer facilement ultérieurement si vous souhaitez modifier les droits.

Sous « Scopes », vous devez sélectionner ce que les utilisateurs/utilisatrices peuvent faire lorsqu’ils ont accès à ce jeton. Dans ce cas, nous sélectionnerons l’option « data.records:write », afin que les utilisateurs/utilisatrices puissent créer, modifier et supprimer des enregistrements.

Une fois cette étape franchie, il suffit de cliquer sur le bouton « Créer un jeton ».

Create token from airtable

Une fenêtre surgissante vous indique que votre jeton a été créé. Copiez-le et conservez-le en lieu sûr.

Nous allons ajouter ce jeton à Zapier afin de pouvoir connecter notre base de données Airtable à WordPress.

copy token

Créez votre Zap pour envoyer les données de votre formulaire de site à Airtable

Ensuite, rendez-vous sur le site de Zapier. Ici, vous devez créer un compte gratuit ou vous connecter à votre compte existant.

Dans votre Tableau de bord Zapier, cliquez sur le bouton  » Créer un Zap  » en haut à gauche pour lancer l’assistant de configuration.

Create a zap

Note : Dans Zapier, un  » zap  » est un processus avec un déclencheur et une action. Notre déclencheur sera quelqu’un qui remplit le formulaire, et notre action sera de créer un enregistrement dans Airtable.

En haut de l’écran, vous devez donner un nom à votre zap, puis vous pouvez configurer le déclencheur.

Set up name for trigger in Zapier

Défilez vers le bas et cliquez sur la case « Déclencheur ».

Ensuite, vous devrez trouver et sélectionner l’application WPForms pour lancer le déclencheur.

WPForms zapier trigger

Dans la case « Choisissez une application et un évènement », tapez « WPForms » dans la barre de recherche.

Ensuite, il suffit de cliquer sur l’icône WPForms qui s’affiche.

Choose WPForms as your trigger app

Une colonne latérale apparaît à droite de l’écran. Sous Événement, choisissez « Nouvelle entrée de formulaire » comme déclencheur de l’action.

Il vous suffit ensuite de cliquer sur le bouton « Continuer ».

New form entry event trigger

Ensuite, vous devrez cliquer sur le bouton « Se connecter » pour vous connecter à votre compte WPForms.

Cela permet à Zapier de saisir toutes les données de saisie du nouveau formulaire et de les insérer dans votre Airtable.

Sign in to WPForms

Une fenêtre pop-up apparaît.

Vous devrez saisir la clé API que vous avez générée précédemment, ainsi que l’URL(nom de domaine) de votre site.

allow zapier access to WPForms

Une fois que vous avez fait cela, cliquez sur le bouton « Continuer » pour poursuivre.

Ensuite, il vous sera demandé de sélectionner dans la liste déroulante le formulaire que vous avez créé précédemment.

Continue button

Une fois le formulaire de contact sélectionné, cliquez sur « Continuer ».

Le bouton « Actualiser les champs » vous permet de recharger les données afin qu’elles reflètent les entrées les plus récentes du formulaire.

Add trigger to Zapier

Cliquez ensuite sur le bouton « Tester le déclencheur ».

Zapier trouvera votre entrée la plus récente, ce qui confirmera si le déclencheur est correctement configuré.

Test trigger

Vous devriez alors voir un message vous indiquant que Zapier a trouvé une entrée de test.

Les données de votre formulaire s’affichent à l’écran :

Continue with selected record

Cliquez sur le bouton « Continuer avec l’enregistrement sélectionné » pour continuer. Vous êtes maintenant dans la partie Action du Zap, où vous devez choisir votre deuxième application.

Il suffit de taper  » Airtable  » dans le menu déroulant pour trouver l’application. Cliquez ensuite sur le widget Airtable.

Connect airtable to zapier

Une fois Airtable connecté à votre zap, vous verrez le menu déroulant permettant de choisir un évènement d’action.

L’évènement d’action est simplement ce que vous voulez qu’il se passe lorsque quelqu’un termine le formulaire sur votre site. Vous devez sélectionner « Créer un enregistrement » ici.

Cliquez ensuite sur le bouton « Continuer ».

Create record

À présent, Zapier vous invitera à vous connecter à Airtable.

Il suffit de cliquer sur le bouton « Se connecter » et de se connecter.

Sign in to connect airtable

Une nouvelle fenêtre s’affichera pour vous indiquer que Zapier demande l’accès à Airtable. Essentiellement, cela permet à Zapier d’envoyer automatiquement les données de saisie de votre formulaire dans les champs créés de votre Airtable.

Il vous suffit de cliquer sur le lien  » + Ajouter une base « . Choisissez ensuite les espaces de travail auxquels vous souhaitez donner accès à Zapier. Si vous n’avez pas de préférence, il vous suffit alors de cliquer sur l’option qui indique  » Toutes les bases actuelles et futures dans tous les espaces de travail actuels et futurs.

Une fois sélectionné, cliquez sur le bouton « Accorder l’accès ».

Grant access

Un bouton « Continuer » apparaît alors.

Cliquez simplement sur ce lien pour continuer à faire votre zap.

Continue with making zap

Sous l’onglet Action, vous devez d’abord ajouter votre « Base » et votre « Tableau » dans les menus déroulants proposés.

Nous allons utiliser notre Sales CRM comme base et ajouter nos nouveaux contacts à la table Contacts.

Add base and table to zap

De plus, vous devez indiquer à Zapier quels champs de votre formulaire WPForms doivent correspondre aux colonnes de votre tableau Airtable.

Pour tous les champs applicables, il suffit de sélectionner le champ correct à l’aide de vos données de test. Cela devrait ressembler à ceci :

table fields to add to zap

Cliquez ensuite sur le bouton « Continuer » pour poursuivre.

Zapier vous invitera maintenant à envoyer un enregistrement de test à Airtable en utilisant vos données de test.

Vous verrez une Prévisualisation des données. Il vous suffit de cliquer sur « Étape par étape ».

Test step

Cela enverra les données du test dans la table que vous avez choisie dans Airtable, en créant un nouvel enregistrement.

Allez-y et passez en revue l’enregistrement de la Prévisualisation pour vérifier que les informations sont correctes.

Test record

Vous pouvez vérifier que l’enregistrement a été correctement ajouté à Airtable.

Il est conseillé de vérifier que les données ont bien été transmises à votre base Airtable et que les informations ont été saisies/saisies correctement dans les champs appropriés.

Airtable data

Maintenant, retournez sur Zapier.

Il vous suffit de cliquer sur le bouton « Publier » pour terminer la création de votre zap.

Publish zap

Donnez au Zap quelques secondes pour être publié.

En haut de votre écran, vous devriez voir un bouton « On », indiquant que le Zap est en direct.

Zap is on

De plus, si jamais vous avez besoin de modifier le Zap, par exemple en changeant la table ou les champs auxquels envoyer votre entrée de formulaire, vous pouvez toujours trouver votre Zap sur le tableau de bord d’accueil de Zapier.

Il suffit de cliquer sur le titre du Zap pour le modifier.

Edit zap

Votre zap est maintenant en cours d’exécution. Toutes les entrées de formulaire effectuées par l’intermédiaire de votre formulaire connecté seront ajoutées au tableau Airtable que vous avez sélectionné.

Bonus : Comment envoyer des messages SMS à vos prospects ?

Si vous avez trouvé cette intégration utile, vous pouvez également envoyer des notifications par SMS aux personnes qui ont terminé votre formulaire de contact.

C’est un excellent moyen de les tenir au courant de l’état de leur demande.

Par exemple, disons que vous avez des prospects qui visitent votre page d’atterrissage, puis terminent votre formulaire, indiquant leur intérêt pour vos services. Pendant que les données du formulaire sont saisies dans une Airtable, vous voudrez une autre connexion qui envoie automatiquement des SMS à vos prospects pour qu’ils sachent à quoi s’attendre de votre part.

La meilleure option consiste à utiliser Brevo, un service de marketing par e-mail qui vous permet également d’envoyer des SMS à vos prospects.

Brevo website

Grâce à ce logiciel, vous pourrez importer vos contacts puis envoyer des campagnes de textos. En savoir plus, il vous suffit de suivre notre tutoriel sur l’envoi de SMS à vos utilisateurs/utilisatrices WordPress.

Nous espérons que cet article vous a aidé à apprendre comment créer un formulaire personnalisé Airtable dans WordPress. Vous pouvez également consulter nos guides sur les meilleurs services téléphoniques professionnels et sur la façon d’obtenir des SMS à partir de vos formulaires WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

4 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I have some polls on my blog, but this way is more comfortable for doing sheets with answers an data of users on my blog. This is a good idea how to do it in better way. Thanks a lot.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.