Webflow detector

Webflow logo

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-sectionwf-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.