AI Zusammenfassung
Zeit für ein Geständnis – ich bin wirklich nicht besonders technisch versiert. (Wenn Sie jemals eine E-Mail von mir erhalten haben, wissen Sie das wahrscheinlich schon...)
Daher habe ich viel zu viel Zeit damit verbracht, Formularübermittlungen manuell aus meinem WordPress-Blog in andere Tools zu kopieren. Jedes Mal, wenn jemand ein Kontaktformular ausgefüllt hat, habe ich mein CRM geöffnet, einen neuen Lead erstellt und bin dann zu meiner E-Mail-Plattform gewechselt, um ihn auch dort hinzuzufügen. Das war wirklich nur eine zeitraubende Verschwendung meiner Energie.
Ich freue mich daher sehr, Ihnen zu zeigen, wie die Verbindung von WPForms mit n8n meinen gesamten Arbeitsablauf verändert hat – und das kann es auch für Sie tun!
In dieser Schritt-für-Schritt-Anleitung zeige ich Ihnen, wie Sie die WPForms-n8n-Integration einrichten, um Formularübermittlungen automatisch an alle möglichen Ziele weiterzuleiten. Dazu gehören E-Mail-Marketing-Tools, CRMs, Projektmanagement-Apps und Tausende anderer Dienste, um nur einige zu nennen.
Und wie immer bei WPForms sind keinerlei Programmierkenntnisse erforderlich. Wenn ich das kann, kann es jeder. Los geht's!
So verbinden Sie WPForms mit n8n: Automatisieren Sie Ihre WordPress-Formular-Workflows
Was Sie vor dem Start benötigen
Bevor wir uns mit dem Einrichtungsprozess befassen, sollten wir sicherstellen, dass Sie alles bereit haben. Sie benötigen:
- WPForms Pro-Lizenz (oder höher) auf Ihrer WordPress-Website installiert und aktiviert
- WPForms Version 1.9.8.1 oder neuer, um auf das n8n-Add-on zuzugreifen
- Ein n8n-Konto (entweder selbst gehostet oder n8n-Cloud)
Das n8n-Add-on ist exklusiv mit WPForms Pro und höheren Lizenzstufen verfügbar und bietet Ihnen Zugriff auf Funktionen zur Automatisierung von Arbeitsabläufen, die die Bearbeitung von Formularübermittlungen grundlegend verändern können.
Erstellen Sie jetzt Ihr Wordpress-Formular
Was Sie mit der n8n-Integration tun können
Warum benötigen Sie diese Tools, um loszulegen? Hier ist der Grund! Mit WPForms + n8n müssen Sie nicht mehr als Vermittler zwischen Ihren Formularen und all Ihren anderen Tools fungieren. Hier sind einige Beispiele dafür, was Sie damit tun können:
- Fügen Sie neue Leads automatisch zu Ihrem CRM hinzu, wenn Formulare eingereicht werden.
- Lösen Sie E-Mail-Sequenzen in Ihrer Marketingplattform aus
- Aufgaben in Projektmanagement-Tools erstellen
- Benachrichtigungen an Slack oder Microsoft Teams senden
- Speichern Sie die eingereichten Daten in Google Sheets oder Datenbanken.
- Erstellen Sie benutzerdefinierte mehrstufige Automatisierungen für Dutzende von Apps.
Die Möglichkeiten sind nahezu unbegrenzt. Und wie gesagt, Sie können alles über eine visuelle Benutzeroberfläche einrichten, ohne eine einzige Zeile Code schreiben zu müssen.
Schritt 1: Erstellen Sie Ihren Workflow in n8n
Ihre erste Aufgabe besteht darin, in n8n einen Workflow zu erstellen, der Ihre Formularübermittlungen empfängt und verarbeitet. Stellen Sie sich dies als Einrichtung der „Empfangsseite” Ihrer Automatisierung vor.
Fügen Sie den WPForms-Trigger-Knoten hinzu
Melden Sie sich bei Ihrem n8n-Dashboard an und starten Sie einen neuen Workflow. Im Workflow-Editor sehen Sie eine Arbeitsfläche, auf der Sie verschiedene Knoten hinzufügen können. Diese sind wie Bausteine für Ihre Automatisierung.
Klicken Sie auf das Pluszeichen (+), um Ihren ersten Knoten hinzuzufügen.
Geben Sie im Suchfeld „WPForms“ ein und wählen Sie aus den Ergebnissen die Option „WPForms Trigger“ aus.
Wenn Sie den WPForms-Knoten zum ersten Mal verwenden, müssen Sie ihn installieren, indem Sie auf die Schaltfläche „Knoten installieren“ klicken, die angezeigt wird.
Nach der Installation klicken Sie auf „Zum Workflow hinzufügen“, um den WPForms-Trigger-Knoten zu Ihrer Workflow-Arbeitsfläche hinzuzufügen.
Dieser Knoten fungiert als Einstiegspunkt für alle Daten, die aus Ihren WordPress-Formularen stammen.
Kopieren Sie Ihre Webhook-URL
Nachdem Sie den WPForms Trigger-Knoten hinzugefügt haben, klicken Sie darauf, um das Konfigurationsfenster zu öffnen. Sie sehen mehrere Registerkarten und Optionen, aber die derzeit wichtigste befindet sich im Abschnitt „Parameter “.
Erweitern Sie den Abschnitt „Webhook-URLs“ und öffnen Sie die Registerkarte „Produktions-URL “. Daraufhin wird die eindeutige Webhook-Adresse angezeigt, die n8n für Ihren Workflow generiert hat.
Klicken Sie auf die URL, um sie in Ihre Zwischenablage zu kopieren – Sie benötigen sie gleich, wenn wir die WPForms-Seite konfigurieren.
Lassen Sie diesen Browser-Tab geöffnet, während Sie zum nächsten Schritt übergehen.
Schritt 2: WPForms so konfigurieren, dass Daten an n8n gesendet werden
Nachdem n8n nun bereit ist, Daten zu empfangen, ist es an der Zeit, Ihr WordPress-Formular so zu konfigurieren, dass es Übermittlungen an Ihren Workflow sendet.
Aktivieren Sie die n8n-Integration
Navigieren Sie in Ihrem WordPress-Dashboard zum WPForms-Formularersteller. Sie können entweder ein brandneues Formular erstellen oder ein bestehendes Formular öffnen, das Sie mit n8n verbinden möchten.
Sobald Sie sich in der Formularerstellungsschnittstelle befinden, suchen Sie in der linken Seitenleiste den Abschnitt „Marketing“ und klicken Sie auf „n8n“. Dort sehen Sie einen Schalter mit der Bezeichnung„n8n-Integration aktivieren“– schalten Sie diesen ein, um die Verbindung zu aktivieren.
Geben Sie Ihre Webhook-Daten ein
Nach der Aktivierung der Integration werden mehrere neue Konfigurationsfelder angezeigt.
Das erste Feld, das Sie sehen, ist für die Webhook-URL. Fügen Sie die Produktions-URL, die Sie zuvor aus n8n kopiert haben, in dieses Feld ein.
Übrigens gibt es einen hilfreichen Link „Verbindung testen“, auf den Sie klicken können, um zu überprüfen, ob Ihre WordPress-Website erfolgreich mit n8n kommunizieren kann. Es lohnt sich, darauf zu klicken, um mögliche Verbindungsprobleme frühzeitig zu erkennen.
Den geheimen Schlüssel austauschen
Sicherheit ist wichtig, wenn externe Dienste verbunden werden. Deshalb verwendet WPForms einen geheimen Schlüssel, um Anfragen zu authentifizieren.
Dieser geheime Schlüssel wird in den WPForms-Einstellungen angezeigt. Kopieren Sie ihn und wechseln Sie dann zurück zur Registerkarte „n8n-Workflow“.
Kehren Sie dann zu den WPForms-Trigger-Knoteneinstellungen in n8n zurück, suchen Sie das Feld „Geheimer Schlüssel“ und fügen Sie den soeben kopierten Schlüssel ein.
Dadurch wird sichergestellt, dass nur legitime Eingaben aus Ihrem WordPress-Formular den Workflow auslösen können.
Aktivieren Sie Ihren Workflow
Bevor Sie n8n verlassen, gibt es noch einen wichtigen Schritt: die Aktivierung Ihres Workflows.
Suchen Sie den Schalter „Aktiv“ in der oberen rechten Ecke der n8n-Oberfläche und schalten Sie ihn ein.
Beachten Sie, dass Ihr Workflow alle Aktionen enthalten sollte, die Sie nach dem Empfang der Formulardaten ausführen möchten.
Sie können jederzeit später weitere Knoten hinzufügen und Ihre Automatisierung erweitern, aber stellen Sie sicher, dass die Grundstruktur vorhanden ist, bevor Sie sie aktivieren.
Schritt 3: Wählen Sie, wann Ihr Workflow ausgelöst werden soll
Zurück im WPForms-Formular-Generator sehen Sie ein Dropdown-Menü „Trigger Event“ (Auslösendes Ereignis). Mit dieser leistungsstarken Funktion können Sie genau steuern, wann Ihr n8n-Workflow ausgeführt werden soll.
Verfügbare Trigger-Optionen
Sie haben drei Optionen für Auslöseereignisse zur Auswahl:
- „Formular abgeschickt“ löst Ihren Workflow jedes Mal aus, wenn jemand Ihr Formular ausfüllt und abschickt. Dies ist die gängigste Option und eignet sich gut für allgemeine Kontaktformulare, Formulare zur Lead-Generierung und Registrierungsformulare.
- Die Option „Als Spam markiert“ aktiviert Ihren Workflow nur, wenn eine Übermittlung von der Spam-Erkennung von WPForms als Spam markiert wurde. Dies ist nützlich, wenn Sie Spam-Versuche protokollieren, Ihr Sicherheitsteam benachrichtigen oder zusätzliche Überprüfungen durchführen möchten.
- „Zahlung verarbeitet“ führt Ihren Workflow aus, nachdem eine Zahlung über Ihr Formular erfolgreich abgeschlossen wurde. Dies ist ideal für E-Commerce-Anwendungen, Spendenformulare oder alle Formulare, die Zahlungen über Stripe, PayPal oder andere Zahlungsgateways akzeptieren.
Wählen Sie das Trigger-Ereignis, das Ihren Automatisierungszielen am besten entspricht.
Schritt 4: Ordnen Sie Ihre Formularfelder zu
Im Abschnitt „Feldzuordnung“ legen Sie fest, welche Informationen aus Ihren Formularübermittlungen n8n erhalten soll. Dies ist ein wichtiger Schritt, da hier festgelegt wird, auf welche Daten Ihr Workflow zugreifen und diese verarbeiten kann.
So funktioniert die Feldzuordnung
Bei der Feldzuordnung werden Ihre WPForms-Felder mit Parameterschlüsseln verknüpft, die n8n erkennt. Auf der linken Seite geben Sie einen Parameterschlüssel ein (dies ist die Bezeichnung, die n8n intern verwendet). Auf der rechten Seite wählen Sie aus, welches Formularfeld diesen Parameter ausfüllen soll.
Wenn Sie beispielsweise die E-Mail-Adresse einer Person erfassen möchten, geben Sie „E-Mail“ als Parameterschlüssel ein und wählen Sie dann Ihr E-Mail-Feld aus dem Dropdown-Menü aus.
Wenn Sie ihren Namen erfassen möchten, geben Sie „name“ als Parameterschlüssel ein und wählen Sie Ihr Namensfeld aus.
Hinzufügen mehrerer Zuordnungen
Die meisten Formulare erfassen mehrere Informationen, sodass Sie in der Regel mehrere Feldzuordnungen benötigen. Nachdem Sie Ihre erste Zuordnung eingerichtet haben, klicken Sie auf die blaue Plus-Schaltfläche (+), um eine weitere Zeile hinzuzufügen. Fügen Sie weitere Zuordnungen für jede Datenangabe hinzu, die Sie an n8n senden möchten.
Zu den gängigen Feldzuordnungen gehören E-Mail-Adressen, Namen, Telefonnummern, Firmennamen, Nachrichteninhalte und alle benutzerdefinierten Felder, die für Ihr Formular spezifisch sind.
Nachdem Sie alle Feldzuordnungen konfiguriert haben, klicken Sie im Formular-Generator auf die Schaltfläche „Speichern“, um Ihre Änderungen zu übernehmen.
Das war's schon! Sehen Sie? Ich habe Ihnen doch gesagt, wenn ich das kann, können Sie das auch.
Nachdem Sie WPForms erfolgreich mit n8n verbunden haben, verfügen Sie nun über die Grundlage für eine äußerst leistungsstarke Workflow-Automatisierung. Entdecken Sie auch unsere anderen Add-ons und n8n-Integrationen, mit denen Sie Ihre Prozesse weiter optimieren können.
Erstellen Sie jetzt Ihr Wordpress-Formular
Häufig gestellte Fragen zu n8n
Ich weiß, dass n8n auf den ersten Blick überwältigend wirken kann. Aber das muss nicht sein! Sehen Sie sich die Liste der häufigsten Fragen zur n8n-Integration an und zögern Sie nicht, uns für weitere Unterstützung zu kontaktieren.
Wie kann ich meine n8n-Integration testen?
Klicken Sie im n8n-Workflow-Editor auf die Schaltfläche „Workflow ausführen“. Wechseln Sie dann zu Ihrer WordPress-Website und senden Sie einen Testeintrag über Ihr Formular. Füllen Sie alle Felder wie ein echter Benutzer aus und klicken Sie dann auf „Senden“.
Wechseln Sie zurück zu n8n und überprüfen Sie, ob der Workflow die Daten erhalten hat. Die Details der Übermittlung sollten im Ausführungsprotokoll des Workflows angezeigt werden. Wenn alles korrekt aussieht, herzlichen Glückwunsch – Ihre Integration funktioniert!
Wenn die Daten nicht angezeigt werden, überprüfen Sie, ob Ihre Webhook-URL korrekt ist, Ihr geheimer Schlüssel übereinstimmt und Ihr Workflow aktiviert ist.
Was passiert, wenn ich versehentlich den n8n-Knoten lösche?
Wenn Sie versehentlich den WPForms-Trigger-Knoten aus Ihrem n8n-Workflow löschen oder entfernen, lösen Ihre Formularübermittlungen die Automatisierung nicht mehr aus.
Um dies zu beheben, fügen Sie einfach einen neuen WPForms-Trigger-Knoten hinzu, kopieren Sie dessen neue Produktions-URL und aktualisieren Sie die Webhook-URL in Ihrem WPForms-Formular-Builder. Vergessen Sie nicht, den Workflow nach diesen Änderungen wieder zu aktivieren.
Kann ich komplexe, mehrstufige Arbeitsabläufe erstellen?
Ja! Die wahre Stärke von n8n liegt darin, mehrere Aktionen miteinander zu verknüpfen. Nachdem Ihr WPForms-Trigger-Knoten eine Übermittlung erhalten hat, können Sie Knoten hinzufügen, um:
- Daten gleichzeitig an mehrere Ziele senden
- Wende bedingte Logik an (Wenn-Dann-Szenarien)
- Daten vor dem Senden an einen anderen Ort transformieren oder formatieren
- Verzögerungen zwischen Aktionen hinzufügen
- Fehlerbehandlung und Ausweichverfahren erstellen
Entdecken Sie die Node-Bibliothek von n8n und finden Sie Hunderte von Apps und Diensten, die Sie mit Ihren Formularen verbinden können.
Als Nächstes fügen Sie Ihrem Online-Formular ein „schreibgeschütztes“ Feld hinzu.
Sie wissen nun, wie Sie einen gesamten n8n-Workflow aus Ihren Online-Formularübermittlungen heraus auslösen können. Herzlichen Glückwunsch! Aber was ist mit Formulareinträgen, die unantastbar sein müssen? Die wirklich nirgendwohin gelangen sollten ... Zum Beispiel Benutzernamen auf einem Registrierungsformular.
Wussten Sie, dass ein Feld wie dieses – nun ja, fast jedes Feld in Ihrem WordPress-Formular – ein „schreibgeschütztes” Feld sein kann? Und das ist ganz einfach! Hier finden Sie eine kurze Anleitung, wie Sie Ihrem Formular ein „schreibgeschütztes” Feld hinzufügen können.
Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.
Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.
