Webflow

Marketing & CRM

Visual website builder with forms, CMS and ecommerce.

Signature verification supported 5 events supported

Why use Hookfire with Webflow?

Instant push notifications

Get notified on your phone the moment a Webflow webhook fires. No more checking dashboards.

Subscribe to what matters

Choose exactly which Webflow events trigger notifications. Filter out the noise.

Team-wide delivery

Control who on your team gets notified and how: push notifications, record only, or both.

Setup in under 2 minutes

Copy a webhook URL, paste it in Webflow, and you're done. No code required.

Supported events

Event	Sample notification
New comment `comment_created` 💬 Arthur Dent commented new thread	💬 Arthur Dent commented new thread
Form submitted `form_submission` 📝 Contact Us form submitted {"First Name":"Zaphod","Last Name":"Beeblebrox","Phone Number":15550000000,"email":"zaphod@heartofgold.ai"}	📝 Contact Us form submitted {"First Name":"Zaphod","Last Name":"Beeblebrox","Phone Number":15550000000,"email":"zaphod@heartofgold.ai"}
New order `ecomm_new_order` 🛒 New order: $60.99 Customerio Namen bought White Cup - order dfa-3f1	🛒 New order: $60.99 Customerio Namen bought White Cup - order dfa-3f1
Order changed `ecomm_order_changed` 📦 Order dfa-3f1 is fulfilled Customerio Namen - $60.99	📦 Order dfa-3f1 is fulfilled Customerio Namen - $60.99
Site published `site_publish` 🚀 Site published Some One published to my-website.webflow.io	🚀 Site published Some One published to my-website.webflow.io

What people use Webflow alerts for

Every order, straight to your pocket New orders, cancellations and fulfilment events from your storefront.

How to connect Webflow

Webhooks added in the Webflow dashboard are not signed. Webhooks created through Webflow’s API are, so this guide uses the API: it takes one request. See Webflow’s webhook docs.

Step 1: Create an Integration

Go to your organization’s Integrations page.
Click Add Integration and select Webflow.
You’ll receive a unique Webhook URL. Copy it.

Step 2: Get a Site Token

In Webflow, open your site’s Site settings → Apps & integrations → API access.
Click Generate API token. It needs sites:write to create webhooks, plus the scope each trigger reads: forms:read for forms, ecommerce:read for orders, comments:read for comments and sites:read for publishes.
Copy the token. Your Site ID is under Site settings → Overview.

Step 3: Create the Webhook

Run this once for each trigger you want (form_submission, ecomm_new_order, ecomm_order_changed, comment_created, site_publish):

curl -X POST https://api.webflow.com/v2/sites/YOUR_SITE_ID/webhooks \
  -H "Authorization: Bearer YOUR_SITE_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"triggerType": "form_submission", "url": "YOUR_HOOKFIRE_WEBHOOK_URL"}'

The response contains a secretKey.

Step 4: Signing Secret

Paste the secretKey into the Signing Secret field on your Hookfire integration page. Webflow signs each delivery with the x-webflow-signature and x-webflow-timestamp headers, and Hookfire refuses anything that does not match or is more than five minutes old.

Each webhook made with a site token has its own secretKey, while one Hookfire integration holds one secret. If you want several triggers, create a Hookfire integration for each, or leave the secret empty to accept deliveries without checking them.

Step 5: Subscribe to Events

On your Hookfire integration page, toggle on the events you want to receive push notifications for. A form submission shows the fields the visitor filled in.

Step 6: Test

Submit one of your forms, or click Test next to an event on your Hookfire integration page.

Supported Events

Event	Description
`form_submission`	A visitor submitted a form
`ecomm_new_order`	A new order was placed
`ecomm_order_changed`	An order changed: fulfilled, refunded or disputed
`comment_created`	Someone left a comment or reply in the Designer
`site_publish`	The site was published