Fertige Vorlage
%201.png)
Matthias
No-Code-Experte, Latenode-Botschafter
12. Februar 2024
.png)
.svg){kind=icon}
Die zentralen Thesen:
Erhöhen Sie die Funktionalität Ihrer WordPress-Website, indem Sie das WP Webhooks-Plugin mit Latenode integrieren. So erstellen Sie ein leistungsstarkes Automatisierungssystem, das Arbeitsabläufe optimiert, die Benutzereinbindung verbessert und die Inhaltsverwaltung vereinfacht. Diese nahtlose Verbindung zwischen Ihrer Site und externen Anwendungen durch die Automatisierungsfunktionen von Latenode stellt sicher, dass Ihre Website effizienter und dynamischer als je zuvor funktioniert.
Hallo! Hier ist Daniel von Latenode. Wenn Sie schon einmal eine Website mit WordPress erstellt haben, ist Ihnen wahrscheinlich aufgefallen, dass es ohne zusätzliche Plug-Ins nicht möglich ist, WP-Daten an externe Dienste zu senden oder Daten von externen Quellen zu empfangen.
WP Webhooks scheinen in solchen Fällen eine der beliebtesten Lösungen zu sein. Dank dieses Plugins können Sie Webhooks und HTTP-Anfragen verwenden, um beliebige Daten von Ihrer WP-Website zu senden und aus der Ferne beliebige Aktionen darauf auszuführen. Was bedeutet das? Es bedeutet, dass Sie Ihren WordPress-Workflow automatisieren können, und in diesem Artikel zeige ich Ihnen, wie das mit Latenode.com geht!
Das Beste daran? Neben einer Schritt-für-Schritt-Anleitung können Sie einfach das gesamte Szenario kopieren, das ich Ihnen in diesem Artikel zeige! Den Link finden Sie am Ende dieses Artikels.
Los geht's!
Das Wichtigste zuerst: Gehen Sie zu WP-Webhook-Seite und laden Sie das Plugin als ZIP-Datei herunter. Sie müssen es NICHT entpacken.
Danach auf deinem wordpress.com Gehen Sie zur Website-Verwaltungsseite:
Meine Seite > Plugins > Inserat erstellen Plugin > Hochladen
Wählen Sie dann das gerade heruntergeladene ZIP-Archiv aus und warten Sie, bis das Plugin installiert ist.
Sie sehen die WP Webhooks in Ihrem Plugin-Tab. Klicken Sie auf Einstellungen, um mit der Automatisierung Ihrer Website zu beginnen!
In den WP Webhooks-Einstellungen werden Ihnen verschiedene Registerkarten angezeigt. Bei Verwendung des kostenlosen Plans benötigen Sie jedoch nur zwei davon: Daten senden und Daten empfangen.
Diese Registerkarte enthält:
Hier kannst du finden:
Nun ist es Zeit zu automatisieren!
Das ist die Idee des Automatisierungsszenarios, das ich mir ausgedacht habe:
Sobald ein Benutzer einen Kommentar auf meiner Website hinterlässt, werden der Spitzname des Benutzers, seine E-Mail-Adresse und der Kommentar selbst automatisch an mein Google Sheets-Formular gesendet. Wenn der Kommentar Links enthält, werden diese gelöscht.
Funktioniert sowohl zum Sammeln von Feedback als auch zum Moderieren gut, nicht wahr? Tatsächlich habe ich dieses Szenario bereits auf latenode.com, schau mal rein:
Lassen Sie mich erklären, was hier passiert:
Sie müssen dieses Szenario aber nicht alleine erstellen! Kopieren Sie es einfach über den Link am Ende des Artikels! Und jetzt ist es an der Zeit, Ihnen jeden einzelnen Schritt zur Erstellung dieses Automatisierungsworkflows zu zeigen. Los geht‘s!
Gehen Sie zu Latenode.com, melden Sie sich bei Ihrem Konto an und klicken Sie auf die violette Schaltfläche in der oberen linken Ecke der Seite. Danach gelangen Sie zur Registerkarte „Szenario erstellen“.
Benennen Sie Ihr Szenario um, andernfalls heißt es „ohne Titel“. Speichern Sie anschließend die Änderungen.
Versuchen Sie dies jedes Mal zu tun, wenn Sie Ihr Szenario ändern oder modifizieren. Sicherheit geht vor!
Klicken Sie nun auf Knoten hinzufügen und wählen Sie den Webhook-AuslöserKlicken Sie dann auf den Knoten, den Sie hinzugefügt haben, und Kopieren Sie den Webhook-Link. Vergessen Sie nicht die Schaltfläche „Speichern“!
Als nächstes wählen Sie die „Kommentar erstellt“ Trigger in der Registerkarte Daten senden des WP Webhooks-Plugins und klicken Sie auf den „Webhook-URL hinzufügen“ .
Benennen Sie anschließend den Trigger und fügen Sie die Webhook-URL aus dem Latenode-Szenario ein.
Und wenn Sie auf das "einsetzen" (neben „Speichern“) und dann „Demo senden“ (Abschnitt „Aktionen“ des WH-Triggers), werden Sie sehen, dass die Verbindung bereits funktioniert, schön!
Klicken Sie nun auf „Knoten hinzufügen“, suchen Sie nach der Google Sheets-Gruppe und wählen Sie „einzelne Zeile hinzufügen“.
Melden Sie sich bei Google an um ein Autorisierungstoken zu erhalten, wählen Sie dann den Pfad der benötigten Tabelle aus.
Die Antwort auf „Hat die erste Zeile des Blattes Überschriften?“ lautet „ja“. Dann schreibe „leer“ im „Status“ und speichern Sie die Änderungen.
Sie finden diesen Knoten auf die gleiche Weise wie den vorherigen, aber jetzt müssen Sie den „Zeile suchen“ Knoten.Es gibt einen Teil der ...
Wählen Sie das gleiche Autorisierungstoken und den Pfad für Ihre Tabelle.
Fügen Sie im Spaltenabschnitt „D“ ein.(wenn Sie das von mir bereitgestellte Blatt verwenden), und „leer“ im Wert.
Einfach ausgedrückt zeigt dieser Knoten an, wo Kommentardaten eingefügt werden sollen. Der Status „leer“ ist eine Markierung.
Bevor Sie den Iterator hinzufügen, Führen Sie einmal zwei Google Sheets-Knoten aus, damit die Daten fließen können.
Klicken Sie anschließend auf „Knoten hinzufügen“ und wählen Sie „andere Werkzeuge“. Hier werden Sie fündig.
Um es einzurichten, platzieren Sie einfach das Ergebnisobjekt vom vorherigen Knoten in „zu iterierende Daten“ Feld. Führen Sie es dann einmal aus und speichern Sie die Änderungen.
In diesem Schritt füllen wir die Zellen der Tabelle mit den Name, E-Mail und Kommentar des Benutzers und ändern Status „leer“ auf „aktualisiert“. Deshalb werden 4 Knoten benötigt.
Klicken Sie auf „Knoten hinzufügen“, gehen Sie dann erneut zu Google Sheets und wählen Sie den „Zelle aktualisieren“ Knoten.
Geben Sie erneut Ihr Autorisierungstoken ein und wählen Sie den Pfad der Tabelle.
Diese Aktionen sind für alle 4 Knoten gleich, Sie können diese also speichern und einfach kopieren!
Klicken Sie hierzu einfach mit der rechten Maustaste auf den Knoten, „kopieren“ Sie ihn und fügen Sie ihn an einer beliebigen Stelle ein!
Dann, Verbinden Sie sie mit dem oberen Punkt des Iterators.
Um Verwirrung zu vermeiden, benennen Sie die Knoten um, damit sie anders aussehen.
Jetzt lasst uns sie fertig machen! Zelle & Wert für:
Zelle: A (GoogleSheetNumber-Objekt vom Iterator)
Wert: comment_author-Objekt aus dem Webhook-Trigger
Zelle: B (Google Sheet Number-Objekt vom Iterator)
Wert: comment_author_email-Objekt vom Webhook-Trigger
Zelle: C (Google Sheet Number-Objekt vom Iterator)
Wert: comment_content-Objekt vom Webhook-Trigger
Zelle: D (GoogleSheetNumber-Objekt vom Iterator)
Wert: aktualisiert
Vergessen Sie nicht, die Änderungen zu speichern!
Wow, der Letzte! Fügen Sie den Knoten zum richtigen Verbindungspunkt des Iterators hinzu und suchen Sie nach „HTTP-Anfrage“ in der App-Liste.
Um es einzurichten, müssen Sie Geben Sie die Webhook-Aktions-URL aus der Registerkarte „Daten empfangen“ des WP-Webhooks-Plugins ein. Gehen Sie dann zu Webhook-Aktionen.
In diesem Fall suchen wir nach dem „Kommentar löschen”-Aktion. Um diese Aktion auszuführen, müssen Sie die URL mit &action=delete_comment (überprüfen Sie die Details) und &comment_id={comment_id object} ändern.
Zurück zur „HTTP-Anfrage“ Knoten, Legen Sie die Methode als GET fest. und speichern Sie die Änderungen.
Und noch etwas! Wenn wir die Dinge so belassen, werden in diesem Szenario alle Kommentare gelöscht.
Wir müssen den Filter einrichten, und so geht's:
Klicken Sie auf die Verbindung zwischen Iterator und HTTP-Anfrage, dann „Filter einrichten“.Es gibt einen Teil der ...
Geben Sie im geöffneten Fenster den Namen des Filters in das Feld ein. "Etikett" Feld
In "Zustand" Feld, setzen „enthält“ Funktion aus dem Operatorenfenster, nach der ersten Lücke Kommentar-ID eingeben Objekt vom Webhook-Trigger. Und nach dem Semikolon setzen Sie „https://”. Daher wird jeder Kommentar gelöscht, der den Link am Anfang enthält.
Das ist es! Lass es uns ausprobieren!
Hinterlassen wir 2 Kommentare: Eines mit Link und eines ohne, und sehen Sie, wie es funktioniert.
Beide Kommentare sind jetzt in meiner Google-Tabelle.
Und so reagierte das Szenario:
Falls beim Kommentar ohne Link der HTTP-Knoten nicht aktiviert wurde, schauen Sie:
Und das mit dem Kommentar:
So, das war’s für heute! Ich hoffe, dieser Artikel war hilfreich für Sie!
Wie versprochen Hier können Sie kopieren Dieses Szenario ist eine fertige Vorlage, aber wenn Sie wirklich gerne Dinge automatisieren, sind Sie herzlich willkommen zu unserem Latenode Discord-Community, wo Sie Hilfe von unserer wachsenden Community von Low-Code-Enthusiasten, unseren Entwicklern und mir erhalten!
Es gibt einen Teil der ...
In Verbindung stehende Artikel:
Anwendung eins + Anwendung zwei
