BlogWebflow Webhooks

How to Test Webflow Webhooks

Webflow webhooks send notifications for CMS collection item changes, form submissions, ecommerce orders, and site publishing events.

Looking for the broader picture? See the 7 best webhook testing tools (2026), or if you're already on Webhook.site, the 60-second migration to HookRay.

Webflow Official Webhook Docs

1. Webflow Webhook Events

Webflow can send the following webhook events to your endpoint:

form_submission
collection_item_created
collection_item_changed
collection_item_deleted
ecomm_new_order
ecomm_order_changed
site_publish

2. Set Up a Test Endpoint with HookRay

Follow these steps to start receiving Webflow webhooks for testing:

  1. Go to HookRay and click "Start Testing — Free" to get your unique webhook URL.
  2. Copy the URL (e.g., https://h.hookray.com/abc123).
  3. In your Webflow dashboard, navigate to the webhook settings and paste the HookRay URL as your endpoint.
  4. Select the events you want to receive (see list above).
  5. Trigger a test event — HookRay will show the incoming webhook in real-time.

3. Sample Webflow Webhook Payload

Here's an example of what a Webflow webhook payload looks like:

payload.json
{
  "triggerType": "form_submission",
  "site": {
    "id": "580e63e98c9a982ac9b8b778"
  },
  "data": {
    "name": "Contact Form",
    "fields": {
      "name": "Alex Kim",
      "email": "alex@example.com",
      "message": "Interested in webhook testing tools"
    },
    "submittedAt": "2026-03-20T16:15:00.000Z"
  }
}

4. Frequently Asked Questions

How do I test Webflow webhooks without deploying?

Use HookRay to get an instant public webhook URL. Paste it into your Webflow dashboard's webhook configuration, trigger an event, and watch the payload arrive in real time. No code, no ngrok, no deployment required. The free tier captures 100 requests per month and works on all Webflow event types.

Why aren't my Webflow webhooks arriving?

The four most common causes: (1) the endpoint URL isn't publicly accessible — Webflow can't reach localhost; (2) the wrong events are subscribed in your Webflow dashboard; (3) signature verification is rejecting the request before your handler runs; (4) Webflow can't reach your server because of a firewall, expired SSL certificate, or wrong DNS. Use HookRay's URL to isolate which of these four is failing — if HookRay receives the webhook, the problem is in your handler. If HookRay doesn't, the problem is in Webflow configuration.

Why am I getting 400 or 500 errors from my Webflow webhook?

Webflow reports the response status your endpoint returned. HookRay accepts any payload and returns 200 OK by default, so if you see 400/500 in your Webflow dashboard while pointing at HookRay, the issue is in Webflow's configuration (wrong event, malformed signing secret, etc.). If you point at your own endpoint and get 400/500, the issue is in your handler — capture the request with HookRay, replay it locally, and debug from the captured payload.

How do I verify Webflow webhook signatures?

Webflow signs each webhook request with a shared secret. Capture the raw headers and body using HookRay, then verify the signature in your application using Webflow's SDK or a standard HMAC library. Once verification works against HookRay-captured data, you can safely deploy. Webflow's docs (linked above) cover the exact signing algorithm.

Can I replay a captured Webflow webhook?

Yes — HookRay's replay feature re-sends any captured webhook to a different endpoint with one click. This is the fastest way to fix a buggy handler: capture the payload once, fix your code, and replay until it works. No need to re-trigger the event in Webflow.

5. Next Steps

  • Use HookRay's webhook replay feature to re-send captured webhooks while building your handler
  • Enable smart parsing (Pro plan) to see Webflow-specific fields highlighted automatically
  • Check the Webflow webhook documentation for the complete event reference

Ready to test Webflow webhooks?

Get a free webhook URL in 5 seconds. No signup required.

Start Testing Webflow Webhooks — Free

Free PDF: Webhook Testing Cheat Sheet 2026

One-page reference for 50+ APIs — canonical events, signing methods, sample payloads. Print it, pin it, share it.

📄 Download the cheat sheet (PDF, 180KB)

Related Webhook Testing Guides

FigmaLaunchDarklySnykSegmentStripeGitHubShopifySlackTwilioPayPalSendGridDiscord
View all webhook guides