Automatisiere die Formulardateneingabe von Framer in Google Sheets mit Latenode

Automatisiere die Formulardateneingabe von Framer in Google Sheets mit Latenode

Die Plattform Latenode ermöglicht eine nahtlose Interaktion mit Websites, die mit dem Framer-Dienst erstellt wurden. In diesem Leitfaden erfährst du, wie du ein Szenario erstellst, bei dem eine E-Mail-Adresse, die du in ein Website-Formular eingibst, automatisch in eine Google Sheets-Zelle geschrieben wird. Dadurch entfällt die manuelle Dateneingabe und die Datenerfassung wird vereinfacht.

Ein Formular in Framer erstellen

Beginne mit der Erstellung des Formulars im Framer-Arbeitsbereich. Beginne ein neues Projekt und füge in diesem Projekt ein Element hinzu, indem du benutzerdefinierten Code eingibst. Benutze das Fenster "Codedatei erstellen", um deine Komponente zu benennen, und lass die Option "Neue Komponente" aktiviert. Lösche den Standardcode und füge dein eigenes benutzerdefiniertes Skript hinzu, dann drücke STRG + S, um es zu speichern.

Auf der rechten Seite der Schnittstelle siehst du das Formular mit Textanweisungen, einem E-Mail-Eingabefeld und einer Bestätigungsschaltfläche. Der Hauptteil des Codes enthält die URL-Konstante des Formulars, die die Adresse des Knotens "trigger on webhook" enthalten muss.

Konfigurieren des Szenarios auf Latenode

Als Nächstes wechselst du zur Plattform Latenode , um das Szenario zu konfigurieren. Klicke auf die Schaltfläche zum Erstellen eines neuen Szenarios und füge den ersten Auslöseknoten hinzu, genauer gesagt den Knoten "Trigger on webhook". Dieser Knoten startet das Szenario, sobald eine Anfrage an seine URL-Adresse gesendet wird. Du kannst diese Adresse bei Bedarf ändern. Kopiere diese URL-Adresse und füge sie in deinen Framer-Code ein.

Wenn nun die Schaltfläche im Formular angeklickt wird, wird die Anfrage mit dem eingegebenen E-Mail-Wert über die angegebene URL an den Knoten "Trigger on webhook" gesendet.

Testen der Interaktion

Wechsle zurück zu dem Szenario in Latenode und führe den Knoten einmal aus, um die Interaktion zu testen. Kehr zum Formular zurück, gib eine Test-E-Mail ein und klicke auf die Bestätigungsschaltfläche. Eine Meldung bestätigt die erfolgreiche Registrierung.

Zurück in Latenode sollte der Knoten "trigger on webhook" erfolgreich ausgeführt worden sein. Einer der Ausgabeparameter ist die im Formular eingegebene E-Mail-Adresse.

Schreiben in Google Sheets

Um den angegebenen E-Mail-Wert in eine Google Sheets-Zelle zu schreiben, füge einen weiteren Knoten in Latenode aus der Google-Gruppe hinzu. Ein Knoten zum Hinzufügen einer Zeile wird perfekt funktionieren. Führe eine Autorisierung durch, falls dies noch nicht geschehen ist, indem du auf die Schaltfläche "Neue Autorisierung" klickst und dich mit deinem Google-Konto autorisierst. Wähle das Google Sheet und die spezifische Registerkarte des Blatts aus, in dem du den Wert aufzeichnen möchtest, und lege den E-Mail-Parameter aus dem Trigger-Knoten als den aufzuzeichnenden Wert fest. Speichere deine Änderungen.

Ausführen des Szenarios

Teste das gesamte Szenario, indem du es einmal ausführst. Gib eine neue Test-E-Mail-Adresse in das Formular ein und klicke auf die Schaltfläche. Das Szenario sollte erfolgreich ausgeführt werden und die E-Mail-Adresse sollte in die angegebene Google Sheets-Zelle geschrieben werden. Aktualisiere das Google Sheet, um die Dateneingabe zu überprüfen. Um den Prozess zu automatisieren, ohne jedes Mal manuell eingreifen zu müssen, aktiviere das Szenario. Von nun an wird es automatisch ausgeführt, sobald eine Anfrage an die URL des Knotens "trigger on webhook" gesendet wird.

Mit diesen Schritten hast du erfolgreich ein Szenario erstellt, das E-Mail-Adressen, die in ein Framer-Formular eingegeben wurden, in einem Google Sheets-Dokument erfasst. Genieße die nahtlose und effiziente Automatisierung mit Latenode, die deinen Arbeitsablauf reibungsloser und weniger zeitaufwändig macht.

Danke, dass du mitgemacht hast, und viel Spaß beim Automatisieren!