Comment connecter les formulaires Elementor à Google Sheets

Comment connecter les formulaires Elementor à Google Sheets (sans Zapier)

Voulez-vous connecter Elementor Forms à Google Sheets ?

Bien qu'Elementor puisse stocker les entrées de vos formulaires dans votre tableau de bord WordPress, il peut arriver que vous souhaitiez conserver une copie de vos entrées de formulaires et de vos prospects dans une feuille Google.

Malheureusement, Elementor Forms n'offre pas de solution rapide pour le connecter à Google Sheets. Vous devrez utiliser des applications d'intégration tierces comme Zapier pour configurer cette automatisation.

La bonne nouvelle, c'est qu'il existe une solution alternative plus rapide, moins chère et plus facile à mettre en place.

Dans cet article, nous vous montrerons comment connecter Elementor Forms à Google Sheets sans Zapier.

Synchronisez vos formulaires avec Google Sheets

Quelle est la meilleure façon de connecter Elementor Forms à Google Sheets ?

La méthode par défaut pour connecter Elementor Forms à Google Sheets consiste à utiliser des webhooks pour créer une automatisation avec Zapier.

Nous ne recommandons pas cette méthode pour les débutants car :

  • Elle nécessite des webhooks, qui peuvent être un peu compliqués à configurer
  • Vous ne pouvez créer qu'un nombre limité d'entrées de lignes dans votre feuille car Zapier consomme 1 tâche de votre quota total pour chaque nouvelle entrée créée.

Cela peut rapidement devenir coûteux à mesure que vos soumissions de formulaires augmentent.

Vous pouvez éviter complètement les webhooks et Zapier en utilisant une solution alternative pour envoyer automatiquement les entrées de vos formulaires WordPress à votre feuille de calcul.

La réponse est d'utiliser WPForms Pro.

La page d'accueil de WPForms montrant 1300 modèles

En tant que plugin de création de formulaires dédié, WPForms Pro inclut une intégration native avec Google Sheets. Cela vous permet de connecter n'importe quel formulaire individuel à votre feuille de calcul sans aucun code ni utilisation d'applications tierces.

De plus, Elementor dispose d'un widget WPForms, vous pouvez donc toujours utiliser Elementor pour créer vos pages et intégrer n'importe quel formulaire WPForms dans votre page.

Et si vous souhaitez en savoir plus sur les différences entre ces constructeurs de formulaires, consultez notre guide sur Elementor Forms vs WPForms.

Maintenant que nous connaissons les avantages de l'utilisation de WPForms Pro pour simplifier l'envoi d'entrées à Google Sheets, passons en revue les étapes nécessaires pour réaliser cette intégration.

Obtenir WPForms Pro

Comment connecter les formulaires Elementor à Google Sheets

1. Installer WPForms Pro

WPForms a plus de 13 avis 5 étoiles sur WordPress.org, ce qui en fait l'un des plugins de formulaire de contact les mieux notés.

Pour installer WPForms Pro sur votre site, vous devrez d'abord acheter la licence Pro.

Page de tarifs WPForms 2023

Une fois l'achat terminé, vous pouvez procéder à l'installation de WPForms sur votre site.

L'installation ne prend que quelques minutes. Une fois le plugin installé et activé, il est temps d'obtenir le module complémentaire Google Sheets, comme nous le montrons à l'étape suivante.

2. Installer le module complémentaire Google Sheets

L'installation des modules complémentaires dans WPForms est rapide et facile. Depuis votre tableau de bord WordPress, accédez à WPForms » Modules complémentaires.

Addons WPForms

Sur la page WPForms Addons, recherchez le module complémentaire Google Sheets. Lorsque le module complémentaire apparaît à l'écran, cliquez sur le bouton Installer le module complémentaire sous celui-ci.

installer le module complémentaire Google Sheets

Une fois que le module complémentaire a fini de s'installer et est activé (cela ne prend que quelques secondes), vous verrez le statut indiquer Actif.

module complémentaire Google Sheets actif

Nous avons donc le module complémentaire prêt, mais nous devons toujours connecter WPForms à un compte Google afin qu'il puisse communiquer de manière transparente avec nos feuilles de calcul.

3. Intégrer WPForms à un compte Google

Pour connecter votre compte Google à WPForms, cliquez sur WPForms » Paramètres dans le menu d'administration. Ensuite, cliquez sur l'onglet Intégrations situé sur la barre de navigation horizontale.

Intégrations WPForms

Une fois dans les paramètres d'Intégrations, faites défiler jusqu'à Google Sheets et cliquez dessus pour développer son menu d'options. Ensuite, cliquez sur Ajouter un nouveau compte.

Cliquez sur le bouton Continuer avec Google

Si vous êtes déjà connecté à votre compte Google, vous pouvez simplement le sélectionner dans la liste. Ou vous pouvez entrer les informations de connexion si vous n'avez pas encore le compte enregistré.

Choisir un compte Google

Après vous être connecté, vous pourriez recevoir une notification de demande d'autorisation de WPForms pour accéder à votre compte Google. Autorisez les permissions demandées et vous devriez être redirigé vers la page des intégrations WPForms avec votre compte Google maintenant connecté.

Compte Google Sheets connecté

Maintenant que nous avons configuré tous les plugins et intégrations nécessaires, nous pouvons passer à la création d'un formulaire de contact WordPress qui peut envoyer des données à Google Sheets.

4. Créer un nouveau formulaire WordPress

Pour créer un formulaire dans WPForms, allez dans WPForms » Ajouter dans le tableau de bord WordPress.

Ajouter un nouveau formulaire

Cela ouvrira l'interface du constructeur de formulaires. Commencez par nommer votre formulaire. Vous pouvez donner n'importe quel nom à votre formulaire, car il s'agit uniquement de votre référence interne.

Nommez votre formulaire

Ensuite, faites défiler jusqu'à la section Sélectionner un modèle. Ici, vous trouverez plus de 2 100+ modèles de formulaires que vous pouvez utiliser à votre guise.

Pour ce tutoriel, nous utiliserons le Formulaire de contact simple.

Utiliser un modèle de formulaire de contact

Votre modèle sélectionné se chargera en quelques secondes.

Formulaire de contact chargé

Vous êtes libre de personnaliser votre modèle en modifiant ou en supprimant des champs existants ou en en ajoutant simplement quelques-uns supplémentaires selon vos besoins.

Lorsque vous êtes satisfait de l'apparence de votre formulaire, passez à l'étape suivante, ou consultez ce guide pour des instructions sur la création d'un formulaire en plusieurs étapes dans Elementor.

5. Connecter votre formulaire à une feuille de calcul spécifique

Avant que WPForms ne puisse commencer à envoyer vos données de formulaire à une feuille de calcul, vous devez configurer les paramètres de la manière dont les données doivent être traitées de WPForms à Google Sheets.

Vous pouvez le faire en cliquant sur Paramètres depuis le constructeur de formulaire. Sélectionnez ensuite Google Sheets.

Paramètres du module complémentaire Google Sheets

Appuyez sur le bouton bleu Ajouter une nouvelle connexion en haut à droite.

ajouter une nouvelle connexion

Vous verrez une fenêtre modale s'ouvrir vous demandant d'entrer un surnom de connexion. Entrez n'importe quel nom, puis appuyez sur OK.

surnom de la connexion Google Sheet

Vous pouvez maintenant configurer les paramètres de votre intégration WPForms-Google Sheets. Tout d'abord, vous devez sélectionner une feuille de calcul vers laquelle vous souhaitez envoyer les données de soumission de votre formulaire.

Nous avons déjà configuré une feuille de calcul pour notre formulaire, il nous suffit donc de la sélectionner. Cependant, vous pouvez également créer une nouvelle feuille de calcul à partir du menu déroulant si vous le souhaitez.

Cliquez sur le menu déroulant Spreadsheet pour voir la liste de toutes les feuilles de calcul enregistrées dans votre compte Google et sélectionnez-en une.

sélectionner une feuille de calcul déroulante

En plus de la feuille de calcul, vous devez également sélectionner la feuille individuelle où vous souhaitez envoyer les données du formulaire. Dans notre exemple, nous avons nommé cette feuille « Entries ». Utilisez le menu déroulant Sheet pour sélectionner la feuille souhaitée.

Sélectionner une feuille de calcul

Ensuite, nous allons mapper nos champs de formulaire avec nos colonnes de feuille de calcul.

Par défaut, WPForms utilise la colonne A de votre feuille de calcul pour les informations d’ID d’entrée. Vous êtes libre de mapper vos champs principaux à partir de la colonne B et ainsi de suite.

Le processus de mappage est facile. Commencez par sélectionner une colonne à l’aide du menu déroulant Column Name.

sélectionner une colonne

Ensuite, utilisez le menu déroulant Form Field Value pour déterminer quelle valeur de champ doit figurer dans la colonne sélectionnée de votre feuille.

Par exemple, nous avons sélectionné la colonne B dans le menu déroulant Column Name et le champ Nom dans le menu déroulant Form Field Value pour envoyer les valeurs du champ Nom de chaque soumission de formulaire à la colonne B, et ainsi de suite.

sélectionner le champ nom

Si vous souhaitez envoyer les valeurs des champs de formulaire restants à d’autres colonnes de votre feuille, appuyez sur le bouton plus (+) pour ajouter des éléments de mappage.

Ajouter des colonnes de mappage

Répétez ce processus jusqu’à ce que vous ayez mappé tous vos champs avec les colonnes de feuille de calcul souhaitées.

Mappage de tous les champs WPForms

Lorsque vous avez terminé cette étape, appuyez sur le bouton Save en haut du formulaire pour enregistrer votre progression.

Enregistrer le formulaire

Maintenant, nous sommes prêts à utiliser Elementor pour ajouter notre formulaire de contact.

6. Intégrer le formulaire à l'aide d'Elementor

Ouvrez votre tableau de bord WordPress et accédez à Pages. Sélectionnez une page existante dans votre liste si vous souhaitez la modifier et insérer votre formulaire, ou appuyez sur Add New pour créer une nouvelle page.

Ajouter une page « Contactez-nous » pour le formulaire de contact Elementor

Donnez un titre à votre page. Ensuite, sélectionnez le bouton Edit with Elementor .

Modification avec Elementor

Cela lancera l’interface du constructeur de pages Elementor. Une fois qu’elle est chargée, vous pouvez commencer à concevoir votre page en ajoutant différents éléments de bloc depuis la barre latérale.

Pour insérer le formulaire que vous venez de créer, sélectionnez le bloc WPForms et faites-le glisser là où vous le souhaitez sur votre page.

Utiliser le widget WPForms dans Elementor

Après avoir placé le bloc WPForms sur votre page, vous pouvez utiliser le menu déroulant pour sélectionner votre formulaire.

Sélection d'un formulaire existant à partir du widget WPForms Elementor

Votre formulaire sélectionné se chargera instantanément et les champs apparaîtront exactement comme vous les avez configurés.

Avant de le publier, vous voudrez peut-être personnaliser l’apparence du formulaire. Cela peut être facilement fait à partir de l’onglet Style.

Ouverture des options de style pour le widget WPForms dans Elementor

Lorsque vous avez terminé, allez-y et publiez votre page de formulaire.

Bouton Publier la page Elementor

Désormais, chaque fois qu’un visiteur soumet ce formulaire, vous trouverez une nouvelle ligne créée dans votre feuille de calcul avec les données de l’entrée.

Entrées de feuille de calcul

Si vous cliquez sur le lien Entry ID, vous serez dirigé directement vers l’écran d’entrée du formulaire dans votre tableau de bord WordPress.

Et c'est tout.

Vous pouvez maintenant connecter vos formulaires Elementor à Google Sheets sans utiliser Zapier ni configurer de webhooks. De plus, consultez ce guide si vous souhaitez gérer des événements via Google Sheets avec un champ répéteur.

FAQ

Vous avez des questions plus spécifiques sur la connexion des formulaires Elementor avec Google Sheets ? Vous voudrez peut-être lire nos réponses à certaines des questions les plus fréquemment posées :

Que dois-je faire pour envoyer les données de formulaire Elementor à Google Sheets ?

Dans Elementor, il n'y a pas de fonctionnalité intégrée pour envoyer automatiquement vos données de formulaire à Google Sheets. Vous devrez configurer des webhooks et utiliser une application tierce, Zapier, afin que vos soumissions de formulaire soient envoyées à votre feuille de calcul. Non seulement c'est un processus long, mais c'est aussi coûteux car Zapier limite le nombre d'entrées que vous pouvez envoyer à vos Google Sheets chaque mois, même avec ses plans payants. Une meilleure alternative consiste à utiliser un constructeur de formulaires dédié comme WPForms qui offre une intégration native avec Google Sheets sans avoir besoin d'aucun autre logiciel.

Pourquoi devrais-je enregistrer les données de mon formulaire de contact dans Google Sheets ?

Enregistrer les données de votre formulaire de contact dans une feuille de calcul vous donne la liberté de trier, d'analyser et d'organiser vos entrées de formulaire comme vous le souhaitez. Vous pouvez facilement partager vos feuilles avec d'autres membres de l'équipe pour une meilleure collaboration afin de suivre vos prospects et de les contacter. De plus, vos feuilles de calcul peuvent servir de sauvegarde pour vos entrées de formulaire en dehors de votre environnement WordPress.

Où sont stockées les données des formulaires Elementor ?

Elementor stocke les données de votre formulaire dans votre base de données WordPress. Avant Elementor Pro 3.2, il n'y avait aucun moyen d'accéder aux soumissions de vos formulaires Elementor sans utiliser de plugins supplémentaires. Mais Elementor est maintenant livré avec un menu Soumissions qui vous permet de visualiser et de gérer facilement vos entrées. Néanmoins, Elementor ne prend pas en charge une intégration intégrée avec Google Sheets, vous aurez donc besoin d'une alternative comme WPForms pour connecter directement vos formulaires à Google Sheets, puis utiliser le widget de bloc WPForms dans Elementor pour l'intégrer.

Ensuite, améliorez vos formulaires de contact Elementor

Elementor a un widget de formulaire décent mais n'est pas un constructeur de formulaire dédié. Par conséquent, Elementor Forms souffre de nombreuses limitations que vous ne rencontrerez pas dans des constructeurs de formulaires plus puissants répertoriés dans notre tour d'horizon des meilleurs plugins de formulaire Elementor.

Et si vous souhaitez créer un formulaire Elementor gratuit, nous avons un guide séparé pour cela.

Obtenez WPForms maintenant

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 inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, veuillez nous suivre sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.

Divulgation : Notre contenu est soutenu par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Découvrez comment WPForms est financé, pourquoi c'est important et comment vous pouvez nous soutenir.

Osama Tahir

Osama est rédacteur principal chez WPForms. Il est spécialisé dans le démontage des plugins WordPress pour les tester et partager ses idées avec le monde. En savoir plus

Le meilleur plugin de création de formulaires par glisser-déposer pour WordPress

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites Web qui font confiance à WPForms.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Ce formulaire est protégé par Cloudflare Turnstile et la politique de confidentialité et les conditions d'utilisation de Cloudflare s'appliquent.