How can you detect if a website uses Beaver Builder?
Detecting if a website uses Beaver Builder can be done by looking for specific markers in the page source of the site.
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 Beaver Builder Plugin Files: Use
Ctrl+F
(Windows) orCmd+F
(Mac) to open the search function and look for the following path:plugins/bb-plugin/
: This is a specific folder for the Beaver Builder plugin and is commonly found in the page source if Beaver Builder is in use.
- Look for Beaver Builder-Specific Classes: Beaver Builder uses specific CSS classes. Search for classes that start with
fl-
(e.g.,fl-row
,fl-col
) in the page source code. - Check for Shortcodes: Beaver Builder often utilizes shortcodes in WordPress content. Look for shortcodes like
[fl_builder]
or[fl_section]
in the page source or in specific WordPress-written content areas. - Inspect JavaScript Files: Look for JavaScript files related to Beaver Builder. You can search for paths like
bb-plugin.js
orbuilder.min.js
in the source code. - View the Page’s HTML Structure: Beaver Builder typically adds specific HTML structures around sections and rows. Inspect the elements and look for comments or markup unique to Beaver Builder, like
<!-- /wp:fl-builder -->
. - Check for Custom Beaver Builder Settings: Sometimes, you may find specific settings or configurations in the source code that reference Beaver Builder settings or modules. Look for terms like
fl-builder-settings
.