Comment créer un formulaire Airtable personnalisé dans WordPress

Vous souhaitez créer un formulaire Airtable personnalisé sur votre site WordPress ?

Airtable est un service cloud qui vous permet de créer des applications de tableur personnalisées sans écrire une seule ligne de code. Le formulaire Airtable facilite l'enregistrement des informations de vos utilisateurs dans une base Airtable.

Dans cet article, nous vous montrerons comment créer un formulaire Airtable personnalisé pour WordPress.

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

Les formulaires Airtable sont parfaits pour les sites Web qui organisent des quiz et des sondages, collectent des informations sur les clients, font de la planification de produits, de la planification de calendriers de contenu, etc.

Airtable facilite la collecte d'informations dans de longs formulaires tabulaires.

En gros, vous pouvez créer des feuilles de calcul visuellement attrayantes qui peuvent être utilisées pour stocker des informations dans votre base de données. Cependant, toutes les données de ces formulaires doivent être saisies manuellement, ce qui est bien sûr une tâche fastidieuse. Pour résoudre ce problème, vous pouvez créer un formulaire WordPress et l'intégrer à votre compte Airtable.

Comment créer un formulaire Airtable personnalisé dans WordPress

La meilleure façon de créer un formulaire Airtable personnalisé sur votre site WordPress est d'utiliser le plugin WPForms. WPForms est le meilleur et le plus populaire des plugins de création de formulaires WordPress qui vous permet de créer n'importe quel type de formulaire en quelques minutes.

Il offre plusieurs beaux modèles prêts à être utilisés immédiatement. Vous pouvez également utiliser ces formulaires pour collecter des paiements, prévenir les soumissions de spam, ajouter la géolocalisation et faire beaucoup plus. Pour en savoir plus, lisez notre avis sur WPForms.

L'une des fonctionnalités de ce plugin est de vous permettre de connecter le formulaire à votre compte Airtable en utilisant Zapier. Zapier est une application qui se connecte à plus de 1 500 applications sur le Web, y compris Airtable, Google Calendar, Slack, Gmail, etc.

Une fois que vous connectez votre formulaire à Airtable, toutes les informations du formulaire seront automatiquement ajoutées à votre compte Airtable. N'est-ce pas une façon rapide et simple de sauvegarder vos informations ? Alors, voyons comment créer un formulaire Airtable personnalisé dans WordPress.

Étape 1 : Créer un formulaire WordPress avec WPForms

Pour commencer à créer votre formulaire, vous devrez d'abord installer et activer le plugin WPForms sur votre site Web. Après l'activation, allez dans WPForms » Ajouter un nouveau pour créer un formulaire.

Sélectionnez maintenant l'option Formulaire de contact simple. Vous pouvez également ajouter un nom à votre formulaire dans le champ nom du formulaire.

Le formulaire simple aura quelques champs de base comme Nom et Adresse e-mail. Vous pouvez ajouter plus de champs à ce formulaire en simplement glissant et déposant les champs depuis le côté gauche de votre écran. Si vous souhaitez plus d'informations, consultez notre guide sur comment créer un formulaire de contact simple.

Une fois que vous avez terminé de personnaliser votre formulaire, vous pouvez apporter des modifications aux paramètres de notification et de confirmation de ce formulaire. Enfin, cliquez sur le bouton Enregistrer pour ne pas perdre vos paramètres.

Étape 2 : Installer le module complémentaire Zapier pour l'intégration Airtable

Dans l'étape suivante, vous devez installer le module complémentaire Zapier. Avec Zapier, vous pouvez connecter votre formulaire à plus de 2 applications en même temps.

Ici, nous utiliserons Zapier pour connecter notre formulaire à Airtable. Pour installer Zapier, allez dans WPForms » Addons. Utilisez maintenant le champ de recherche pour trouver le module complémentaire.

Une fois trouvé, cliquez sur le bouton Install Addon. Allez maintenant sur la page des paramètres de WPForms et cliquez sur l'onglet Integration. Vous y trouverez votre clé API Zapier, qui sera utilisée pour connecter votre WPForms à votre compte Zapier.

Sur cette page, vous pouvez voir le logo Zapier. Cliquez dessus pour trouver la clé API. Gardez cette page ouverte. Nous aurons besoin de cette API dans l'étape suivante.

Étape 3 : Création du Zap

Un Zap est une tâche automatisée dans laquelle vous pouvez exécuter et connecter simultanément deux applications en ligne ou plus. Mais pour que cela se produise, vous devrez d'abord configurer un compte Zapier. Ouvrez un nouvel onglet et créez un compte Zapier.

Pour ce faire, il suffit d'aller sur le site Web officiel de Zapier et de cliquer sur S'inscrire. Vous pouvez ensuite utiliser votre adresse e-mail pour vous inscrire.

Une fois dans votre tableau de bord Zapier, cliquez sur le bouton Make a Zap.

Vous devez maintenant configurer deux choses :

• Configurer l'application Déclencheur
• Configurer une application d'Action

Regardons-les étape par étape.

Étape 4 : Configuration de l'application de déclenchement pour Airtable

Zap a besoin d'un déclencheur pour que chaque action spécifique se produise. Ici, nous devrons configurer WPForms comme application de déclenchement. Lorsque vous cliquez sur le bouton Créer un Zap, vous serez redirigé vers un nouvel écran. Sur cette page, vous pouvez utiliser le champ de recherche pour trouver WPForms. Une fois trouvé, cliquez dessus pour passer à l'étape suivante.

À l'étape suivante, sélectionnez le bouton Continuer.

Vous verrez maintenant un nouvel écran où vous devez vous connecter à votre compte WPForms. En cliquant sur le bouton Se connecter à WPForms, une nouvelle fenêtre contextuelle apparaîtra où vous pourrez entrer l'adresse de votre site Web et la clé API dont nous avons besoin à l'étape 2. Après avoir saisi ces informations, cliquez sur le bouton Oui, Continuer.

Vous verrez que votre plugin WPForms est ajouté à la page Sélectionner le compte WPForms. Cliquez maintenant sur le bouton Tester sur votre écran pour vérifier si le compte Zapier a été correctement intégré à votre plugin WPForms.

Si vous recevez un message de succès, vous devriez cliquer sur le bouton Enregistrer+Continuer pour continuer. Zapier accédera maintenant à votre plugin WPForms et pourra récupérer tous les formulaires que vous avez créés avec votre compte. En utilisant la flèche déroulante, sélectionnez le formulaire que vous avez créé précédemment et cliquez sur le bouton Continuer.

Zapier va maintenant récupérer toutes les entrées de votre formulaire. Sélectionnez l'une des entrées du formulaire afin qu'elle puisse être utilisée pour tester la connexion entre WPForms et Airtable. Cliquez sur le bouton Continuer pour continuer.

Étape 5 : Configuration de l'application d'action

Cette étape est une continuation de la précédente et nous allons y configurer l'application d'action. Pour cela, cliquez sur le lien indiqué dans la capture d'écran ci-dessous.

Vous pouvez maintenant choisir l'application Airtable en utilisant la flèche déroulante.

Vous serez maintenant invité à sélectionner l'action Airtable. Vous aurez plusieurs options ici. Sélectionnez l'option dont vous avez besoin. Ici, sélectionnons l'option créer un enregistrement. Terminez l'étape en cliquant sur le bouton Enregistrer+Continuer.

À l'étape suivante, cliquez sur le bouton Connecter un compte pour connecter votre compte Airtable à Zapier. Une fenêtre contextuelle apparaîtra maintenant sur votre écran vous demandant d'entrer votre clé API Airtable. Pour obtenir votre API Airtable, ouvrez un nouvel onglet et connectez-vous à votre compte Airtable. Vous trouverez votre API sous Vue d'ensemble du compte. Cliquez sur votre photo de profil en haut à droite et cliquez sur Vue d'ensemble du compte.

Vous pouvez afficher l'API en cliquant sur la zone de texte. Copiez et collez maintenant cette API dans votre fenêtre Zapier.

Une fois terminé, cliquez sur le bouton Oui, Continuer. Vous verrez maintenant que votre compte Airtable est en cours d'ajout à la page Sélectionner le compte Airtable. Vous pouvez maintenant cliquer sur le bouton Tester pour tester la connexion entre vos comptes Zapier et Airtable.

Étape 6 : Configuration et test du modèle Airtable

La dernière étape consiste à configurer et à tester le modèle Airtable. Vous pouvez trouver les modèles Airtable en cliquant sur l'onglet Modèles en haut de votre compte Airtable.

Pour sélectionner un modèle, vous devrez d'abord sélectionner une base. Sélectionnons Recherche utilisateur comme base pour ce tutoriel. Voici à quoi ressemble notre modèle.

Zapier récupérera les données de votre formulaire Airtable personnalisé pour les champs. Chacun de ces champs est modifiable. Une fois terminé, faites défiler vers le bas et cliquez sur le bouton Continuer. À l'étape suivante, vous pouvez vérifier votre connexion WPForms et Airtable en cliquant sur le bouton Envoyer un test à Airtable.

Un nouveau contact sera maintenant créé avec l'entrée du formulaire de test dans votre compte Airtable. Vous pouvez vous connecter à votre compte Airtable pour confirmer si le contact a été créé. Si c'est fait, vous pouvez retourner à votre compte Zapier et appuyer sur le bouton Terminer pour finaliser le processus. Faites défiler votre écran et activez l'option Votre Zap. Vous pouvez également ajouter un nom à votre Zap.

Désormais, chaque fois qu'un formulaire sera soumis par un utilisateur, les informations seront automatiquement ajoutées à votre compte Airtable.

Étape 7 : Intégrer un formulaire Airtable dans WordPress

Une fois le formulaire prêt, vous pouvez facilement l'intégrer sur votre site web. Vous pouvez l'intégrer dans vos articles, vos pages ou vos barres latérales. Pour intégrer votre formulaire, allez dans Pages » Ajouter. Ajoutez maintenant un nom à votre formulaire et cliquez sur le signe ‘+’ pour ajouter un bloc. Sélectionnez ensuite WPForms dans la section des blocs les plus utilisés.

Ici, cliquez sur la flèche déroulante et sélectionnez le formulaire que vous venez de créer avec le plugin WPForms.

Votre formulaire sera maintenant ajouté à l'éditeur de page. La dernière étape consiste à publier votre formulaire. Pour ce faire, appuyez simplement sur le bouton Publier et votre formulaire sera immédiatement en ligne.

Voilà. Votre formulaire Airtable personnalisé a été créé avec succès. Nous espérons que cet article vous sera utile. Vous voudrez peut-être aussi consulter comment créer une newsletter par e-mail.