Webflow Detector

How can you detect if a website uses Webflow by looking at the source code?

Detecting if a website is built using Webflow can be done by inspecting the page source for specific indicators characteristic of Webflow sites.

Here’s a step-by-step guide on how to do it:

1. Open the Page Source: Right-click on the webpage and select “View Page Source” or press Ctrl+U (Windows) or Cmd+Option+U (Mac) to open the page source code.
2. Search for Webflow Identifier: Use Ctrl+F (Windows) or Cmd+F (Mac) to bring up the search function and look for the following keyword:
   • window.__WEBFLOW: This variable is specific to websites built using Webflow and can indicate the use of Webflow on the site.
3. Look for Webflow CSS and JavaScript Files: Search for Webflow-related files in the source code, which often include:
   • webflow.css: Stylesheet files often have “webflow” in their names, such as <link rel="stylesheet" href="https://uploads-ssl.webflow.com/.../webflow.css">.
   • webflow.js: JavaScript files used by Webflow are commonly named with “webflow” as well, such as <script src="https://uploads-ssl.webflow.com/.../webflow.js"></script>.
4. Check for Webflow-Generated Meta Tags: Websites made with Webflow often contain specific meta tags. Look for meta tags that include Webflow attributes, such as:
   • <meta property="og:type" content="website"> with possible attributes related to Webflow.
   • <meta name="generator" content="Webflow">: This tag explicitly mentions Webflow as the generator tool.
5. Inspect for Webflow’s Unique Class Names: Webflow often generates unique class names in its HTML structure. Look for class names that include random strings or are non-typical, like wf-section, wf-container, etc.
6. Check for Webflow-Specific Elements in DOM: Look for custom attributes or elements that are unique to Webflow. This could include:
   • data-wf-page: These attributes help manage various elements in Webflow’s visibility and behavior.
   • data-wf-site: This may also appear in the HTML structure.
7. Look for Webflow’s Hosting URL: Many websites built with Webflow may use the hosting provided by Webflow. Check for URLs that contain:
   • webflow.com or uploads-ssl.webflow.com in the source code.