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:
- Open the Page Source: Right-click on the webpage and select “View Page Source” or press
Ctrl+U
(Windows) orCmd+Option+U
(Mac) to open the page’s source code. - Search for Oxygen-Specific Markers: Use
Ctrl+F
(Windows) orCmd+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">
- Check for Oxygen Meta Tags: Some Oxygen-built sites include specific meta tags. Search for:
<meta name="oxygen" content="true">
- 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>
- 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}
. - Identify Oxygen-Specific Shortcodes: Sometimes, Oxygen may use shortcodes within the content. Look for any content blocks that include Oxygen shortcodes such as
[oxygen ...]
. - 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.