Fertige Vorlage
%201.png)
Daniel
No-Code-Experte, Latenode Botschafterin
12. Februar 2024
%20(1)%20(1).png)
.png)
.svg){kind=icon}
Die wichtigsten Erkenntnisse:
Erhöhe die Funktionalität deiner WordPress-Website durch die Integration des WP Webhooks-Plugins mit Latenode und schaffe ein leistungsstarkes Automatisierungssystem, das Arbeitsabläufe rationalisiert, die Benutzerfreundlichkeit erhöht und die Verwaltung von Inhalten vereinfacht. Die nahtlose Verbindung zwischen deiner Website und externen Anwendungen durch die Automatisierungsfunktionen von Latenode sorgt dafür, dass deine Website effizienter und dynamischer arbeitet als je zuvor.
Hallo! Hier ist Daniel von Latenode. Wenn du jemals eine Website mit WordPress erstellt hast, ist dir wahrscheinlich aufgefallen, dass es ohne zusätzliche Plugins keine Möglichkeit gibt, WP-Daten an externe Dienste zu senden oder Daten von externen Quellen zu empfangen.
WP Webhooks scheint eine der beliebtesten Lösungen für solche Fälle zu sein. Mit diesem Plugin kannst du Webhooks und HTTP-Anfragen nutzen, um beliebige Daten von deiner WP-Website zu senden und beliebige Aktionen aus der Ferne auszuführen. Was bedeutet das? Es bedeutet, dass du deinen WordPress-Workflow automatisieren kannst, und in diesem Artikel zeige ich dir, wie du das mit Latenode.com machen kannst!
Das Beste daran? Neben einer Schritt-für-Schritt-Anleitung kannst du das ganze Szenario, das ich dir in diesem Artikel zeige, einfach kopieren! Den Link dazu findest du am Ende dieses Artikels.
Los geht's!
Das Wichtigste zuerst: Geh auf die WP Webhooks-Seite und lade das Plugin als Zip-Datei herunter. Du musst es NICHT entpacken.
Danach kannst du auf deiner wordpress.com Website-Verwaltungsseite zu gehen:
Meine Seite > Plugins > Neues Plugin hinzufügen > Hochladen
Wähle dann das Zip-Archiv aus, das du gerade heruntergeladen hast, und warte, bis das Plugin installiert ist.
Du siehst die WP Webhooks in deinem Plugin-Tab. Klicke auf Einstellungen, um deine Website zu automatisieren!
In den WP Webhooks-Einstellungen siehst du verschiedene Registerkarten, aber wenn du einen kostenlosen Tarif nutzt, brauchst du nur zwei davon: Daten senden und Daten empfangen.
Diese Registerkarte enthält:
Hier kannst du sie finden:
Dann ist es an der Zeit, zu automatisieren!
Das ist die Idee für das Automatisierungsszenario, das ich mir ausgedacht habe:
Sobald ein/e Nutzer/in einen Kommentar auf meiner Seite hinterlässt, werden sein/ihr Nickname, seine/ihre E-Mail und der Kommentar selbst automatisch an mein Google Sheets-Formular gesendet. Wenn der Kommentar Links enthält, werden diese gelöscht.
Das funktioniert sowohl für das Sammeln von Feedback als auch für die Moderation gut, oder? Eigentlich habe ich dieses Szenario schon auf latenode.comSchau es dir an:
Lass mich erklären, was hier passiert:
Aber du brauchst dieses Szenario nicht selbst zu bauen! Kopiere es einfach von dem Link am Ende des Artikels! Und jetzt ist es an der Zeit, dir jeden einzelnen Schritt der Erstellung dieses Automatisierungsworkflows zu zeigen, also los!
Gehe zu Latenode.com, logge dich in dein Konto ein und klicke auf die lila Schaltfläche in der oberen linken Ecke der Seite. Danach findest du dich auf der Registerkarte "Szenario erstellen" wieder.
Benenne dein Szenario um, sonst wird es "unbenannt" genannt. Danach speicherst du die Änderungen.
Versuche, dies jedes Mal zu tun, wenn du dein Szenario änderst oder modifizierst. Sicherheit geht vor!
Klicke jetzt auf Knoten hinzufügen und wähle den Webhook-Auslöser aus. Dann klickst du auf den hinzugefügten Knoten und kopierst den Webhook-Link. Vergiss nicht, auf die Schaltfläche "Speichern" zu klicken!
Als Nächstes musst du den Auslöser "Kommentar erstellt" auf der Registerkarte "Daten senden" des WP Webhooks-Plugins auswählen und auf die Schaltfläche "Webhook-URL hinzufügen" klicken.
Danach benennst du den Trigger und fügst die Webhook-URL aus dem Latenode Szenario ein.
Und wenn du auf die Schaltfläche "Bereitstellen" (neben "Speichern") und dann auf "Demo senden" (Abschnitt "Aktionen" des WH-Triggers) klickst, siehst du, dass die Verbindung bereits funktioniert - toll!
Jetzt klickst du auf "Knoten hinzufügen", suchst nach der Gruppe Google Sheets und wählst "Einzelne Zeile hinzufügen".
Melde dich bei Google an, um ein Autorisierungstoken zu erhalten, und wähle dann den Pfad des gewünschten Arbeitsblatts aus.
Die Antwort auf die Frage "Hat die erste Zeile des Arbeitsblatts Kopfzeilen?" lautet "ja". Dann schreibst du "leer" in das Feld "Status" und speicherst die Änderungen.
Du findest diesen Knoten auf die gleiche Weise wie den vorherigen, aber jetzt musst du den Knoten "Zeile suchen" auswählen.
Wähle dasselbe Autorisierungstoken und den Pfad für dein Arbeitsblatt.
Füge in den Spaltenabschnitt "D" (wenn du das von mir bereitgestellte Blatt verwendest) und "leer" als Wertein .
Einfach ausgedrückt: Dieser Knoten zeigt an, wo die Kommentardaten eingefügt werden sollen, der Status "leer" ist eine Markierung.
Bevor du den Iterator hinzufügst, führe einmal zwei Google Sheets-Knoten aus, die du für den Datenfluss brauchst.
Danach klickst du auf "Knoten hinzufügen" und wählst "Andere Werkzeuge". Hier findest du den Iterator.
Um ihn einzurichten, füge einfach das Ergebnisobjekt des vorherigen Knotens in das Feld "zu iterierende Daten" ein. Führe ihn dann einmal aus und speichere die Änderungen.
In diesem Schritt füllen wir die Zellen des Arbeitsblatts mit dem Namen, der E-Mail und dem Kommentar des Nutzers aus und ändern den Status "leer" in "aktualisiert". Deshalb werden 4 Knotenpunkte benötigt.
Klicke auf "Knoten hinzufügen", gehe dann wieder zu Google Sheets und wähle den Knoten "Zelle aktualisieren" .
Füge wieder dein Autorisierungs-Token ein und wähle den Pfad des Arbeitsblatts.
Diese Aktionen sind für alle 4 Knotenpunkte gleich, du kannst sie also speichern und einfach kopieren!
Klicke dazu einfach mit der rechten Maustaste auf den Knoten, dann auf "Kopieren" und füge ihn irgendwo ein!
Verbinde sie dann mit dem oberen Punkt des Iterators.
Um Verwirrung zu vermeiden, benenne die Knotenpunkte um, damit sie anders aussehen.
Jetzt lass sie uns zu Ende bringen! Zelle & Wert für:
Zelle: A (googlesheetnumber-Objekt aus dem Iterator)
Wert: comment_author Objekt aus dem Webhook-Trigger
Zelle: B (googlesheetnumber-Objekt aus dem Iterator)
Wert: comment_author_email Objekt aus dem Webhook-Trigger
Zelle: C (googlesheetnumber Objekt aus dem Iterator)
Wert: comment_content Objekt aus dem Webhook-Trigger
Zelle: D (googlesheetnumber-Objekt aus dem Iterator)
Wert: aktualisiert
Vergiss nicht, die Änderungen zu speichern!
Wow, die letzte! Füge den Knoten zum rechten Verbindungspunkt des Iterators hinzu und suche in der App-Liste nach "HTTP-Anfrage".
Um sie einzurichten, musst du die URL der Webhook-Aktion auf der Registerkarte Daten empfangen des WP Webhooks-Plugins eingeben. Gehe dann zu Webhook-Aktionen.
In diesem Fall sind wir auf der Suche nach der Aktion "Kommentar löschen". Um diese Aktion durchzuführen, musst du die URL mit &action=delete_comment (siehe Details) und &comment_id={comment_id object} ändern.
Gehe zurück zum Knoten "HTTP-Anfrage" , setze die Methode auf GET und speichere die Änderungen.
Und noch eine Sache! Wenn wir Dinge wie diese hinterlassen, wird dieses Szenario jeden Kommentar löschen.
Wir müssen den Filter einrichten, und so geht's:
Klicke auf die Verbindung zwischen dem Iterator und der HTTP-Anfrage, dann auf "Filter einrichten".
Im geöffneten Fenster gibst du den Namen des Filters in das Feld "Bezeichnung" ein
In das Feld "Bedingung" gibst du die Funktion "contains" aus dem Fenster Operators ein und nach der ersten Lücke das Objekt comment_id aus dem Webhook-Trigger. Und nach dem Semikolon fügst du"https://" ein. So wird jeder Kommentar, der den Anfang des Links enthält, gelöscht.
Das war's! Probieren wir es aus!
Lass uns 2 Kommentare hinterlassen: einen mit dem Link und einen ohne, um zu sehen, wie es funktioniert.
Beide Kommentare sind jetzt in meinem Google Spreadsheet.
Und genau so hat das Szenario reagiert:
Im Fall des Kommentars ohne Link wurde der HTTP-Knoten nicht aktiviert, siehe:
Und das mit dem Kommentar:
Tja, das war's dann wohl für heute! Ich hoffe, dieser Artikel war hilfreich für dich!
Wie ich versprochen habe Hier kannst du dieses Szenario als fertige Vorlage kopieren, aber wenn du wirklich gerne Dinge automatisierst, bist du in unserer Latenode Discord-Communitywo du Hilfe von unserer wachsenden Low-Code-Enthusiasten-Community, unseren Entwicklern und mir finden kannst!
Verwandte Artikel:
