Divi detector

Divi logo

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:

  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 Divi-Specific Indicators: Use Ctrl+F (Windows) or Cmd+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">.
  3. 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.
  4. 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.
  5. 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.
  6. 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>
  7. 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.