Modèle prêt
%201.png)
Daniel
Expert en No-code, Latenode Ambassadeur
12 février 2024
%20(1)%20(1).png)
.png)
.svg){kind=icon}
Principaux enseignements :
Élève les fonctionnalités de ton site Web WordPress en intégrant le plugin WP Webhooks à Latenode, créant ainsi un puissant système d'automatisation qui rationalise les flux de travail, améliore l'engagement des utilisateurs et simplifie la gestion du contenu en toute simplicité. Cette connexion transparente entre ton site et les applications externes grâce aux capacités d'automatisation de Latenode'assure que ton site Web fonctionne de manière plus efficace et dynamique que jamais.
Bonjour, c'est Daniel de Latenode. Si tu as déjà créé un site Web avec WordPress, tu as probablement remarqué qu'il n'est pas possible d'envoyer les données de WP à des services externes, ou de recevoir des données de sources externes sans plugins supplémentaires.
WP Webhooks semble être l'une des solutions les plus populaires dans de tels cas. Grâce à ce plugin, tu peux utiliser les webhooks et les requêtes HTTP pour envoyer n'importe quelle donnée de ton site WP et effectuer n'importe quelle action dessus à distance. Qu'est-ce que cela signifie ? Cela signifie que tu peux automatiser ton flux de travail WordPress, et dans cet article, je vais te montrer comment le faire avec Latenode.com !
Le meilleur ? En plus d'une instruction étape par étape, tu peux simplement copier tout le scénario que je vais te montrer dans cet article ! Tu verras le lien à la fin de cet article.
C'est parti !
Tout d'abord, va sur la page Page WP webhooks et télécharge le plugin sous forme de fichier zip. Tu n'as PAS besoin de le décompresser.
Ensuite, sur ton wordpress.com tu peux aller sur la page de gestion de ton site wordpress.com :
Mon site > Plugins > Ajouter un nouveau plugin > Télécharger
Choisis ensuite l'archive zip que tu viens de télécharger et attends que le plugin s'installe.
Tu verras les WP Webhooks dans l'onglet de ton plugin. Clique sur Paramètres pour commencer à automatiser ton site web !
Tu verras plusieurs onglets dans les paramètres de WP Webhooks, mais en utilisant un plan gratuit, tu n'auras besoin que de deux d'entre eux : Envoyer des données et Recevoir des données.
Cet onglet contient :
Ici, tu peux trouver :
Eh bien, il est temps d'automatiser !
C'est l'idée du scénario d'automatisation que j'ai imaginé :
Dès qu'un utilisateur laisse un commentaire sur mon site, son pseudo, son e-mail et le commentaire lui-même sont automatiquement envoyés à mon formulaire Google Sheets. Si le commentaire contient des liens, ils seront supprimés.
Ça marche très bien à la fois pour recueillir les commentaires et pour modérer, n'est-ce pas ? En fait, j'ai déjà réalisé ce scénario sur latenode.comjette un coup d'œil :
Laisse-moi t'expliquer ce qui se passe ici :
Mais tu n'as pas besoin de construire ce scénario tout seul ! Il te suffit de le copier à partir du lien qui se trouve à la fin de l'article ! Et maintenant, il est temps de te montrer chacune des étapes de la création de ce workflow d'automatisation, c'est parti !
Va à Latenode.com, connecte-toi à ton compte et clique sur le bouton violet dans le coin supérieur gauche de la page. Après cela, tu te trouveras sur l'onglet de création du scénario.
Renomme ton scénario, sinon, il s'appellera "sans titre". Ensuite, enregistre les modifications.
Essaie de le faire chaque fois que tu changes ou modifies ton scénario. La sécurité avant tout !
Maintenant, clique sur ajouter un nœud, et sélectionne le déclencheur webhook. Ensuite, clique sur le nœud que tu as ajouté et copie le lien du webhook. N'oublie pas le bouton "enregistrer" !
La prochaine chose à faire est de choisir le déclencheur "commentaire créé" dans l'onglet Envoyer des données du plugin WP Webhooks et de cliquer sur le bouton "Ajouter une URL de webhook".
Ensuite, nomme le déclencheur et insère l'URL du webhook du scénario Latenode .
Et si tu cliques sur le bouton "deploy" (à côté de "save"), puis sur "send demo" (section actions du WH trigger), tu verras que la connexion fonctionne déjà, super !
Maintenant, clique sur "ajouter un nœud", cherche le groupe Google sheets, et choisis "ajouter une seule ligne".
Connecte-toi à Google pour obtenir un jeton d'autorisation, puis sélectionne le chemin de la feuille de calcul nécessaire.
La réponse à la question "La première ligne de la feuille a-t-elle des en-têtes ?" est "oui". Ensuite, écris "vide" dans le champ "statut" et enregistre les modifications.
Tu trouveras ce nœud de la même manière qu'un nœud précédent, mais tu dois maintenant sélectionner le nœud "Trouver la ligne".
Choisis le même jeton d'autorisation et le chemin d'accès à ta feuille de calcul.
Dans la section colonne, insère "D"(si tu utilises la feuille que je t'ai fournie), et "vide" en valeur.
Pour faire simple, ce nœud indique où insérer les données des commentaires, le statut "vide" est un marqueur.
Avant d'ajouter l'itérateur, exécute une fois deux nœuds Google Sheets que tu dois faire circuler les données.
Après cela, clique sur "ajouter un nœud" et choisis "autres outils". C'est là que tu le trouveras.
Pour le mettre en place, place simplement l'objet des résultats du nœud précédent dans le champ "data to iterate". Ensuite, exécute-le une fois et enregistre les modifications.
À cette étape, nous remplissons les cellules de la feuille de calcul avec le nom, l'email et le commentaire de l'utilisateur, et nous changeons le statut "vide" en "mis à jour". C'est pourquoi 4 nœuds sont nécessaires.
Clique sur "ajouter un nœud", puis va à nouveau dans google sheets et choisis le nœud "Mettre à jour la cellule" .
Insère à nouveau ton jeton d'autorisation et choisis le chemin de la feuille de calcul.
Ces actions sont les mêmes pour les 4 nœuds, tu peux donc enregistrer celle-ci et la copier simplement !
Pour cela, il suffit de faire un clic droit sur le nœud, puis de "copier" et de le coller n'importe où !
Ensuite, relie-les au point supérieur de l'itérateur.
Pour éviter toute confusion, renomme les nœuds pour qu'ils aient un aspect différent.
Maintenant, finissons-en avec eux ! Cellule et valeur pour :
Cellule : A (objet googlesheetnumber de l'Iterator)
Valeur : objet comment_author du déclencheur webhook
Cellule : B (objet googlesheetnumber de l'Iterator)
Valeur : objet comment_author_email du déclencheur webhook.
Cellule : C (objet googlesheetnumber de l'Iterator)
Valeur : objet comment_content du déclencheur webhook.
Cellule : D (objet googlesheetnumber de l'Iterator)
Valeur : mise à jour
N'oublie pas d'enregistrer les modifications !
Wow, le dernier ! Ajoute un nœud au point de connexion droit de l'itérateur, cherche "requête HTTP" dans la liste des apps.
Pour le mettre en place, tu dois mettre l'URL de l'action Webhook à partir de l'onglet Recevoir des données du plugin WP Webhooks. Ensuite, va dans les actions de crochet Web.
Dans ce cas, nous recherchons l'action "Supprimer le commentaire". Pour effectuer cette action, tu devras modifier l'URL avec &action=delete_comment (vérifie les détails) et &comment_id={objet_id_commentaire}.
Retourne au nœud "requête HTTP" , définis la méthode comme GET et enregistre les modifications.
Et encore une chose ! Si nous laissons des choses comme ça, ce scénario supprimera tous les commentaires.
Il faut mettre en place le filtre, et c'est comme ça qu'il faut faire :
Clique sur la connexion entre l'Iterator et HTTP-request, puis sur "set up filter".
Dans la fenêtre ouverte, insère le nom du filtre dans le champ "Étiquette".
Dans le champ "condition", mets la fonction "contains" de la fenêtre Operators, après le premier espace mets l' objet comment_id du déclencheur webhook. Et après le point-virgule, mets"https://". Ainsi, tous les commentaires qui contiennent le début du lien sont supprimés.
Voilà, c'est fait ! Testons-le !
Laissons 2 commentaires : l'un avec le lien et l'autre sans, et voyons comment cela fonctionne.
Les deux commentaires sont maintenant dans ma feuille de calcul Google.
Et c'est ainsi que le scénario a réagi :
Dans le cas du commentaire sans lien, le nœud HTTP n'a pas été activé, regarde :
Et celui avec le commentaire :
Eh bien, je crois que c'est tout pour aujourd'hui ! J'espère que cet article t'a été utile !
Comme je l'ai promis Ici, tu peux copier ce scénario comme un modèle prêt à l'emploi, mais si tu aimes vraiment automatiser des choses, tu es le bienvenu dans notre Latenode communauté Discordoù tu pourras trouver de l'aide auprès de notre communauté grandissante de passionnés du low-code, de nos développeurs et de moi-même !
Articles connexes :
