Automatisez la saisie de données de formulaire de Framer vers Google Sheets à l'aide de Latenode

Automatisez la saisie de données de formulaire de Framer vers Google Sheets à l'aide de Latenode

La plateforme Latenode permet une interaction transparente avec les sites Web créés à l'aide du service Framer. Ce guide vous guidera dans la création d'un scénario dans lequel une adresse e-mail saisie dans un formulaire de site sera automatiquement écrite dans une cellule Google Sheets. Cela élimine la saisie manuelle des données et rationalise le processus de collecte des données.

Créer un formulaire dans Framer

Commencez par créer le formulaire dans l'espace de travail Framer. Commencez un nouveau projet et, dans ce projet, ajoutez un élément en saisissant un code personnalisé. Utilisez la fenêtre « Créer un fichier de code » pour nommer votre composant, en gardant l'option « Nouveau composant » cochée. Supprimez le code par défaut et ajoutez votre propre script personnalisé, puis appuyez sur CTRL + S pour l'enregistrer.

Sur le côté droit de l'interface, vous verrez le formulaire qui comprend des instructions textuelles, un champ de saisie d'e-mail et un bouton de confirmation. La partie principale du code contiendra la constante URL du formulaire, qui doit inclure l'adresse du nœud « trigger on webhook ».

Configuration du scénario sur Latenode

Ensuite, passez à la plateforme Latenode pour configurer le scénario. En cliquant sur le bouton pour créer un nouveau scénario, ajoutez le premier nœud déclencheur, plus précisément le nœud « déclencheur sur webhook ». Ce nœud démarre le scénario une fois qu'une requête est envoyée à son adresse URL. Vous pouvez modifier cette adresse si nécessaire. Copiez cette adresse URL et collez-la dans votre code Framer.

Désormais, lorsque le bouton du formulaire est cliqué, la demande avec la valeur de courrier électronique saisie sera envoyée au nœud « déclencheur sur webhook » à l'aide de l'URL spécifiée.

Tester l'interaction

Revenez au scénario dans Latenode et exécutez le nœud une fois pour tester l'interaction. Revenez au formulaire, saisissez une adresse e-mail de test et cliquez sur le bouton de confirmation. Un message confirmera la réussite de l'inscription.

De retour dans Latenode, le nœud « trigger on webhook » doit avoir été exécuté avec succès. L'un de ses paramètres de sortie sera l'adresse e-mail saisie dans le formulaire.

Écrire sur Google Sheets

Pour écrire la valeur d'e-mail spécifiée dans une cellule Google Sheets, ajoutez un autre nœud dans Latenode à partir du groupe Google. Un nœud pour ajouter une ligne fonctionnera parfaitement. Effectuez l'autorisation si cela n'a pas déjà été fait en cliquant sur le bouton « Nouvelle autorisation » et en autorisant avec votre compte Google. Sélectionnez la feuille Google et l'onglet de feuille spécifique dans lequel vous souhaitez enregistrer la valeur et définissez le paramètre d'e-mail du nœud déclencheur comme valeur à enregistrer. Enregistrez vos modifications.

Exécution du scénario

Testez l'intégralité du scénario en l'exécutant une fois. Saisissez une nouvelle adresse e-mail de test dans le formulaire et cliquez sur le bouton. Le scénario doit s'exécuter correctement et l'adresse e-mail doit être écrite dans la cellule Google Sheets spécifiée. Actualisez la feuille Google pour vérifier la saisie des données. Pour automatiser le processus sans intervention manuelle à chaque fois, activez le scénario. Désormais, il s'exécutera automatiquement chaque fois qu'une requête sera envoyée à l'URL du nœud « déclencheur sur webhook ».

Grâce à ces étapes, vous avez réussi à créer un scénario qui enregistre les adresses e-mail saisies dans un formulaire Framer dans un document Google Sheets. Bénéficiez d'une automatisation transparente et efficace avec Latenode, qui rend votre flux de travail plus fluide et moins chronophage.

Merci de nous suivre et bonne automatisation !