Modèle prêt
Daniel
Expert No-code, Ambassadeur Latenode
12 février 2024
Une plateforme low-code alliant la simplicité du no-code à la puissance du full-code 🚀
Commencez gratuitement
12 février 2024
10
min lire

Automatisez votre site Web WordPress à l'aide du plugin WP webhooks et de Latenode !

Daniel
Expert No-code, Ambassadeur Latenode
Table des matières
Principales sorties:
Améliorez les fonctionnalités de votre site Web WordPress en intégrant le plugin WP Webhooks à Latenode, créant ainsi un système d'automatisation puissant 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 votre site et les applications externes grâce aux capacités d'automatisation de Latenode garantit que votre site Web fonctionne de manière plus efficace et dynamique que jamais.

Salut ! C'est Daniel de Latenode. Si vous avez déjà créé un site Web avec WordPress, vous avez probablement remarqué qu'il n'est pas possible d'envoyer des données WP à des services externes ou de recevoir des données de sources externes sans plugins supplémentaires.

Les Webhooks WP semblent être l’une des solutions les plus populaires dans de tels cas. Grâce à ce plugin, vous pouvez utiliser des webhooks et des requêtes HTTP pour envoyer n'importe quelle donnée depuis votre site Web WP et effectuer n'importe quelle action dessus à distance. Qu'est-ce que cela signifie ? Cela signifie que vous pouvez automatiser votre flux de travail WordPress, et dans cet article, je vais vous montrer comment le faire avec Latenode.com !

La meilleure partie ? En plus des instructions étape par étape, vous pouvez simplement copier l'intégralité du scénario que je vais vous montrer dans cet article ! Vous verrez le lien à la fin de cet article.

Allons-y!

Étape 1 : Installation de WP Webhooks

Téléchargement du plugin

Tout d’abord, allez à Page des webhooks WP et téléchargez le plugin sous forme de fichier zip. Vous n'avez PAS besoin de le décompresser.

Installation

Après cela, sur votre wordpress.com page de gestion du site web, allez :

sur le > Extensions > Ajouter un nouveau Brancher > Téléchargement

Choisissez ensuite l'archive zip que vous venez de télécharger et attendez que le plugin s'installe.

Vous verrez les Webhooks WP dans l'onglet de votre plugin. Cliquez sur Paramètres pour commencer à automatiser votre site Web !

Étape 2 : Présentation des paramètres

Vous verrez différents onglets dans les paramètres de WP Webhooks, mais en utilisant un plan gratuit, vous n'en aurez besoin que de deux : Envoyer des données et recevoir des données.

Envoyer des données

Cet onglet contient :

  1. Liste des déclencheurs disponibles. En d'autres termes, vous pouvez choisir ici quel événement sur votre site Web déclenchera l'exécution d'un flux de travail d'automatisation que vous allez créer.
  2. Description du déclencheur sélectionné.

Recevoir des données

Ici vous pouvez trouver:

  1. URL des actions Webhooks avec une clé API. Vous en avez déjà un depuis le début.
  2. Liste des actions disponibles avec descriptions

Étape 3 : Automatiser votre site Web

Eh bien, il est temps d’automatiser !

C'est l'idée du scénario d'automatisation que j'ai imaginé :

Lorsqu'un utilisateur laisse un commentaire sur mon site, le pseudo de l'utilisateur, son adresse 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.

Cela fonctionne bien à la fois pour recueillir des commentaires et pour modérer, n'est-ce pas ? En fait, j'ai déjà créé ce scénario sur latenode.com, regarde:

Laissez-moi vous expliquer ce qui se passe ici :

  1. Le premier est le déclencheur du webhook qui active le scénario à chaque fois qu'un nouveau commentaire sur ma page apparaît et récupère toutes les données de commentaire requises.
  2. Ce nœud Google Sheets génère une nouvelle ligne vide dans ma feuille de calcul.
  3. Le prochain nœud Google Sheets recherche la ligne qui a une valeur « vide » dans la colonne d'état.
  4. Itérateur traite la valeur du nœud précédent. Les nœuds connectés au point supérieur sont exécutés en premier.
  5. Ces feuilles de calcul Google les nœuds mettent à jour les cellules avec des informations de commentaire et modifient le statut en « mis à jour »
  6. Puis va Noeud de requête HTTP qui supprime le commentaire. Il est activé uniquement s'il y a un lien dans le commentaire.

Mais vous n’avez pas besoin de construire ce scénario vous-même ! Copiez-le simplement à partir du lien à la fin de l'article ! Et maintenant, il est temps de vous montrer chaque étape de la création de ce flux de travail d'automatisation, c'est parti !

Créer un nouveau scénario

Cliquez sur Latenode.com, connectez-vous à votre compte et cliquez sur le bouton violet dans le coin supérieur gauche de la page. Après cela, vous vous retrouverez sur l'onglet de création du scénario.

Renommez votre scénario, sinon il s'appellera « sans titre ». Après cela, enregistrez les modifications.
Essayez de le faire à chaque fois que vous changez ou modifiez votre scénario. La sécurité avant tout !

Déclencheur Webhook

Maintenant, cliquez sur Ajouter un nœud et sélectionnez le déclencheur de webhook. Ensuite, cliquez sur le nœud que vous avez ajouté et copier le lien du webhookN'oubliez pas le bouton « Enregistrer » !

La prochaine chose que vous devez faire est de choisir le « commentaire créé » déclenchez dans l'onglet Envoyer des données du plugin WP Webhooks et cliquez sur le « Ajouter l'URL du webhook » .

Après cela, nommez le déclencheur et insérez l’URL du webhook à partir du scénario Latenode.

Et si vous cliquez sur le "déployer" bouton (à côté de « enregistrer »), puis « Envoyer une démo » (section actions du déclencheur WH), vous verrez que la connexion fonctionne déjà, sympa !

Google Sheets : ajouter une seule ligne

Maintenant, cliquez sur « ajouter un nœud », recherchez le groupe de feuilles Google et choisissez « ajouter une seule ligne ».

Inscrivez-vous avec Google pour obtenir un jeton d'autorisation, sélectionnez ensuite le chemin de la feuille de calcul nécessaire.

La réponse pour « La première ligne de la feuille comporte-t-elle des en-têtes ? » est « oui ». Puis écrire « vide » dans le « statut » champ et enregistrez les modifications.

Google Sheets : rechercher une ligne

Vous trouverez ce nœud de la même manière que le précédent, mais vous devez maintenant sélectionner le « Rechercher une ligne » nœud.Les

Choisissez le même jeton d’autorisation et le chemin d'accès à votre feuille de calcul.

Dans la section colonne, insérez « D »(si vous utilisez la feuille que j'ai fournie), et « vide » en valeur.

En termes simples, ce nœud indique où insérer les données de commentaire, le statut « vide » est un marqueur.

Itérateur

Avant d'ajouter l'itérateur, exécutez une fois deux nœuds Google Sheets dont vous avez besoin pour faire circuler les données.

Après cela, cliquez sur « ajouter un nœud » et choisissez « autres outils ». Vous le trouverez ici.

Pour le configurer, placez simplement l'objet de résultats du nœud précédent dans « données à itérer » champ. Exécutez-le ensuite une fois et enregistrez les modifications.

Google Sheets : mettre à jour la cellule x4

À cette étape, nous remplissons les cellules de la feuille de calcul avec les prénom, email et commentaire de l'utilisateur et changer Statut « vide » à « mis à jour »C'est pourquoi 4 nœuds sont nécessaires.

Cliquez sur « ajouter un nœud », puis accédez à nouveau à Google Sheets et sélectionnez le « Mettre à jour la cellule » nœud.

Insérez à nouveau votre jeton d'autorisation et choisissez le chemin de la feuille de calcul.

Ces actions sont les mêmes pour les 4 nœuds, vous pouvez donc enregistrer celui-ci et simplement le copier !

Pour ce faire, faites simplement un clic droit sur le nœud, puis « copiez » et collez-le n’importe où !

Puis, connectez-les au point supérieur de l'itérateur.

Pour éviter toute confusion, renommez les nœuds pour leur donner un aspect différent.

Maintenant, terminons-les ! Cellule et valeur pour :

  1. Nom

Cellule : A (objet googlesheetnumber de l'itérateur)

Valeur : objet comment_author du déclencheur webhook

  1. Email

Cellule : B (objet googlesheetnumber de l'itérateur)

Valeur : objet comment_author_email du déclencheur webhook

  1. Commentaires

Cellule : C (objet googlesheetnumber de l'itérateur)

Valeur : objet comment_content du déclencheur webhook

  1. Statut

Cellule : D (objet googlesheetnumber de l'itérateur)

Valeur : mise à jour

N'oubliez pas de sauvegarder les modifications !

Requête HTTP

Waouh, le dernier ! Ajoutez le nœud au bon point de connexion de l'itérateur, recherchez «Requête HTTP" dans la liste des applications.

Pour le configurer, vous devez placez l'URL de l'action Webhook depuis l'onglet Recevoir les données du plugin WP Webhooks. Accédez ensuite aux actions Webhook.

Dans ce cas, nous recherchons le «Supprimer le commentaire" action. Pour effectuer cette action, vous devrez modifier l'URL avec &action=delete_comment (vérifiez les détails) et &comment_id={objet comment_id}.

Retour à la «« Requête HTTP » nœud, définir la méthode comme GET et enregistrez les modifications.

Et encore une chose! Si nous laissons les choses comme ça, ce scénario supprimera tous les commentaires.

Nous devons configurer le filtre, et voici comment procéder :

Cliquez sur la connexion entre l'itérateur et la requête HTTP, alors « Configurer le filtre ».Les

Dans la fenêtre ouverte, insérez le nom du filtre dans le champ "Étiqueter" champ

In "condition" champ, mettre "contient" fonction de la fenêtre Opérateurs, après le premier espace mettre comment_id objet du déclencheur webhook. Et après le point-virgule, mettez «https://”. Ainsi, chaque commentaire qui contient le début du lien est supprimé.

Voilà, c'est tout ! Testons-le !

Tester

Laissons 2 commentaires : un avec le lien et un sans, et voyez comment cela fonctionne.

Les deux commentaires sont maintenant dans ma feuille de calcul Google.

Et voilà comment le scénario a réagi :

Dans le cas du commentaire sans le lien, le nœud HTTP n'a pas été activé, regardez :

Et celui avec le commentaire :

Pour aller plus loin

Bon, je pense que c'est tout pour aujourd'hui ! J'espère que cet article vous a été utile !

Comme je l'ai promis Ici vous pouvez copier ce scénario est un modèle prêt à l'emploi, mais si vous aimez vraiment automatiser les choses, vous êtes le bienvenu sur notre Communauté Discord de Latenode, où vous pourrez trouver de l'aide auprès de notre communauté grandissante de passionnés de low-code, de nos développeurs et de moi-même !

Les

Articles Liés:

Première demandeDeuxième demande

Essayez maintenant

Blogs connexes

Cas d'utilisation

Soutenu par