How can you detect if a website uses Divi?
Detecting whether a website is built using the Divi theme involves looking for specific markers and indicators in the website’s source code.
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 source code. - Search for Divi-Specific Indicators: Use
Ctrl+F
(Windows) orCmd+F
(Mac) to open the search function and look for the following keywords:Divi
: Check the source for references to the Divi theme. For example, you might see<link rel="stylesheet" href="https://yourwebsite.com/wp-content/themes/Divi/style.css">
.et_pb
: Many Divi modules use this prefix. Look for them like<div class="et_pb_module">
.
- Verify Theme Information in Style Sheets: Navigate to the website’s stylesheets. Append
/wp-content/themes/Divi/style.css
to the URL and check if the stylesheet loads. If it does, the site is using Divi. - Check Meta Tags: Look for meta tags that might be unique to Divi, such as:
<meta name="generator" content="Divi 4.5.6" />
This can give insights into which version of Divi is being used. - Examine the Page Code for Divi Shortcodes: If you find any specific Divi shortcodes (like
[et_pb_section]
or[et_pb_row]
), it’s a strong indication that the site uses Divi. - Look for the Divi Builder Scripts: Search for Divi-related scripts that are typically loaded on the page. Look for code snippets containing:
<script src="https://yourwebsite.com/wp-content/plugins/divi-builder/scripts/dist/frontend.js"></script>
- Check for the Divi Builder Interface: If the site is using a visual editor, inspecting elements using the browser’s developer tools (right-click and select “Inspect”) may reveal the presence of Divi Builder classes.