Comment connecter Elementor Forms à Google Sheets (sans Zapier)

Publié: 2023-09-15

Voulez-vous connecter Elementor Forms à Google Sheets ?

Bien qu'Elementor puisse stocker vos entrées de formulaire dans votre tableau de bord WordPress, il peut arriver que vous souhaitiez conserver une copie de vos entrées de formulaire 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 est qu’il existe une méthode alternative plus rapide, moins chère et plus facile à mettre en place.

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

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 déconseillons cette méthode aux débutants car :

  • Cela nécessite des webhooks, qui peuvent être un peu compliqués à mettre en place
  • Vous ne pouvez créer qu'un nombre limité d'entrées de ligne dans votre feuille, car Zapier consomme 1 tâche de votre allocation totale pour chaque nouvelle entrée créée.

Cela peut rapidement devenir coûteux à mesure que le nombre de soumissions de formulaires augmente.

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

La réponse est d'utiliser WPForms Pro.

WPForms homepage

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

En outre, 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 générateurs 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 vers Google Sheets, passons en revue les étapes nécessaires pour réaliser cette intégration.

Obtenez WPForms Pro

Comment connecter les formulaires Elementor à Google Sheets

Dans cet article

  • 1. Installez WPForms Pro
  • 2. Installez le module complémentaire Google Sheets
  • 3. Intégrez WPForms avec un compte Google
  • 4. Créez un nouveau formulaire WordPress
  • 5. Connectez votre formulaire à une feuille de calcul spécifique
  • 6. Intégrer un formulaire à l'aide d'Elementor
  • FAQ

1. Installez WPForms Pro

WPForms compte plus de 12 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 devez d'abord acheter la licence Pro.

WPForms Pricing Page 2023

Une fois l’achat terminé, vous pouvez continuer et installer 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. Installez le module complémentaire Google Sheets

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

WPForms addons

Sur la page WPForms Addons, recherchez le module complémentaire Google Sheets. Lorsque le module complémentaire apparaît sur votre écran, cliquez sur le bouton Installer le module complémentaire en dessous.

installer le module complémentaire Google Sheets

Une fois l’installation et l’activation de l’addon terminée (cela ne prend que quelques secondes), vous verrez le statut Actif .

module complémentaire de feuilles Google 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égrez WPForms avec un compte Google

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

WPForms integrations

Une fois dans les paramètres d'intégration , faites défiler jusqu'à Google Sheets et cliquez dessus pour développer son menu d'options. Après cela, cliquez sur Ajouter un nouveau compte.

ajouter un nouveau compte Google Sheets

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

Choisissez un compte Google

Après vous être connecté, vous pouvez recevoir une notification de demande d'autorisation de WPForms pour accéder à votre compte Google. Autorisez les autorisations demandées et vous devriez être redirigé vers la page 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 procéder à la création d'un formulaire de contact WordPress capable d'envoyer des données à Google Sheets.

4. Créez un nouveau formulaire WordPress

Pour créer un formulaire dans WPForms, accédez à WPForms »Ajouter un nouveau depuis le tableau de bord WordPress.

Add new form

Cela ouvrira l'interface du générateur de formulaire. Commencez par nommer votre formulaire. Vous pouvez donner n'importe quel nom à votre formulaire, car celui-ci est uniquement destiné à votre référence interne.

Name your form

Ensuite, faites défiler vers le bas et jusqu'à la section Sélectionner un modèle. Ici, vous trouverez plus de 1000 modèles de formulaires que vous pouvez utiliser comme bon vous semble.

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

Use Contact Form Template

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

Contact form loaded

Vous êtes libre de personnaliser votre modèle en modifiant ou en supprimant les 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.

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

Avant que WPForms puisse commencer à envoyer les données de votre formulaire vers une feuille de calcul, vous devez configurer les paramètres relatifs à la façon dont les données doivent être traitées de WPForms vers Google Sheets.

Vous pouvez le faire en cliquant sur Paramètres depuis le générateur 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 de saisir un pseudonyme de connexion. Entrez n'importe quel nom, puis appuyez sur OK .

pseudo de connexion à la feuille google

Vous pouvez désormais configurer les paramètres de votre intégration WPForms-Google Sheets. Tout d’abord, vous devez sélectionner une feuille de calcul à 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 de la liste déroulante si vous le souhaitez.

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

sélectionnez une feuille de calcul dans la liste déroulante

En plus de la feuille de calcul, vous devez également sélectionner la feuille individuelle sur laquelle vous souhaitez envoyer les données du formulaire. Dans notre exemple, nous avons nommé cette feuille « Entrées ». Utilisez la liste déroulante Feuille pour sélectionner la feuille souhaitée.

sélectionner une feuille de calcul

Ensuite, nous mapperons 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 sur l'ID d'entrée. Vous êtes libre de mapper vos champs principaux à partir de la colonne B et ainsi de suite.

Le processus de cartographie est simple. Commencez par sélectionner une colonne à l’aide de la liste déroulante Nom de la colonne .

sélectionner une colonne

Ensuite, utilisez la liste déroulante Valeur du champ du formulaire 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 la liste déroulante Nom de la colonne et le champ Nom dans la liste déroulante Valeur du champ du formulaire pour envoyer les valeurs du champ Nom de chaque soumission de formulaire à la colonne B, et ainsi de suite.

champ de sélection de nom

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

Add mapping columns

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

Mapping all WPForms fields

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

Save the form

Nous sommes maintenant prêts à utiliser Elementor pour ajouter notre formulaire de contact.

6. Intégrer un 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 Ajouter nouveau pour créer une nouvelle page.

Add Contact Us page for Elementor contact form

Donnez un titre à votre page. Ensuite, sélectionnez le bouton Modifier avec Elementor .

Editing with Elementor

Cela lancera l’interface du générateur de pages Elementor. Une fois chargé, 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 où vous le souhaitez sur votre page.

Utilisez le widget WPForms dans Elementor

Après avoir placé le bloc WPForms sur votre page, vous pouvez utiliser la liste déroulante 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 tels que vous les avez configurés.

Avant de le publier, vous souhaiterez 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é, continuez 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 saisie.

Spreadsheet entries

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

Et c'est tout.

Vous pouvez désormais connecter vos Elementor Forms à Google Sheets sans utiliser Zapier ni configurer de webhooks.

FAQ

Vous avez des questions plus spécifiques sur la connexion d'Elementor Forms à Google Sheets ? Vous souhaiterez peut-être lire nos réponses à certaines des questions fréquemment posées :

De quoi ai-je besoin pour envoyer les données du formulaire Elementor à Google Sheets ?

Dans Elementor, il n'existe aucune fonctionnalité intégrée pour envoyer automatiquement les données de votre 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 il est également coûteux car Zapier limite le nombre d'entrées que vous pouvez envoyer mensuellement à votre Google Sheets, même avec ses forfaits payants. Une meilleure alternative consiste à utiliser un générateur 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 ?

L'enregistrement des 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 lorsqu'il s'agit de suivre vos prospects et de les suivre. 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 du formulaire 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 à vos soumissions de formulaire Elementor sans utiliser de plugins supplémentaires. Mais Elementor est désormais 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 telle que WPForms pour connecter directement vos formulaires à Google Sheets, puis utilisez le widget de bloc WPForms dans Elementor pour l'intégrer.

Ensuite, améliorez vos formulaires de contact Elementor

Elementor dispose d'un widget de formulaire décent mais n'est pas un générateur de formulaire dédié. En conséquence, Elementor Forms souffre de nombreuses limitations que vous ne rencontrerez pas dans les générateurs 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 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 tutoriels et de guides WordPress gratuits.