WordPress Website Builder Detector

What WordPress website builders can we detect?

  • Elementor: Elementor is a popular drag-and-drop page builder plugin for WordPress, allowing users to create custom layouts and designs without coding.
  • Brizy: Brizy is a user-friendly WordPress page builder with a visual interface for website design.
  • GeneratePress: GeneratePress is a lightweight and performance-focused WordPress theme.
  • Beaver Builder: Beaver Builder is a flexible drag-and-drop page builder plugin for WordPress.
  • Divi: Divi is a WordPress theme and a visual page builder plugin developed by Elegant Themes.
  • Oxygen: Oxygen is a powerful WordPress website builder for designers and developers.
  • WPBakery: WPBakery Page Builder, formerly Visual Composer, is a popular drag-and-drop builder offering both front-end and back-end editing.
  • Spectra: Spectra enhances the Gutenberg editor by adding advanced blocks and design options.
  • SiteOrigin: SiteOrigin Page Builder is a free plugin that enables responsive page design through a simple drag-and-drop interface.
  • Kadence Blocks: Kadence Blocks extends the Gutenberg editor with custom blocks and layout options.
  • Avada: Avada is a best-selling premium WordPress theme with its integrated builder, Avada Builder.

How can you detect a WordPress website builder using the page source?

You can check for website builder clues in the website’s source code.

Open the page source and search for the terms in the sections below.

Elementor

Elementor leaves distinctive traces in the source code through unique CSS classes, IDs, and file paths.

Look for classes like elementor-element, elementor-column, or elementor-section.

Additionally, scripts and stylesheets may be loaded from paths containing /elementor/.

Brizy

Brizy can be identified by unique classes and data attributes.

Look for classes like brz, brz-section, or data attributes like data-brz-component.

Assets may be loaded from /wp-content/plugins/brizy/.

GeneratePress

GeneratePress is primarily a theme, but when used with GenerateBlocks, it adds unique classes.

Look for classes like gb-container, gb-block, or check for the theme’s stylesheet in /generatepress/.

Beaver Builder

Beaver Builder includes specific classes and file paths in the source code.

Look for classes like fl-builder-content, fl-module, or assets loaded from directories containing /bb-plugin/.

Divi

Divi adds specific classes and comments to the source code.

Look for classes starting with et_pb_, such as et_pb_section, et_pb_module. Divi may also include comments like <!-- Added by Elegant Themes -->.

Oxygen

Oxygen Builder may leave comments and load assets from specific paths.

Look for comments <!-- Oxygen Builder --> and assets from /oxygen/. Oxygen often outputs clean, minimal HTML.

WPBakery

WPBakery uses distinctive classes and may include meta tags.

Look for classes like vc_row, vc_column, wpb_wrapper.

Meta tags might include <meta name="generator" content="WPBakery Page Builder" />, and assets are often loaded from paths containing /js_composer/.

Spectra

Spectra enhances the Gutenberg editor by adding advanced blocks and design options.

Look for classes like uagb- indicating blocks from Spectra (formerly Ultimate Addons for Gutenberg), or assets from paths containing /ultimate-addons-for-gutenberg/.

SiteOrigin

SiteOrigin uses specific classes and comments.

Look for classes like panel-grid, panel-cell, or comments like <!-- SiteOrigin Page Builder -->. Assets might be loaded from paths containing /siteorigin-panels/.

Kadence Blocks

Kadence Blocks extends the Gutenberg editor with custom blocks and layout options.

Look for classes like kt-blocks, wp-block-kadence, or assets from paths containing /kadence-blocks/.

Avada

Avada is a theme with an integrated builder.

Look for classes like fusion-builder-row, fusion-column, or assets from paths containing /themes/Avada/.

Comments may also indicate Avada usage.