Fertige Vorlage
Daniel
No-Code-Experte, Latenode Botschafterin
12. Februar 2024
Eine Low-Code-Plattform, die die Einfachheit von No-Code mit der Leistungsfähigkeit von Full-Code verbindet 🚀.
Jetzt kostenlos loslegen
12. Februar 2024
-
10
min lesen

Automatisiere deine WordPress-Website mit dem WP Webhooks Plugin & Latenode!

Daniel
No-Code-Experte, Latenode Botschafterin
Inhaltsübersicht
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!

Schritt 1: WP Webhooks Installation

Plugin herunterladen

Das Wichtigste zuerst: Geh auf die WP Webhooks-Seite und lade das Plugin als Zip-Datei herunter. Du musst es NICHT entpacken.

Installation

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!

Schritt 2: Übersicht über die Einstellungen

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.

Daten senden

Diese Registerkarte enthält:

  1. Liste der verfügbaren Auslöser. Mit anderen Worten: Hier kannst du auswählen, welches Ereignis auf deiner Website die Ausführung eines Automatisierungsworkflows auslöst, den du erstellen willst.
  2. Beschreibung des ausgewählten Auslösers.

Daten empfangen

Hier kannst du sie finden:

  1. Webhooks Actions URL mit einem API-Schlüssel. Du hast bereits einen von Anfang an.
  2. Liste der verfügbaren Aktionen mit Beschreibungen

Schritt 3: Automatisieren deiner Website

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:

  1. Der erste ist der Webhook-Trigger, der das Szenario jedes Mal aktiviert, wenn ein neuer Kommentar auf meiner Seite erscheint, und alle erforderlichen Kommentardaten erhält.
  2. Dieser Google Sheets-Knotenpunkt erzeugt eine neue leere Zeile in meinem Tabellenblatt.
  3. Der nächste Google Sheets-Knoten sucht nach der Zeile, die einen "leeren" Wert in der Status-Spalte hat.
  4. Der Iterator verarbeitet den Wert des vorherigen Knotens. Knoten, die mit dem oberen Punkt verbunden sind, werden zuerst ausgeführt.
  5. Diese Google Sheets-Knoten aktualisieren Zellen mit Kommentarinformationen und ändern den Status auf "aktualisiert".
  6. Dann folgt ein HTTP-Anfrageknoten, der den Kommentar löscht. Er wird nur aktiviert, wenn ein Link im Kommentar vorhanden ist.

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!

Ein neues Szenario erstellen

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!

Webhook-Auslöser

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!

Google Sheets: Einzelne Zeile hinzufügen

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.

Google Sheets: Zeile finden

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.

Iterator

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.

Google Sheets: Zelle x4 aktualisieren

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:

  1. Name

Zelle: A (googlesheetnumber-Objekt aus dem Iterator)

Wert: comment_author Objekt aus dem Webhook-Trigger

  1. E-Mail

Zelle: B (googlesheetnumber-Objekt aus dem Iterator)

Wert: comment_author_email Objekt aus dem Webhook-Trigger

  1. Kommentar

Zelle: C (googlesheetnumber Objekt aus dem Iterator)

Wert: comment_content Objekt aus dem Webhook-Trigger

  1. Status

Zelle: D (googlesheetnumber-Objekt aus dem Iterator)

Wert: aktualisiert

Vergiss nicht, die Änderungen zu speichern!

HTTP-Anfrage

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!

Ausprobieren

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:

Fazit

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:

Verwandte Blogs

Anwendungsfall

Unterstützt von