The challenge with Webflow
ChatFeatured tracks AI crawler traffic using a Cloudflare Worker that runs at the edge on your domain’s Cloudflare zone. The Worker captures requests from AI bots (GPTBot, ClaudeBot, PerplexityBot, etc.) before they reach your origin. Webflow doesn’t give you direct access to the Cloudflare zone that serves your site, so you can’t deploy a Worker on it. The solution is to put your own Cloudflare account in front of Webflow. Because Webflow itself runs on Cloudflare, you also need to enable a feature called Orange-to-Orange (O2O). O2O lets traffic flow through your Cloudflare zone first—where your Worker runs—before continuing on to Webflow’s Cloudflare-backed hosting.“Orange-to-Orange” refers to the orange cloud (proxy enabled) icon in Cloudflare DNS. O2O is required whenever one Cloudflare zone proxies traffic to another Cloudflare-hosted platform like Webflow. See Webflow’s guide: Using Cloudflare Orange-to-Orange (O2O) with Webflow.
How it works
Once configured, requests to your site flow like this:- Visitor or AI bot requests a page on your domain
- Your Cloudflare zone receives the request first (your nameservers point here)
- The ChatFeatured Worker runs at the edge and logs the request asynchronously
- O2O forwards the request to Webflow, which serves your site
- Bot activity appears in your Agent Analytics dashboard
Prerequisites
Before you begin, you’ll need:- A custom domain (e.g.,
yourdomain.com) - A Cloudflare account (the free zone plan works)
- A paid Webflow Site plan with a custom domain
- A ChatFeatured account with Agent Analytics enabled
- Access to your domain registrar to update nameservers
Setup overview
There are three high-level stages:- Move DNS management to your own Cloudflare account and point it at Webflow
- Enable Orange-to-Orange (O2O) so traffic routes through your Cloudflare zone first
- Deploy the ChatFeatured Cloudflare Worker for Agent Analytics
Step 1: Manage your DNS in Cloudflare and point it to Webflow
First, bring your domain into your own Cloudflare account so you control the zone that the Worker will run on.- In the Cloudflare dashboard, click Add a domain (or Onboard a domain)
- Enter your root (apex) domain (e.g.,
yourdomain.com) and complete the setup steps - Update your domain’s nameservers at your registrar to the ones Cloudflare provides
- Wait for the nameservers to propagate before continuing
Step 2: Configure O2O with Webflow
With your domain in Cloudflare, configure the proxied DNS records that enable O2O, then connect the domain in Webflow.Create proxied CNAME records in Cloudflare
In your domain’s DNS settings in Cloudflare, create a proxied (orange cloud)CNAME record for each version of your domain:
| Type | Name | Target | Proxy status |
|---|---|---|---|
| CNAME | @ | cdn.webflow.com | Proxied (orange cloud) |
| CNAME | www | cdn.webflow.com | Proxied (orange cloud) |
@) and the www subdomain. If you use additional subdomains (e.g., blog.yourdomain.com), add a proxied record for each one.
Connect and publish your domain in Webflow
- In Webflow, go to Site settings → Publishing → Production
- Quick connect your custom domain (recommended), or connect it manually
- Click Verify domain to confirm the connection
- Set a default domain and publish your site
After enabling the Cloudflare proxy, Webflow may still show “Update needed” under Publishing → Production. This is expected—the proxy hides your DNS records from Webflow’s verification check. If your site loads correctly, no action is needed.
Step 3: Set up the ChatFeatured Cloudflare Worker
Now that traffic routes through your Cloudflare zone, deploy the Agent Analytics Worker on it.- Create an API key in ChatFeatured under Agent Analytics → Settings
- Create and deploy the ChatFeatured Worker in your Cloudflare account
- Configure the
ANALYTICS_ENDPOINTandANALYTICS_KEYenvironment variables - Add a Worker Route (e.g.,
*yourdomain.com/*) so the Worker runs on all pages
Verify your setup
- Visit a few pages on your live site in a browser to confirm it loads correctly through Cloudflare
- Check your Worker’s Real-time Logs in Cloudflare for incoming requests
- Open the Agent Analytics dashboard in ChatFeatured—AI crawler activity should appear within a few minutes
Troubleshooting
525 Handshake Error
525 Handshake Error
The Cloudflare proxy (orange cloud) is enabled but O2O isn’t fully configured. Make sure your
CNAME records target cdn.webflow.com and that you’ve connected and verified the domain in Webflow. See Webflow’s O2O guide.Webflow can't verify the domain
Webflow can't verify the domain
If your domain was previously hosted on another Cloudflare-backed platform (Shopify, WP Engine, etc.), remove it from that platform first. Wait at least 5 minutes before re-verifying in Webflow.
No data in the Agent Analytics dashboard
No data in the Agent Analytics dashboard
- Confirm the DNS records are Proxied (orange cloud), not DNS only
- Verify the Worker Route covers your domain (e.g.,
*yourdomain.com/*) - Check that
ANALYTICS_ENDPOINTandANALYTICS_KEYare set on the Worker - Review the Worker’s Real-time Logs for errors
Site won't go live / SSL fails
Site won't go live / SSL fails
Check that your CAA records allow Let’s Encrypt and Google Trust Services, and release any Cloudflare Zone Hold until SSL provisioning completes.
See Also
- Cloudflare Integration — Full Worker setup and code
- Setting up Agent Analytics — Understanding your data
- Webflow Integration — Publishing articles to your Webflow CMS