What indicators should I search for in the source code to determine if a website was built using the Webflow platform?
TL;DR
- Check for Webflow-specific classes/IDs like
w-, meta tags, and script references such as/js/webflow.js. - Look for Webflow branding in the footer and analyze network requests using developer tools.
- Use online detection tools like BuiltWith or Wappalyzer to confirm if Webflow is used as the CMS.
Identifying whether a website was built using Webflow can be straightforward if you know what to look for. Here’s how to do it:
1. Check for Webflow-specific Attributes
- Look for distinctive classes and IDs: Webflow often auto-generates class names prefixed with
w-orw-in ID attributes. - Identify Webflow widgets and elements: Common examples include
w-lightbox,w-embed, andw-condition-invisible.
2. Analyze the Meta and Script Tags
- Search for Webflow meta tags: In the head section, look for comments or meta tags that mention Webflow.
- Inspect the JavaScript references: Look for script tags pointing to Webflow-specific JavaScript files, such as those ending in
/js/webflow.js.
3. Review the Footer Section
- Check for Webflow branding: Some sites may have an attribution link in the footer, such as “Made in Webflow.”
4. Use Developer Tools and Network Analysis
- Review network requests for Webflow resources: Use browser developer tools to analyze network activity for files and resources being loaded from Webflow-associated domains.
5. Use Online Detection Tools
- Consider using third-party detection tools: Websites like BuiltWith or Wappalyzer can identify Webflow as the CMS and include it in their reports.
Summary
To determine if a site is built with Webflow, check for Webflow-specific attributes like classes, IDs, meta and script tags, network requests, and any Webflow branding in the footer. Developer tools and online detection resources can further assist in confirming the platform.