菜单
Control Webflow Analyze and Optimize from JavaScript via the Browser API. Use when managing tracking consent, integrating CMPs (OneTrust, TrustArc), tracking experiment variations, setting custom visitor attributes, or personalizing user experiences.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
Work with the Webflow Designer API — either by building Designer Extensions (iframes inside the Webflow Designer) or by generating code snippets for the Designer API Playground. Covers element manipulation, styles, components, pages, variables, assets, error handling, CLI usage, and UI design patterns. Use when creating, debugging, or modifying Designer Extensions, OR when the user wants to run Designer API code in the Playground app.
Build, define, and import React code components into Webflow via DevLink. Use when creating Webflow code components, configuring declareComponent definitions, working with prop types, styling within Shadow DOM, bundling with Webpack, or troubleshooting DevLink imports.
Webflow Enterprise API endpoints for workspace management, audit logs, site activity, 301 redirects, robots.txt, and well-known files. Use when working with Enterprise-only Webflow API endpoints that require an Enterprise workspace.
Receive and verify Webflow webhooks. Use when setting up Webflow webhook handlers, debugging signature verification, or handling Webflow events like form_submission, site_publish, ecomm_new_order, or collection item changes.
基于 SOC 职业分类
| name | webflow-browser-api |
| description | Control Webflow Analyze and Optimize from JavaScript via the Browser API. Use when managing tracking consent, integrating CMPs (OneTrust, TrustArc), tracking experiment variations, setting custom visitor attributes, or personalizing user experiences. |
| license | MIT |
| metadata | {"author":"Ben Sabic","repository":"https://github.com/224-industries/webflow-skills","url":"https://skills.224ai.au/webflow-browser-api.skill","version":"1.0.0","keywords":"ai, agent, skill, analyze, browser, api, webflow, optimize, cookie consent, tracking, performance, user experience, consent management, web analytics, automation"} |
The Browser API is a JavaScript interface exposed via the global wf object on all Webflow sites with Analyze and Optimize enabled. It requires no manual installation. Use it to manage consent, track experiments, and personalize user experiences.
wf object — Automatically available on all sites with Analyze or Optimize enabledwf.ready() — All Browser API calls must be wrapped in this readiness callback. See references/wf-ready.mdgetUserTrackingChoice(), allowUserTracking(), denyUserTracking()onVariationRecorded() and forward to analytics toolssetAttributes() for audience targeting and result filtering (Enterprise only)| Method | Description |
|---|---|
wf.ready(callback) | Execute code after the Browser API loads |
wf.getUserTrackingChoice() | Returns "allow", "deny", or "none" |
wf.allowUserTracking(options?) | Opt user into tracking |
wf.denyUserTracking(options?) | Opt user out of tracking |
wf.onVariationRecorded(callback) | Register a callback for variation events |
wf.setAttributes(scope, attributes) | Set custom visitor attributes |
setAttributes) are only available on Enterprise siteswf.ready() to prevent calls before initialization<head> custom code for earliest possible executionEach reference file includes YAML frontmatter with name, description, and tags for searchability. Use the search script in scripts/search_references.py to find relevant references.
wf.ready() API referenceonVariationRecorded() API referencesetAttributes() API reference# List all references with metadata
python scripts/search_references.py --list
# Search by tag (exact match)
python scripts/search_references.py --tag <tag>
# Search by keyword (across name, description, tags, and content)
python scripts/search_references.py --search <query>
scripts/search_references.py: Search reference files by tag, keyword, or list all with metadata