Oxygen detector

Oxygen logo

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

Detecting if a website uses Oxygen (a popular WordPress page builder) by looking at the page source involves identifying specific markers that are characteristic of Oxygen.

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’s source code.
  2. Search for Oxygen-Specific Markers: Use Ctrl+F (Windows) or Cmd+F (Mac) to open the search function and look for the following keywords:
    • oxygen-body: This class indicates that the page is built with Oxygen. Look for lines of code like <div class="oxygen-body">
    • oxygen-vsb: This refers to the Oxygen Visual Builder. You might find code blocks like <div class="oxygen-vsb">
    • oxygen-css: Often used in the stylesheet links, look for <link rel="stylesheet" href="...oxygen.css">
  3. Check for Oxygen Meta Tags: Some Oxygen-built sites include specific meta tags. Search for: <meta name="oxygen" content="true">
  4. Look for Oxygen’s JavaScript Files: Oxygen often loads specific JavaScript files. Look for URLs that contain oxygen in them, such as <script src="https://yourwebsite.com/wp-content/plugins/oxygen-builder/assets/js/oxygen.js"></script>
  5. Inspect Class Names: Oxygen adds unique class names to elements in the HTML. Browse through the HTML elements using the inspector (right-click > Inspect) and look for classes like oxygen-{element-name}.
  6. Identify Oxygen-Specific Shortcodes: Sometimes, Oxygen may use shortcodes within the content. Look for any content blocks that include Oxygen shortcodes such as [oxygen ...].
  7. Check Page Load Timing: Oxygen pages often have specific loading behavior. If the page is slow or has a unique loading pattern, it may indicate the use of Oxygen’s functionalities.

By following these steps, you should be able to determine whether a website is using Oxygen as its page builder.