n8n Addon

n8n Addon ist eine Pro-Funktion

Schalten Sie n8n Addon und andere leistungsstarke Funktionen frei, um Ihr Geschäft auszubauen.

WPForms Pro kaufen

Möchten Sie WPForms mit n8n verbinden, um Ihre Arbeitsabläufe zu automatisieren? Mit dem n8n-Addon können Sie Ihre Formulareingaben mit dem n8n-Automation-Builder an Tausende von Apps senden, sodass Sie mit wenigen Klicks leistungsstarke Workflows erstellen können.

In diesem Tutorial zeigen wir Ihnen, wie Sie das n8n Addon mit WPForms installieren und verwenden können.

Anforderungen:

  • Sie benötigen eine Pro-Lizenz oder höher, um auf das n8n-Addon zuzugreifen
  • Stellen Sie sicher, dass Sie WPForms Version 1.9.8.1 oder höher installiert haben, um die erforderliche Mindestversion für das n8n Addon zu erfüllen
  • Sie haben eine selbst gehostete n8n-Instanz eingerichtet und betreiben sie

Bevor Sie beginnen, müssen Sie sicherstellen, dass WPForms auf Ihrer WordPress-Website installiert und aktiviert ist.

Installation des WPForms Community Node in n8n

Hinweis: Community-Knoten werden in selbst gehosteten Versionen von n8n unterstützt. Wenn Sie n8n Cloud verwenden, können Sie sie möglicherweise trotzdem installieren, indem Sie sich an das n8n-Supportteam wenden.

Bevor Sie fortfahren, stellen Sie sicher, dass Ihre selbst gehostete n8n-Instanz installiert ist und läuft. Wenn Sie noch keine Instanz installiert haben, finden Sie in der offiziellen n8n-Installationsanleitung eine Anleitung zur Einrichtung.

Um WPForms mit n8n zu verbinden, müssen Sie zunächst den WPForms Community-Knoten in Ihrer lokalen n8n-Instanz installieren.

Öffnen Sie dazu Ihr n8n-Dashboard und gehen Sie zur Seite Einstellungen , indem Sie auf Ihr Profilbild in der linken unteren Ecke klicken.

n8n Einstellungen

Klicken Sie dann auf der Seite Einstellungen in der linken Seitenleiste auf Gemeinschaftsknoten und anschließend auf die Schaltfläche Einen Gemeinschaftsknoten installieren, um fortzufahren.

Installieren Sie eine Gemeinschaftsknoten-Schaltfläche

Es erscheint ein Popup-Fenster, das Sie auffordert, den Namen des npm-Pakets einzugeben. Im Fenster npm-Paketname Feld, Typ n8n-nodes-wpforms.

npm-Paketname eingeben

Aktivieren Sie dann das Bestätigungsfeld "Ich bin mir der Risiken bewusst, die mit der Installation von ungeprüftem Code aus einer öffentlichen Quelle verbunden sind", und klicken Sie auf Installieren.

Schaltfläche "Installieren

Sobald die Installation abgeschlossen ist, wird der WPForms-Knoten zu Ihrer n8n-Instanz hinzugefügt. Sie können ihn nun in jedem von Ihnen erstellten Workflow verwenden.

Erstellen des Workflows in n8n

Nachdem Sie den WPForms-Knoten installiert haben, können Sie Ihren Workflow in n8n erstellen und mit Ihren WPForms-Formularen verbinden.

Klicken Sie im Workflow-Editor auf das Symbol +, um den Knoten WPForms Trigger hinzuzufügen. Dadurch wird ein Fenster geöffnet, in dem Sie nach verfügbaren Anwendungen und Auslösern suchen können.

Klicken Sie auf +, um einen neuen Knoten hinzuzufügen

Geben Sie in der Suchleiste "WPForms" ein und wählen Sie dann "WPForms Trigger" aus der Liste.

WPForms-Auslöser hinzufügen

Klicken Sie dann auf Zum Workflow hinzufügen, um den WPForms Trigger-Knoten in Ihren Workflow einzufügen.

Knoten zum Workflow hinzufügen

Nach dem Hinzufügen öffnet sich das Fenster des WPForms-Trigger-Knotens. Hier konfigurieren Sie, wie n8n sich mit Ihrem Formular verbindet, indem Sie die Webhook-URL kopieren und später den geheimen Schlüssel von WPForms hinzufügen.

Erweitern Sie auf der Registerkarte Parameter den Abschnitt Webhook-URLs und öffnen Sie dann die Registerkarte Produktions-URL, um die Live-Webhook-Adresse anzuzeigen, die die Formulardaten empfangen wird.

Klicken Sie auf die angezeigte URL, um sie zu kopieren.

Webhook-URL kopieren

Halten Sie diese Registerkarte offen für jetzt, wie Sie diese Webhook-URL benötigen, wenn Sie die Verbindung in der WPForms Form Builder nächsten einrichten.

Verbindung zwischen WPForms und n8n

Nun, da Ihr n8n-Workflow bereit ist, Formulardaten zu empfangen, ist es an der Zeit, die Integration in WPForms einzurichten.

Beginnen Sie mit der Erstellung eines neuen Formulars oder bearbeiten Sie ein bestehendes Formular. Sobald Sie sich im Formularersteller befinden, gehen Sie zu Marketing " n8n und klicken Sie auf die Schaltfläche n8n-Integration aktivieren, um sie zu aktivieren.

Aktivieren der n8n-Integration

Nach der Aktivierung werden neue Einstellungen für Ihre n8n-Verbindung angezeigt.

Fügen Sie in das Feld Webhook-URL die Produktions-URL ein, die Sie zuvor aus dem WPForms-Trigger-Knoten in n8n kopiert haben.

Webhook-URL einfügen

Sie können auf den Link Verbindung testen klicken, um zu bestätigen, dass Ihre Website erfolgreich eine Verbindung zu n8n herstellen kann.

Kopieren Sie anschließend den geheimen Schlüssel aus WPForms.

Gehen Sie dann zurück zu Ihrem n8n-Knoten und fügen Sie ihn in das Feld für den geheimen Schlüssel in n8n ein.

Schließen Sie anschließend das WPForms Trigger-Popup und schalten Sie den Schalter Aktiv in der oberen rechten Ecke um, um Ihren Workflow zu aktivieren.

Workflow aktivieren

Vergewissern Sie sich vor der Aktivierung, dass Ihr Arbeitsablauf in n8n vollständig ist und alle Aktionen enthält, die er ausführen soll. Sie können später jederzeit zurückkehren, um bei Bedarf Knoten hinzuzufügen oder anzupassen.

Auslösende Ereignisse einrichten

Nun, da Ihr Workflow in n8n aktiv ist, kehren Sie zum WPForms-Formularersteller zurück, um Ihre Integration abzuschließen und festzulegen, wie und wann Ihr Formular mit n8n interagiert.

Über das Dropdown-Menü Ereignis auslösen im Formularersteller können Sie entscheiden, wann der Workflow ausgelöst werden soll. Sie können aus den folgenden Optionen wählen:

  • Formular abgeschickt - Führt den Workflow jedes Mal aus, wenn ein Benutzer Ihr Formular abschickt.
  • Als Spam markierter Eintrag - Führt den Workflow aus, wenn ein Beitrag als Spam markiert wird.
  • Zahlung verarbeitet - Führt den Workflow aus, nachdem eine erfolgreiche Zahlung abgeschlossen wurde.

Feld-Zuordnungen

Unterhalb der Einstellungen für das Auslöseereignis sehen Sie den Abschnitt Feldzuordnung. Hier können Sie angeben, welche Formulardaten an n8n gesendet werden sollen.

Um dies einzurichten, geben Sie einen Parameterschlüssel ein, d. h. die Bezeichnung, die n8n zur Identifizierung der Daten verwenden wird. Wählen Sie dann das entsprechende Formularfeld aus der Dropdown-Liste daneben aus.

Um zum Beispiel die E-Mail-Adresse des Benutzers zu senden, müssen Sie Folgendes eingeben email als Parameterschlüssel und wählen Sie das E-Mail-Feld Ihres Formulars aus der Liste aus.

Feldzuordnungen n8n

Sie können weitere Feldzuordnungen hinzufügen, indem Sie auf die blaue Schaltfläche + klicken.

Wenn Sie fertig sind, vergessen Sie nicht, in der Formularerstellung auf Speichern zu klicken, um Ihre Änderungen zu übernehmen.

Sobald Ihr Workflow vollständig konfiguriert ist, sollten Sie ihn testen, bevor Sie ihn in Betrieb nehmen. Klicken Sie im n8n-Editor auf die Schaltfläche Workflow ausführen und senden Sie dann einen Testeintrag über Ihr Formular. So können Sie überprüfen, ob Ihre Daten wie erwartet empfangen und verarbeitet werden.

Häufig gestellte Fragen

Hier finden Sie einige häufig gestellte Fragen zur Verwendung des n8n-Addons mit WPForms.

Ist der WPForms-Knoten in der n8n Cloud verfügbar?

Community-Knoten, einschließlich WPForms, werden hauptsächlich auf selbst gehosteten Versionen von n8n unterstützt. Das bedeutet, dass Sie Ihre eigene n8n-Instanz installieren und ausführen müssen, um den WPForms-Knoten zu verwenden.

Wenn Sie jedoch die n8n Cloud nutzen, können Sie möglicherweise trotzdem Community-Knoten installieren, indem Sie sich an das n8n-Supportteam wenden. Auf Anfrage können sie manchmal Community-Knoten für Cloud-Nutzer aktivieren.

Außerdem wird unser WPForms-Community-Knoten derzeit vom n8n-Team geprüft. Sobald er genehmigt ist, werden Cloud-Nutzer in der Lage sein, ihn ohne besondere Unterstützung zu installieren.

Kann ich den Eintragsspeicher deaktivieren, wenn ich das n8n Addon verwende?

Ja. Wenn Sie verhindern möchten, dass WPForms Formulareingaben in der Datenbank Ihrer Website speichert, gehen Sie im Form Builder zu Einstellungen " Allgemein, öffnen Sie den Abschnitt Erweitert und aktivieren Sie die Option Speicherung von Eingabeinformationen in WordPress deaktivieren.

Deaktivieren der Speicherung von Eintragsinformationen in WordPress

Was passiert, wenn ich den WPForms-Knoten in n8n lösche?

Wenn der WPForms-Knoten in Ihrem n8n-Workflow gelöscht oder entfernt wird, werden Ihre Formularübermittlungen den Workflow nicht mehr auslösen. Um dies zu beheben, fügen Sie einen neuen WPForms-Trigger-Knoten zu Ihrem Workflow hinzu, kopieren Sie seine neue Produktions-URL und aktualisieren Sie die Webhook-URL in Ihrem WPForms-Formularersteller. Nach der Aktualisierung reaktivieren Sie den Workflow in n8n, um die Verbindung wiederherzustellen.

Das war's! Sie haben WPForms erfolgreich mit n8n verbunden.

Als nächstes möchten Sie mehr darüber erfahren, was Sie mit WPForms-Einträgen machen können? Achten Sie darauf, unsere komplette Anleitung für Einträge für Details über alle verfügbaren Optionen und Werkzeuge zu überprüfen.

Das beste WordPress Drag and Drop Form Builder Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzer, die WPForms vertrauen.