Webflow Browser API The Browser API is a JavaScript interface exposed via the global 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. Key Concepts - Global object — Automatically available on all sites with Analyze or Optimize enabled - — All Browser API calls must be wrapped in this readiness callback. See - Consent management — Three methods to manage tracking consent: , , - Variations — Track experiment results via and forward to analytics tools - Custom attribut…

, line)\n if not match:\n continue\n key = match.group(1)\n value = match.group(2).strip()\n\n if (value.startswith('\"') and value.endswith('\"')) or \\\n (value.startswith(\"'\") and value.endswith(\"'\")):\n value = value[1:-1]\n\n if value.startswith(\"[\") and value.endswith(\"]\"):\n items = [item.strip().strip('\"').strip(\"'\")\n for item in value[1:-1].split(\",\")]\n value = [item for item in items if item]\n\n metadata[key] = value\n\n return metadata, body\n\n\ndef load_references() -> list[dict]:\n\n _validate_refs_dir()\n\n results = []\n for md_file in sorted(REFS_DIR.glob(\"*.md\")):\n\n resolved = md_file.resolve()\n if not str(resolved).startswith(str(SKILL_ROOT)):\n continue\n\n text = md_file.read_text()\n metadata, body = parse_frontmatter(text)\n\n body = sanitize_body(body)\n\n results.append({\n \"file\": str(md_file),\n \"name\": metadata.get(\"name\", md_file.stem),\n \"description\": metadata.get(\"description\", \"\"),\n \"tags\": metadata.get(\"tags\", []),\n \"body\": body,\n })\n\n return results\n\n\ndef print_ref(ref: dict, include_body: bool = False) -> None:\n\n tags = ref[\"tags\"]\n tag_str = \", \".join(tags) if isinstance(tags, list) else str(tags)\n print(f\" Name: {ref['name']}\")\n print(f\" Description: {ref['description']}\")\n print(f\" Tags: {tag_str}\")\n print(f\" File: {ref['file']}\")\n if include_body and ref.get(\"body\"):\n print(\" --- BEGIN REFERENCE CONTENT ---\")\n print(ref[\"body\"])\n print(\" --- END REFERENCE CONTENT ---\")\n print()\n\n\ndef cmd_list(refs: list[dict]) -> None:\n\n print(f\"Found {len(refs)} reference files:\\n\")\n for ref in refs:\n print_ref(ref, include_body=False)\n\n\ndef cmd_tag(refs: list[dict], tag: str) -> None:\n\n tag_lower = tag.lower()\n matches = [r for r in refs if tag_lower in\n [t.lower() for t in r[\"tags\"]] if isinstance(r[\"tags\"], list)]\n\n if not matches:\n print(f\"No references found with tag: {tag}\")\n return\n\n print(f\"Found {len(matches)} reference(s) matching tag '{tag}':\\n\")\n for ref in matches:\n print_ref(ref, include_body=True)\n\n\ndef cmd_search(refs: list[dict], query: str) -> None:\n\n query_lower = query.lower()\n matches = []\n\n for ref in refs:\n tag_str = \" \".join(ref[\"tags\"]) if isinstance(ref[\"tags\"], list) else str(ref[\"tags\"])\n searchable = \" \".join([\n ref[\"name\"],\n ref[\"description\"],\n tag_str,\n ref[\"body\"],\n ]).lower()\n\n if query_lower in searchable:\n matches.append(ref)\n\n if not matches:\n print(f\"No references found matching: {query}\")\n return\n\n print(f\"Found {len(matches)} reference(s) matching '{query}':\\n\")\n for ref in matches:\n print_ref(ref, include_body=True)\n\n\ndef main():\n if len(sys.argv) \u003c 2:\n print(__doc__.strip())\n sys.exit(1)\n\n refs = load_references()\n arg = sys.argv[1]\n\n if arg == \"--list\":\n cmd_list(refs)\n elif arg == \"--tag\":\n if len(sys.argv) \u003c 3:\n print(\"Usage: search_references.py --tag \u003ctag>\")\n sys.exit(1)\n cmd_tag(refs, sys.argv[2])\n elif arg == \"--search\":\n if len(sys.argv) \u003c 3:\n print(\"Usage: search_references.py --search \u003cquery>\")\n sys.exit(1)\n cmd_search(refs, sys.argv[2])\n else:\n print(f\"Unknown argument: {arg}\")\n print(__doc__.strip())\n sys.exit(1)\n\n\nif __name__ == \"__main__\":\n main()","content_type":"text/x-python; charset=utf-8","language":"python","size":5072,"content_sha256":"2ac896672fdedfeb9180fefc0e2c2c9ac527239ef8700a2234024535f5f9bbc2"}],"content_json":{"type":"doc","content":[{"type":"heading","attrs":{"level":1},"content":[{"text":"Webflow Browser API","type":"text"}]},{"type":"paragraph","content":[{"text":"The Browser API is a JavaScript interface exposed via the global ","type":"text"},{"text":"wf","type":"text","marks":[{"type":"code_inline"}]},{"text":" 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.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Key Concepts","type":"text"}]},{"type":"bullet_list","content":[{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"Global ","type":"text","marks":[{"type":"strong"}]},{"text":"wf","type":"text","marks":[{"type":"code_inline"},{"type":"strong"}]},{"text":" object","type":"text","marks":[{"type":"strong"}]},{"text":" — Automatically available on all sites with Analyze or Optimize enabled","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"wf.ready()","type":"text","marks":[{"type":"code_inline"},{"type":"strong"}]},{"text":" — All Browser API calls must be wrapped in this readiness callback. See ","type":"text"},{"text":"references/wf-ready.md","type":"text","marks":[{"type":"code_inline"}]}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"Consent management","type":"text","marks":[{"type":"strong"}]},{"text":" — Three methods to manage tracking consent: ","type":"text"},{"text":"getUserTrackingChoice()","type":"text","marks":[{"type":"code_inline"}]},{"text":", ","type":"text"},{"text":"allowUserTracking()","type":"text","marks":[{"type":"code_inline"}]},{"text":", ","type":"text"},{"text":"denyUserTracking()","type":"text","marks":[{"type":"code_inline"}]}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"Variations","type":"text","marks":[{"type":"strong"}]},{"text":" — Track experiment results via ","type":"text"},{"text":"onVariationRecorded()","type":"text","marks":[{"type":"code_inline"}]},{"text":" and forward to analytics tools","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"Custom attributes","type":"text","marks":[{"type":"strong"}]},{"text":" — Set visitor attributes via ","type":"text"},{"text":"setAttributes()","type":"text","marks":[{"type":"code_inline"}]},{"text":" for audience targeting and result filtering (Enterprise only)","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"API Methods","type":"text"}]},{"type":"table","attrs":{"layout":null},"content":[{"type":"tr","content":[{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Method","type":"text"}]}]},{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"wf.ready(callback)","type":"text","marks":[{"type":"code_inline"}]}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Execute code after the Browser API loads","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"wf.getUserTrackingChoice()","type":"text","marks":[{"type":"code_inline"}]}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Returns ","type":"text"},{"text":"\"allow\"","type":"text","marks":[{"type":"code_inline"}]},{"text":", ","type":"text"},{"text":"\"deny\"","type":"text","marks":[{"type":"code_inline"}]},{"text":", or ","type":"text"},{"text":"\"none\"","type":"text","marks":[{"type":"code_inline"}]}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"wf.allowUserTracking(options?)","type":"text","marks":[{"type":"code_inline"}]}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Opt user into tracking","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"wf.denyUserTracking(options?)","type":"text","marks":[{"type":"code_inline"}]}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Opt user out of tracking","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"wf.onVariationRecorded(callback)","type":"text","marks":[{"type":"code_inline"}]}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Register a callback for variation events","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"wf.setAttributes(scope, attributes)","type":"text","marks":[{"type":"code_inline"}]}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Set custom visitor attributes","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Important Notes","type":"text"}]},{"type":"bullet_list","content":[{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"The Browser API is only available on sites with Webflow Analyze or Optimize enabled","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"Custom JavaScript attributes (","type":"text"},{"text":"setAttributes","type":"text","marks":[{"type":"code_inline"}]},{"text":") are only available on Enterprise sites","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"Always wrap all API calls inside ","type":"text"},{"text":"wf.ready()","type":"text","marks":[{"type":"code_inline"}]},{"text":" to prevent calls before initialization","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"Place scripts in ","type":"text"},{"text":"\u003chead>","type":"text","marks":[{"type":"code_inline"}]},{"text":" custom code for earliest possible execution","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Reference Documentation","type":"text"}]},{"type":"paragraph","content":[{"text":"Each reference file includes YAML frontmatter with ","type":"text"},{"text":"name","type":"text","marks":[{"type":"code_inline"}]},{"text":", ","type":"text"},{"text":"description","type":"text","marks":[{"type":"code_inline"}]},{"text":", and ","type":"text"},{"text":"tags","type":"text","marks":[{"type":"code_inline"}]},{"text":" for searchability. Use the search script in ","type":"text"},{"text":"scripts/search_references.py","type":"text","marks":[{"type":"code_inline"}]},{"text":" to find relevant references.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Getting Started","type":"text"}]},{"type":"bullet_list","content":[{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"references/introduction.md","type":"text","marks":[{"type":"link","attrs":{"href":"references/introduction.md","title":null}},{"type":"strong"}]},{"text":": Overview, capabilities, placement options, getting started","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"references/wf-ready.md","type":"text","marks":[{"type":"link","attrs":{"href":"references/wf-ready.md","title":null}},{"type":"strong"}]},{"text":": ","type":"text"},{"text":"wf.ready()","type":"text","marks":[{"type":"code_inline"}]},{"text":" API reference","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Consent Management","type":"text"}]},{"type":"bullet_list","content":[{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"references/consent-management.md","type":"text","marks":[{"type":"link","attrs":{"href":"references/consent-management.md","title":null}},{"type":"strong"}]},{"text":": Consent APIs, CMP integrations (OneTrust, TrustArc), custom consent solutions","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Optimize","type":"text"}]},{"type":"bullet_list","content":[{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"references/optimize-overview.md","type":"text","marks":[{"type":"link","attrs":{"href":"references/optimize-overview.md","title":null}},{"type":"strong"}]},{"text":": Optimize overview and quickstart","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"references/variations.md","type":"text","marks":[{"type":"link","attrs":{"href":"references/variations.md","title":null}},{"type":"strong"}]},{"text":": Variations concept and ","type":"text"},{"text":"onVariationRecorded()","type":"text","marks":[{"type":"code_inline"}]},{"text":" API reference","type":"text"}]}]},{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"references/attributes.md","type":"text","marks":[{"type":"link","attrs":{"href":"references/attributes.md","title":null}},{"type":"strong"}]},{"text":": Custom attributes and ","type":"text"},{"text":"setAttributes()","type":"text","marks":[{"type":"code_inline"}]},{"text":" API reference","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Searching References","type":"text"}]},{"type":"code_block","attrs":{"wrap":false,"language":"bash"},"content":[{"text":"# List all references with metadata\npython scripts/search_references.py --list\n\n# Search by tag (exact match)\npython scripts/search_references.py --tag \u003ctag>\n\n# Search by keyword (across name, description, tags, and content)\npython scripts/search_references.py --search \u003cquery>","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Scripts","type":"text"}]},{"type":"bullet_list","content":[{"type":"list_item","content":[{"type":"paragraph","content":[{"text":"scripts/search_references.py","type":"text","marks":[{"type":"code_inline"},{"type":"strong"}]},{"text":": Search reference files by tag, keyword, or list all with metadata","type":"text"}]}]}]},{"type":"hr","attrs":{"markup":"---"}}]},"metadata":{"date":"2026-06-05","name":"webflow-browser-api","author":"@skillopedia","source":{"stars":7,"repo_name":"webflow-skills","origin_url":"https://github.com/224-industries/webflow-skills/blob/HEAD/skills/webflow-browser-api/SKILL.md","repo_owner":"224-industries","body_sha256":"a3baa2fc723a2293121857e691cd36f7ae9ceaf7ca689b50a204bbdfc60b90fb","cluster_key":"7f5acae272fc9768e77b7f4f1f194fbf0be6b2679aa84cfae0346278d179a445","clean_bundle":{"format":"clean-skill-bundle-v1","source":"224-industries/webflow-skills/skills/webflow-browser-api/SKILL.md","attachments":[{"id":"e7ae048e-3bb5-580f-bb3e-4be0bf13b94c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e7ae048e-3bb5-580f-bb3e-4be0bf13b94c/attachment.md","path":"references/attributes.md","size":3294,"sha256":"87d58e250043e50dd4839f45b346cb3ef2436e6cc18acad2dc6a2fa8aa87fbd2","contentType":"text/markdown; charset=utf-8"},{"id":"fad9ac8d-582a-5b72-96c0-95922cb63300","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fad9ac8d-582a-5b72-96c0-95922cb63300/attachment.md","path":"references/consent-management.md","size":5512,"sha256":"211abd9b4f23ac50a4284ce7d4297ca80c00fd8a3903ee4c05f5e983f5734ff8","contentType":"text/markdown; charset=utf-8"},{"id":"27038858-98af-5487-a5b2-a83469695fcd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/27038858-98af-5487-a5b2-a83469695fcd/attachment.md","path":"references/introduction.md","size":3043,"sha256":"d5ac0475ee3e678a9ed13cad17ed49ce488700c37e9593daa937ca218194bd78","contentType":"text/markdown; charset=utf-8"},{"id":"bbf8fe19-7730-5638-a100-1b0fa4febfb6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bbf8fe19-7730-5638-a100-1b0fa4febfb6/attachment.md","path":"references/optimize-overview.md","size":2149,"sha256":"31331af09c4abe3a63f5d5a953d955c9b79410400d12352d969d05191101b2f4","contentType":"text/markdown; charset=utf-8"},{"id":"4423a26d-218e-57e3-9cfe-da47d0710208","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4423a26d-218e-57e3-9cfe-da47d0710208/attachment.md","path":"references/variations.md","size":3558,"sha256":"0bad2c6a5766b89578a9fcb9caeb8ffb2af77321e384c9220df77d06d44b723b","contentType":"text/markdown; charset=utf-8"},{"id":"296c716e-0182-53be-ae91-5a669a67eda6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/296c716e-0182-53be-ae91-5a669a67eda6/attachment.md","path":"references/wf-ready.md","size":1494,"sha256":"2f31ee2cd9114e18a304196cc6c9e73bb250068fd4bbbbe9eaf19d3afaf35ad0","contentType":"text/markdown; charset=utf-8"},{"id":"779d0f5a-3557-58ab-bd07-7b1865f73be9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/779d0f5a-3557-58ab-bd07-7b1865f73be9/attachment.py","path":"scripts/search_references.py","size":5072,"sha256":"2ac896672fdedfeb9180fefc0e2c2c9ac527239ef8700a2234024535f5f9bbc2","contentType":"text/x-python; charset=utf-8"}],"bundle_sha256":"43d193ebee4df2bc52beb109874d987b8c4f99429fb99ea1ef6bfd7efe40cd18","attachment_count":7,"text_attachments":7,"attachment_storage":"skillopedia-attachments-v1","binary_attachments":0,"excluded_attachments":[]},"cluster_size":1,"skill_md_path":"skills/webflow-browser-api/SKILL.md","import_metadata":{"date":"2026-06-05","author":"@skillopedia","version":"v1","category":"browser-automation-scraping","category_label":"Browser"},"exact_dupes_collapsed_into_this":0},"license":"MIT","version":"v1","category":"browser-automation-scraping","metadata":{"url":"https://skills.224ai.au/webflow-browser-api.skill","author":"Ben Sabic","version":"1.0.0","keywords":"ai, agent, skill, analyze, browser, api, webflow, optimize, cookie consent, tracking, performance, user experience, consent management, web analytics, automation","repository":"https://github.com/224-industries/webflow-skills"},"import_tag":"clean-skills-v1","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."}},"renderedAt":1782979366556}

Webflow Browser API The Browser API is a JavaScript interface exposed via the global 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. Key Concepts - Global object — Automatically available on all sites with Analyze or Optimize enabled - — All Browser API calls must be wrapped in this readiness callback. See - Consent management — Three methods to manage tracking consent: , , - Variations — Track experiment results via and forward to analytics tools - Custom attribut…