Comment automatiser les alertes de changement de site web avec Zapier ou n8n

Un concurrent augmente son offre Pro de 29 $ à 39 $. Votre outil de surveillance détecte le changement. Ensuite, quelqu'un copie le résumé dans une page Notion, ouvre manuellement un ticket Jira et transfère la capture d'écran aux commerciaux sur Slack. Au moment où le deal desk en prend connaissance, la moitié de l'équipe a déjà eu vent d'une version approximative de la nouvelle lors d'une discussion informelle.

Cette étape de copier-coller est précisément celle qui pose problème. Vous disposez déjà de Zapier ou n8n pour mettre à jour votre CRM, créer des tickets et générer des récapitulatifs. Ce dont vous avez besoin, c'est d'un événement propre émis par le moniteur de page, que ces outils peuvent capturer et acheminer.

Je travaille chez Page Deltas, gardez-le à l'esprit si je mentionne Visualping ci-dessous. Page Deltas surveille les pages web publiques, filtre les changements à l'aide d'un prompt d'IA et peut envoyer un webhook JSON signé en POST dès qu'un élément correspond. Il n'existe pas d'application native Page Deltas sur Zapier. La méthode consiste à configurer un canal webhook générique vers l'étape Catch Hook de Zapier ou le nœud Webhook de n8n, puis d'enclencher vos flux automatisés existants. Cet article détaille cette configuration de bout en bout.

Pourquoi une simple notification de chat ne suffit pas

Slack (ou Teams, ou Discord) convient parfaitement lorsqu'une seule personne a besoin de jeter un coup d'œil à un changement. Cela montre ses limites dès lors que le même événement doit alimenter trois systèmes distincts. L'équipe commerciale souhaite une note sur le compte CRM. L'équipe opérations a besoin d'un ticket avec les captures d'écran avant et après. La direction préfère un récapitulatif hebdomadaire plutôt que vingt notifications polluantes.

Vous pouvez relier chacune de ces destinations à la main, ou bien traiter l'alerte comme un événement unique et laisser Zapier ou n8n le diffuser. Page Deltas prend déjà en charge Slack, Discord, Teams, l'e-mail et les webhooks signés sur tous les forfaits, y compris le forfait Gratuit. Si vous avez uniquement besoin d'un canal de discussion, notre guide Slack vous suffira. Cet article s'adresse aux cas où l'alerte doit déclencher un flux opérationnel automatisé.

Visualping propose un vaste catalogue de modèles Zapier et n8n, et intègre n8n sur tous ses forfaits. Avec l'offre gratuite de Visualping, vous disposez de 5 pages, 150 vérifications par mois et un intervalle minimal de 60 minutes, avec webhooks inclus ; Slack et Teams sont réservés au forfait Business. Le forfait Gratuit de Page Deltas couvre 10 URL surveillées, des vérifications illimitées au meilleur effort, le filtrage et les résumés par IA, ainsi que Slack, Teams, Discord, l'e-mail et les webhooks, sans carte de crédit. Choisissez selon que vous privilégiez la surveillance de zones de pixels (Visualping) ou les consignes d'IA et les canaux de chat gratuits (chez nous).

À quoi ressemble le webhook

Les canaux sont gérés au niveau de l'organisation. Vous pouvez en définir un par défaut pour les nouveaux moniteurs, et chaque moniteur peut surcharger cette liste. Pour l'automatisation, ajoutez un canal Webhook générique et collez l'URL de votre Catch Hook ou de n8n. La description complète des champs est disponible dans la documentation des canaux.

Lorsqu'un changement filtré est détecté, Page Deltas envoie une requête POST avec un JSON de cette forme :

POST <your URL>
Content-Type: application/json
X-Signature: sha256=<hex>
{
  "event": "change.detected",
  "monitor_id": "...",
  "monitor_url": "https://example.com/pricing",
  "monitor_name": "Page de tarifs du concurrent",
  "change_id": "...",
  "detected_at": "2026-06-01T12:00:00Z",
  "summary": "Le forfait Pro est passé de 29 $ à 39 $/mois.",
  "before_screenshot_url": "https://.../before.png",
  "after_screenshot_url": "https://.../after.png",
  "dashboard_url": "https://app.pagedeltas.com/monitors/..."
}

summary est la phrase en langage naturel que vous associerez au titre des tickets et aux notes du CRM. Les URL des captures d'écran et dashboard_url sont pratiques en pièces jointes ou intégrées dans Notion. X-Signature est un HMAC-SHA256 du corps brut signé avec le secret du canal, affiché une seule fois lors de la création du canal. Calculez le hachage sur les octets bruts avant d'analyser le JSON, sinon la vérification échouera.

L'envoi se fait en une seule tentative par canal, sans nouvel essai automatique. Veillez à ce que le récepteur réponde rapidement, et pour les pages critiques, associez un second canal d'un type différent (webhook + e-mail fonctionne très bien) afin qu'une brève indisponibilité de Zapier ne vous fasse pas manquer un changement.

Commencez par configurer Page Deltas

Configurez d'abord la partie surveillance avant de toucher à Zapier ou n8n. Sinon, vous passerez votre temps à déboguer des Zaps vides connectés à un moniteur qui ne s'est pas encore déclenché.

Créez un compte gratuit et ouvrez Channels. Ajoutez Slack ou l'e-mail si vous souhaitez conserver une notification humaine, puis ajoutez un canal Webhook générique. Laissez l'URL vide un instant si vous n'avez pas encore votre Catch Hook. Vous la collerez après les étapes Zapier ou n8n ci-dessous.
Créez un moniteur pour la page qui vous intéresse (tarifs, changelog, offres d'emploi, conditions d'utilisation, page de statut d'un fournisseur). Rédigez un court brief indiquant ce qu'il faut signaler et ce qu'il faut ignorer. La documentation des filtres explique comment ce brief est appliqué. Sans consigne d'exclusion précise, les pages calmes génèrent tout de même du bruit (horodatages, articles associés, bannières de cookies).
Rattachez le canal webhook à ce moniteur (ou reposez-vous sur les paramètres par défaut de l'organisation). Cliquez sur Send test sur le canal une fois l'URL du Catch Hook ou de n8n enregistrée, pour valider le bon fonctionnement du flux avant qu'un véritable changement ne survienne.
Conservez éventuellement Slack sur le même moniteur. Le chat pour les humains, le webhook pour les machines. Cette séparation est généralement bien plus propre que de demander à Zapier de renvoyer le message dans Slack.

Le forfait Gratuit comprend 10 URL surveillées (un sitemap compte pour une), le filtrage et les résumés par IA, l'API REST et le MCP, un nombre illimité de membres d'équipe et 14 jours d'historique. Les forfaits payants augmentent le plafond d'URL : Starter 29 $ pour 150, Pro 79 $ pour 1 000, Business 199 $ pour 5 000, Scale 499 $ pour 20 000, Enterprise sur devis. Nous ne surveillons pour l'instant que les pages publiques. La surveillance derrière authentification est sur notre feuille de route. La cadence de vérification est adaptative, et les forfaits payants bénéficient d'une priorité en cas d'engorgement de la file.

Réceptionner le webhook dans Zapier ou n8n

Les deux outils utilisent le même canal Webhook générique de Page Deltas. Seul le récepteur change. En l'absence d'application native Page Deltas sur Zapier, Zapier démarre avec un Catch Hook, et n8n démarre avec un nœud Webhook.

Zapier

Créez un Zap avec l'application Webhooks by Zapier en déclencheur et choisissez Catch Hook. Copiez l'URL de webhook personnalisée fournie par Zapier.
Collez cette URL dans votre canal Webhook générique sur Page Deltas et enregistrez. Cliquez sur Send test dans Page Deltas (ou attendez un vrai changement). Dans Zapier, cliquez sur Test trigger et confirmez que l'échantillon contient bien summary, monitor_url et les champs de capture d'écran.
Ajoutez des actions. Exemples fréquents : créer un ticket Jira ou Linear avec summary comme titre et dashboard_url dans la description ; ajouter une ligne dans une base de données Notion ; créer ou mettre à jour une note HubSpot ou Salesforce sur le compte du concurrent ; envoyer un e-mail récapitulatif regroupant plusieurs changements. Mappez les champs issus de l'échantillon du Catch Hook plutôt que de saisir des variables à la main.
Activez le Zap. Envoyez un nouveau test depuis Page Deltas et suivez son exécution à travers chaque action.

Si vous avez besoin de vérifier les signatures, les étapes Zapier Code peuvent calculer le HMAC du corps de requête. Pour une vérification plus robuste, privilégiez n8n ou une fonction intermédiaire devant Zapier, car vous devez manipuler les octets bruts du corps.

n8n

Ajoutez un nœud Webhook, réglez la méthode sur POST et activez le workflow pour que n8n génère une URL de production. Copiez-la dans le canal Webhook générique de Page Deltas (ou dans un second canal webhook si Zapier et n8n doivent tous deux recevoir l'événement).
Envoyez un test depuis Page Deltas. Vérifiez que le nœud Webhook affiche bien le corps JSON et l'en-tête X-Signature.
Optionnel mais recommandé : ajoutez un nœud Code qui recalcule sha256= suivi du HMAC-SHA256 du corps brut avec le secret de votre canal et le compare à X-Signature via une comparaison sécurisée (timing-safe). Rejetez les requêtes non concordantes avant d'exécuter la moindre action CRM ou ticket.
Créez des branches conditionnelles avec un nœud IF ou Switch sur monitor_name ou une sous-chaîne de monitor_url si différentes pages doivent ouvrir des tickets distincts. Ajoutez ensuite des nœuds Jira, Notion, e-mail ou HTTP Request exactement comme pour toute autre source de webhook.
Enregistrez et laissez le workflow actif. Page Deltas ne réessaye pas un envoi échoué : faites en sorte que le nœud Webhook renvoie rapidement un code 2xx et déléguez les tâches plus lentes aux nœuds suivants ou à une file d'attente.

La version auto-hébergée de n8n est particulièrement adaptée lorsque le secret du canal ne doit jamais quitter votre réseau. L'offre cloud de n8n convient quant à elle à la plupart des flux marketing et RevOps. Dans les deux cas, vous assemblez des nœuds standard. Rien ici ne dépend d'un connecteur propriétaire Page Deltas.

Les écueils fréquents et comment les éviter

Quelques limites apparaissent une fois le système en production. De nouveaux champs peuvent être ajoutés au payload au fil du temps : ignorez les clés inconnues au lieu de rejeter tout l'événement. Utilisez change_id comme clé d'idempotence si votre outil de ticketing risque de recevoir des doublons lors d'un rejeu manuel.

Si Zapier ou n8n renvoie un code différent de 2xx, Page Deltas marque cet envoi comme échoué et passe à la suite. Le moniteur continue de tourner. Consultez le journal des tentatives d'envoi dans l'application si un workflow cesse de donner signe de vie. Pour les pages critiques, conservez l'e-mail ou Slack sur le même moniteur comme voie de secours.

Le filtrage par IA n'est efficace que si le brief est précis. Une consigne vague comme « préviens-moi des changements de prix » laissera passer les encarts d'articles suggérés dans la barre latérale. Prenez cinq minutes pour définir la liste des éléments à ignorer avant de construire un Zap en cinq étapes. Et si l'élément que vous surveillez n'est visible qu'après connexion, ni Page Deltas ni un webhook ne pourront le détecter pour l'instant.

D'autres outils de notre gamme couvrent des besoins complémentaires. KWatch.io surveille les mentions de mots-clés sur les réseaux sociaux et le web lorsqu'il ne s'agit pas d'une URL fixe. Pour une page publique déterminée qui évolue sur place, restez sur Page Deltas et automatisez vos actions à partir du webhook.

Commencez par un premier Zap ou workflow

Choisissez une seule page et une seule destination. Envoyer les tarifs d'un concurrent dans une base Notion ou la page de statut d'un fournisseur dans Jira suffit amplement à valider le flux. Créez le moniteur, associez un webhook générique, réceptionnez-le dans Zapier ou n8n, et mappez summary ainsi que dashboard_url. Le forfait Gratuit comprend 10 URL, le filtrage par IA, tous les canaux d'alerte et l'accès API, sans carte de crédit. Commencer à surveiller gratuitement.

Julien, chef de produit chez Page Deltas