Comment créer un formulaire Airtable personnalisé dans WordPress

Voulez-vous créer un formulaire Airtable personnalisé pour votre site WordPress ?

Airtable est un service en nuage qui combine la puissance des feuilles de calcul et des bases de données. Il vous permet de créer des applications de feuilles de calcul personnalisées sans écrire une seule ligne de code.

Dans cet article, nous allons vous montrer étape par étape comment créer un formulaire Airtable personnalisé et l'intégrer à votre site WordPress.

Créez votre formulaire Airtable dans WordPress maintenant

Pourquoi créer un formulaire Airtable personnalisé dans WordPress ?

Airtable vous aide à créer des applications de feuilles de calcul personnalisées pour stocker des informations, comme vous le feriez dans une base de données.

Il crée des feuilles de calcul faciles à utiliser et visuellement attrayantes qui peuvent être utilisées pour la planification des produits, les études d'utilisateurs, le CRM des ventes, les lancements de produits, la planification du calendrier de contenu, et bien plus encore.

Cependant, vous devrez entrer manuellement toutes les données dans votre compte Airtable.

Pour éviter ce problème, vous pouvez démarrer un site WordPress et ensuite établir une intégration WordPress Airtable à l'aide du plugin WPForms.

Ainsi, chaque fois que quelqu'un soumet le formulaire, les données sont automatiquement ajoutées à votre compte Airtable. Cela vous permettra de gagner un temps précieux et d'augmenter votre productivité.

Comment créer un formulaire Airtable personnalisé dans WordPress

L'intégration de WordPress Airtable est très facile à configurer avec WPForms. Suivez simplement les étapes ci-dessous, et vous aurez un formulaire Airtable prêt à être intégré sur votre site WordPress en un rien de temps !

Étape 1 : Installer WPForms

Tout d'abord, nous recommandons d'obtenir WPForms Pro car il est livré avec une intégration Zapier dont vous aurez besoin pour connecter vos formulaires avec Airtable.

Après avoir acheté la licence Pro, installez WPForms sur votre site. Consultez le guide du débutant sur l'installation d'un plugin WordPress si vous avez besoin d'aide.

Nous supposerons que vous souhaitez envoyer les entrées de formulaire automatiquement à la table Leads dans l'un de vos espaces de travail Airtable.

Étape 2 : Installer l'addon Zapier

La prochaine chose à faire est d'installer l'addon Zapier pour WPForms.

Zapier est un outil d'automatisation qui vous permet de connecter 2 ou plusieurs applications pour effectuer une tâche particulière. Ainsi, nous allons utiliser Zapier pour connecter WPForms et Airtable.

Pour installer l'addon Zapier, vous devez vous rendre sur la page WPForms " Addons.

Sur cette page, recherchez le module complémentaire Zapier. Cliquez sur le bouton Installer le complément qui se trouve en dessous pour lancer l'installation.

Le statut indiquera "Actif" une fois que votre addon sera installé et activé.

Allez maintenant sur la page WPForms " Settings pour obtenir la clé API de Zapier. Cette clé sera utilisée pour connecter Zapier au compte WPForms.

Sur la page de configuration de WPForms, vous devez cliquer sur l'onglet Intégrations. Ensuite, vous devez cliquer sur le logo Zapier pour trouver la clé API de votre site.

Gardez cet onglet ouvert pour l'instant. Nous aurons besoin de la clé API Zapier de WPForms dans une étape ultérieure.

Étape 3 : Créer un formulaire

Depuis votre tableau de bord WordPress, naviguez vers WPForms " Add New pour créer un nouveau formulaire.

Sur la page de configuration, vous pouvez remplacer le nom du formulaire par le nom de votre choix. De plus, vous pouvez sélectionner un modèle parmi plus de 2 000 modèles de formulaires. Dans cet exemple, nous utiliserons le modèle Formulaire de contact simple pour créer le formulaire Airtable personnalisé.

WPForms va maintenant charger immédiatement votre modèle de formulaire et vous emmener à l'écran de construction du formulaire.

Vous pouvez personnaliser ce formulaire en ajoutant des champs supplémentaires. Nous vous recommandons de faire correspondre vos champs aux colonnes de l'enregistrement Airtable dans lequel vous souhaitez envoyer les données de votre formulaire. De cette façon, vous pouvez facilement faire correspondre les champs de votre formulaire aux colonnes d'Airtable.

Nous allons donc ajouter le champ Téléphone et un champ Texte à une ligne intitulé " Nom de l'organisation ", car c'est ainsi que les colonnes de notre feuille de calcul Airtable sont configurées.

Vous pouvez suivre notre tutoriel sur la création d'un formulaire de contact simple pour obtenir des instructions détaillées sur l'ajout de champs à n'importe quel formulaire à l'aide du générateur de glisser-déposer.

Enfin, vous devez cliquer sur le bouton Enregistrer, présent dans le coin supérieur droit de votre écran, pour enregistrer les modifications.

C'est très bien ! Dans l'étape suivante, nous allons intégrer le formulaire sur votre site WordPress.

Étape 4 : Intégrer le formulaire Airtable sur votre site Web

Dans cette étape, nous intégrerons le formulaire Airtable personnalisé à notre site Web, puis nous ajouterons au moins une entrée de test au formulaire.

Mais pourquoi avons-nous besoin d'ajouter une entrée de test ? La raison est que nous l'utiliserons plus tard pour tester la connexion entre WPForms et Airtable. Cela nous assurera que tout fonctionne correctement.

Vous pouvez facilement intégrer le formulaire dans un article, une page ou la barre latérale de votre site web. Voyons comment l'intégrer dans une page WordPress.

Tout d'abord, vous devez cliquer sur le bouton Embed en haut du générateur de formulaires.

Lorsque vous appuyez sur le bouton, une fenêtre modale s'affiche, vous offrant deux options d'intégration. Dans ce tutoriel, nous intégrerons le formulaire dans une nouvelle page en cliquant sur le bouton Créer une nouvelle page.

Nommez votre boîte dans la zone de texte, puis appuyez sur le bouton Let's Go !

Vous verrez s'ouvrir la fenêtre de l'éditeur de page WordPress, qui devrait contenir le formulaire que vous venez de créer. Vous pouvez modifier d'autres éléments de la page si vous le souhaitez ou y ajouter du contenu.

Lorsque vous êtes prêt, appuyez sur le bouton Publier en haut pour publier votre page avec votre nouveau formulaire Airtable intégré.

Ouvrez maintenant cette page dans un nouvel onglet de votre navigateur web. Ensuite, remplissez le formulaire et cliquez sur le bouton Soumettre pour créer une entrée dans le formulaire de test.

Excellent ! Maintenant que nous avons fini de créer notre formulaire, nous pouvons passer à la création d'une recette d'automatisation pour envoyer automatiquement les données de WPForms à Airtable.

Étape 5 : Créer une nouvelle recette d'automatisation

Pour connecter WPForms et Airtable, vous devez créer un nouveau Zap sur le site de Zapier.

Qu'est-ce qu'un Zap ? Il s'agit d'un processus de connexion entre deux ou plusieurs applications, qui nécessite toujours un déclencheur pour effectuer une action spécifique.

Dans un nouvel onglet de votre navigateur web, vous devez ouvrir le site web de Zapier et vous connecter à votre compte. Vous pouvez créer un nouveau compte gratuitement si vous n'avez pas encore de compte Zapier.

Après vous être connecté à votre compte Zapier, cliquez sur le bouton Créer un Zap pour commencer à créer une nouvelle recette d'automatisation.

Le processus de création d'un zap comprend deux parties. Dans la première partie, vous devrez configurer WPForms en tant qu'application de déclenchement. Ensuite, vous devrez configurer Airtable en tant qu'application d'action.

Commençons par le processus de configuration du déclencheur.

Etape 6 : Configurer l'application de déclenchement (WPForms)

Après avoir appuyé sur Créer un Zap comme indiqué ci-dessus, vous verrez la fenêtre de l'éditeur de recettes s'ouvrir, dans laquelle vous devrez d'abord sélectionner votre application de déclenchement.

Recherchez WPForms en utilisant la boîte de recherche pour le trouver et le sélectionner. Vous pouvez également créer l'icône d'édition en haut à gauche de la fenêtre pour donner un titre à votre Zap.

Ensuite, vous devez sélectionner Nouvelle entrée de formulaire dans le menu déroulant Événement. Cela fera de chaque nouvelle entrée de formulaire un événement déclencheur pour l'exécution de l'automatisation, ce qui est exactement ce que nous voulons.

Cliquez sur le bouton Continuer en bas pour continuer.

A ce stade, vous devrez choisir votre compte WPForms pour vous connecter à Zapier. Cliquez sur le bouton Sign In.

Une nouvelle fenêtre popup va s'ouvrir où il vous sera demandé d'entrer l'URL de votre site web et la clé API de Zapier. Obtenez votre clé API WPForms pour Zapier comme nous l'avons montré à l'étape 2, et collez-la dans la zone de texte Clé API avec l'URL complète de votre site web dans la zone de texte ci-dessus.

Lorsque vous avez inséré les informations requises, appuyez sur Oui, Continuer.

Après cela, la fenêtre popup se fermera automatiquement, et vous devriez voir votre compte WPForms connecté en tant qu'application de déclenchement.

Appuyez sur Continuer pour passer au réglage suivant.

Maintenant, vous allez devoir sélectionner le formulaire spécifique que vous souhaitez traiter pour l'intégration WPForms-Airtable. Sélectionnez le formulaire que vous avez créé à l'étape 3.

Nous avons nommé notre formulaire "Custom Airtable Form", nous allons donc le choisir dans la liste déroulante.

Lorsque vous avez trouvé le formulaire dont vous avez besoin, cliquez sur le bouton Continuer.

Une fois que c'est fait, Zapier vous demandera de tester votre déclencheur WPForms en utilisant une entrée récente soumise pour votre formulaire sélectionné. Si vous avez soumis une entrée de test comme nous l'avons suggéré à l'étape 4, Zapier n'aura aucun mal à la trouver !

Cliquez sur le bouton Test Trigger pour continuer.

Si plusieurs entrées ont déjà été soumises pour votre formulaire, vous pouvez utiliser le menu déroulant pour sélectionner une entrée spécifique. Mais peu importe laquelle vous utilisez, puisque Zapier n'a besoin que de tester l'intégration à ce stade.

Appuyez sur Continuer pour avancer.

Le processus de configuration de la gâchette est ainsi terminé. C'est très bien !

Dans l'étape suivante, nous allons configurer l'application Action pour notre intégration : Airtable.

Étape 7 : Configuration de l'application d'action et publication de l'automatisation

Dès que vous passez à l'étape précédente, Zapier vous montre les paramètres pour configurer votre application d'action.

Comme nous voulons que Airtable soit notre application d'action, utilisez le champ de recherche pour trouver Airtable dans la liste des applications disponibles et cliquez dessus.

Vous devez maintenant choisir un événement d'action que vous voulez voir se produire dans Airtable. Comme nous voulons envoyer des données à Airtable, nous choisirons l'option Créer un enregistrement dans le menu déroulant.

Ensuite, cliquez sur le bouton Sign In pour connecter votre compte Airtable.

Lorsqu'une nouvelle fenêtre s'ouvre, vous devez saisir votre clé API Airtable.

Si vous n'avez pas encore la clé, allez sur votre compte Airtable et cliquez sur l'icône de votre profil en haut à droite pour développer le menu. Sélectionnez ensuite Compte.

Sur la page de votre compte, faites défiler la page jusqu'à ce que vous trouviez le bouton Générer une clé API et cliquez dessus.

Vous obtiendrez une clé API que vous pouvez maintenant copier. Une fois la clé copiée, passez à la fenêtre de connexion de Zapier pour votre compte Airtable et insérez la clé API.

Une fois que vous avez fait cela, appuyez sur Oui, Continuer.

Votre compte Airtable sera maintenant connecté à Zapier. Une fois de plus, cliquez sur Continuer pour passer à l'étape suivante.

Maintenant, Zapier vous demandera de sélectionner une base (ou un espace de travail) dans laquelle créer l'enregistrement basé sur les données envoyées par WPForms. Vous devrez également sélectionner la table au sein de cet espace de travail.

Dans notre exemple, nous avons créé une table dans Airtable et l'avons nommée "Leads", nous allons donc la sélectionner.

Lorsque vous sélectionnez votre table, Zapier récupère les noms des colonnes de votre table. Pour faire correspondre correctement les champs de votre formulaire à vos colonnes Airtable, sélectionnez simplement le champ WPForms correspondant à chaque champ de la colonne Airtable.

Lorsque vous avez terminé, cliquez sur Continuer.

Comme pour votre application de déclenchement, Zapier devra maintenant envoyer un enregistrement de test à Airtable en fonction des correspondances de champs que vous avez sélectionnées plus tôt. Appuyez sur le bouton Action de test pour continuer.

Vous devriez voir un message de succès confirmant que votre enregistrement a été envoyé à Airtable.

Nous avons presque terminé ! Cliquez sur Publish Zap pour mettre en ligne votre intégration WPForms-Airtable.

A ce stade, une autre fenêtre modale s'ouvre, vous demandant si vous êtes prêt à publier votre automatisation. Cliquez sur Publier et activer pour que votre recette d'automatisation soit opérationnelle.

Excellent ! Avec l'intégration WordPress-Airtable activée, de nouveaux contacts seront ajoutés à votre compte Airtable chaque fois que quelqu'un soumettra votre formulaire WordPress.

C'est une bonne idée de vérifier votre compte Airtable pour s'assurer que l'enregistrement de test a été correctement envoyé par Zapier.

Dans notre cas, l'enregistrement a été envoyé presque instantanément, et tous les champs des formulaires correspondent parfaitement aux colonnes que nous avons créées dans notre tableau.

Et voilà ! Vous pouvez maintenant créer des formulaires Airtable personnalisés dans WordPress et améliorer votre productivité grâce à cette intégration efficace.

Ensuite, envoyer des notifications par SMS pour les formulaires

Si vous avez trouvé cette intégration WPForms utile, nous vous recommandons de vérifier comment envoyer des notifications SMS à partir de vos formulaires WordPress. L'envoi de notifications par SMS est un excellent moyen de rester informé des nouvelles entrées de formulaire dès qu'elles sont soumises.

Créez votre formulaire Airtable dans WordPress maintenant

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.