Så automatiserar du varningar för webbplatsändringar med Zapier eller n8n

En konkurrent höjer sitt Pro-abonnemang från 29 $ till 39 $. Ditt övervakningsverktyg fångar upp det. Sedan kopierar någon sammanfattningen till en Notion-sida, skapar manuellt ett ärende i Jira och vidarebefordrar skärmdumpen till säljarna via Slack. När affärsledningen (deal desk) väl ser nyheten har halva teamet redan hört en förvrängd version vid kaffeautomaten.

Det manuella steget med att kopiera och klistra in är precis där processen brister. Du har redan Zapier eller n8n för CRM-uppdateringar, ärendehantering och sammanställningar. Vad du saknar är ett rent och strukturerat event från sidbevakaren som dessa verktyg omedelbart kan fånga upp och dirigera vidare.

Jag arbetar på Page Deltas, så ha det i åtanke om jag nämner Visualping längre fram. Page Deltas övervakar öppna webbsidor, filtrerar förändringar med ett AI-brief och kan skicka en signerad JSON-webhook via POST när något matchar. Det finns ingen officiell Page Deltas-app i Zapier. Lösningen är en generisk webhook-kanal kopplad till Zapiers Catch Hook eller n8n:s Webhook-nod, varifrån dina befintliga automatiseringar tar vid. Det här inlägget beskriver hela uppsättningen från start till mål.

Varför en enkel chattnotis inte räcker

Slack (eller Teams, eller Discord) fungerar utmärkt när en enskild person bara snabbt behöver se en ändring. Det räcker inte till när samma händelse ska nå tre olika system: Säljteamet vill ha en anteckning på CRM-kontot. Driftteamet behöver ett ärende med skärmdumpar före och efter. Ledningen föredrar en veckosammanställning framför tjugo störande notifieringar.

Du kan koppla ihop varje destination manuellt, eller så hanterar du aviseringen som ett samlat event och låter Zapier eller n8n distribuera det. Page Deltas stöder Slack, Discord, Teams, e-post och signerade webhooks på alla planer, inklusive vår kostnadsfria Free-plan. Om du bara behöver en chattruta räcker vår Slack-guide. Det här inlägget är till för de lägen där larmet ska driva ett helt arbetsflöde.

Visualping har ett stort bibliotek med färdiga mallar för Zapier och n8n och inkluderar n8n i alla planer. I Visualpings gratisabonnemang får du 5 sidor, 150 kontroller i månaden och ett lägsta intervall på 60 minuter med webhooks; Slack och Teams kräver Business-planen. Page Deltas Free omfattar 10 övervakade URL:er, obegränsade kontroller efter bästa förmåga, AI-filtrering och sammanfattningar samt Slack, Teams, Discord, e-post och webhooks utan krav på betalkort. Välj utifrån om du prioriterar pixelområdesbevakning (Visualping) eller AI-briefs och kostnadsfria chattkanaler (hos oss).

Hur webhooken är uppbyggd

Kanaler hanteras på organisationsnivå. Du kan markera en kanal som standard för nya övervakningar, och varje monitor kan anpassa listan. För automatisering lägger du till en generisk Webhook-kanal och klistrar in URL:en till Catch Hook eller n8n. Fullständiga fältbeskrivningar finns i kanaldokumentationen.

När en filtrerad ändring upptäcks skickar Page Deltas en POST-förfrågan med JSON i detta format:

POST <your URL>
Content-Type: application/json
X-Signature: sha256=<hex>
{
  "event": "change.detected",
  "monitor_id": "...",
  "monitor_url": "https://example.com/pricing",
  "monitor_name": "Konkurrentens prissida",
  "change_id": "...",
  "detected_at": "2026-06-01T12:00:00Z",
  "summary": "Pro-planen höjdes från 29 $ till 39 $/månad.",
  "before_screenshot_url": "https://.../before.png",
  "after_screenshot_url": "https://.../after.png",
  "dashboard_url": "https://app.pagedeltas.com/monitors/..."
}

summary är meningen på naturligt språk som du mappar till ärenderubriker och CRM-anteckningar. Skärmdumps-URL:er och dashboard_url fungerar utmärkt som bilagor eller inbäddade vyer i Notion. X-Signature är en HMAC-SHA256 av den råa kroppen beräknad med din kanalhemlighet, som bara visas en gång vid skapandet. Beräkna hashen på de råa byten innan du tolkar JSON, annars misslyckas valideringen.

Leverans sker i ett enda försök per kanal utan automatiska omtag. Se till att mottagaren svarar snabbt, och för affärskritiska sidor bör du koppla en andra kanal av annan typ (webhook plus e-post fungerar utmärkt) så att en tillfällig driftstörning hos Zapier inte gör att du missar en viktig förändring.

Börja med att ställa in Page Deltas

Konfigurera övervakningen innan du börjar i Zapier eller n8n. Annars hamnar du i att felsöka tomma Zaps kopplade till en monitor som ännu inte har larmat.

1. Skapa ett gratiskonto och öppna Channels. Lägg till Slack eller e-post om du vill behålla en mänsklig kontroll, och lägg sedan till en generisk Webhook-kanal. Lämna URL-fältet tomt ett ögonblick om du inte har skapat ditt Catch Hook ännu. Du klistrar in det efter Zapier- eller n8n-stegen nedan.
2. Skapa en monitor för sidan du vill bevaka (prissättning, changelog, karriärsida, användarvillkor eller en leverantörs statussida). Formulera ett kort brief som anger vad som ska trigga larm och vad som ska ignoreras. Filterdokumentationen förklarar hur briefet tillämpas. Utan tydliga uteslutningar skapar även lugna sidor onödigt brus (tidsstämplar, relaterade artiklar, cookie-banners).
3. Koppla webhook-kanalen till den monitorn (eller använd organisationens standard). Klicka på Send test på kanalen så snart Catch Hook- eller n8n-URL:en har sparats, för att kontrollera att kedjan fungerar innan en verklig ändring sker.
4. Behåll gärna Slack på samma monitor: chatt för människor, webhooks för system. Den uppdelningen är oftast betydligt renare än att instruera Zapier att återpublicera notisen i Slack.

Free-planen inkluderar 10 övervakade URL:er (en webbplatskarta räknas som en URL), AI-filtrering och sammanfattningar, REST API och MCP, obegränsat antal teammedlemmar och 14 dagars historik. Betalda planer höjer URL-taket: Starter 29 $ för 150, Pro 79 $ för 1 000, Business 199 $ för 5 000, Scale 499 $ för 20 000, Enterprise med anpassat upplägg. Vi övervakar för närvarande enbart öppna webbsidor; övervakning bakom inloggning finns på vår roadmap. Kontrollfrekvensen är adaptiv och betalda planer prioriteras vid köbildning.

Ta emot larmet i Zapier eller n8n

Båda verktygen använder samma generiska Webhook-kanal från Page Deltas. Bara mottagaren skiljer sig. Eftersom det inte finns någon officiell Page Deltas-app startar Zapier med en Catch Hook och n8n med en Webhook-nod.

Zapier

1. Skapa en Zap med Webhooks by Zapier som trigger och välj Catch Hook. Kopiera den unika webhook-URL som Zapier visar.
2. Klistra in URL:en i din generiska Webhook-kanal i Page Deltas och spara. Klicka på Send test i Page Deltas (eller vänta på en verklig ändring). I Zapier klickar du på Test trigger och bekräftar att testobjektet innehåller summary, monitor_url och fälten för skärmdumpar.
3. Lägg till åtgärder. Vanliga exempel: skapa ett ärende i Jira eller Linear med summary som titel och dashboard_url i beskrivningen; lägg till en rad i en Notion-databas; skapa eller uppdatera en HubSpot- eller Salesforce-anteckning på konkurrentens konto; skicka ett sammanfattande e-postmeddelande som samlar flera ändringar. Mappa fälten direkt från Catch Hook-exemplet istället för att skriva in platshållare för hand.
4. Aktivera din Zap. Skicka ytterligare ett test från Page Deltas och följ körningen genom varje konfigurerad åtgärd.

Om du behöver kontrollera signaturer kan Zapiers Code-steg beräkna HMAC på kroppen. För en mer robust kontroll rekommenderas n8n eller en liten serverless-funktion framför Zapier, eftersom du behöver tillgång till de råa byten.

n8n

1. Lägg till en Webhook-nod, ställ in metoden på POST och aktivera arbetsflödet så att n8n tilldelar en produktions-URL. Kopiera den till Page Deltas generiska Webhook-kanal (eller en andra kanal om både Zapier och n8n ska ta emot eventet).
2. Skicka ett test från Page Deltas. Bekräfta att Webhook-noden visar JSON-innehållet och headern X-Signature.
3. Valfritt men starkt rekommenderat: Lägg till en Code-nod som beräknar sha256= plus HMAC-SHA256 på den råa kroppen med din kanalhemlighet och jämför timing-safe med X-Signature. Avvisa felaktiga anrop innan några CRM- eller ärendesteg körs.
4. Skapa förgreningar med en IF- eller Switch-nod baserat på monitor_name eller en delsträng av monitor_url om olika sidor ska trigga skilda ärendetyper. Lägg sedan till noder för Jira, Notion, e-post eller HTTP Request på samma sätt som för vilken webhook-källa som helst.
5. Spara och håll arbetsflödet aktivt. Page Deltas gör inga nya försök vid misslyckad leverans: se till att Webhook-noden svarar snabbt med en 2xx-statuskod och lägg långsammare bearbetning i efterföljande noder eller en arbetskropp.

En självhostad n8n-instans är perfekt när kanalhemligheten aldrig får lämna ditt interna nätverk. n8n Cloud fungerar utmärkt för de flesta marknads- och RevOps-flöden. I båda fallen bygger du med standardnoder; ingenting är beroende av en proprietär Page Deltas-connector.

Vanliga fallgropar och hur du hanterar dem

När systemet är i drift uppstår vissa begränsningar: Nya fält kan tillkomma i datastrukturen över tid – ignorera okända nycklar istället för att avvisa hela händelsen. Använd change_id som en idempotensnyckel om ditt ärendehanteringssystem riskerar att ta emot dubbletter vid manuella testkörningar.

Om Zapier eller n8n svarar med en annan statuskod än 2xx markerar Page Deltas leveransen som misslyckad och går vidare. Monitorn fortsätter att köras som vanligt. Kontrollera loggen över leveransförsök i gränssnittet om ett flöde plötsligt tystnar. För oumbärliga sidor bör du alltid ha e-post eller Slack kvar på samma monitor som reservväg.

AI-filtreringen är bara så bra som ditt brief. En vag instruktion som ”meddela mig vid prisändringar” släpper fortfarande igenom relaterade artiklar i sidofältet. Lägg fem minuter på uteslutningslistan innan du bygger en Zap i fem steg. Och om informationen du vill övervaka kräver inloggning kan varken Page Deltas eller en webhook se den ännu.

Andra verktyg i vår familj täcker angränsande bevakningsbehov. KWatch.io fångar upp sökordsomnämningar på sociala medier och webben när källan inte är en fast URL. För en fast offentlig webbsida som uppdateras på plats är Page Deltas kombinerat med webhook-automatisering det mest träffsäkra valet.

Börja med en enda Zap eller ett enda arbetsflöde

Välj en sida och en enda destination: konkurrentpriser till en Notion-databas eller en leverantörs statussida till Jira räcker gott för att verifiera kedjan. Skapa monitorn, koppla en generisk webhook, fånga upp den i Zapier eller n8n och mappa summary samt dashboard_url. Free-planen innehåller 10 URL:er, AI-filtrering, samtliga larmkanaler och API-åtkomst, helt utan betalkort. Börja övervaka gratis.

Julien, produktchef på Page Deltas