Detector de page builder para WordPress
¿Con qué page builder se ha creado esta web WordPress?
¿Qué averigua el detector de page builder?
El page builder o editor con el que se creó la página
10 page builders, desde Elementor y Divi hasta Bricks y Gutenberg
Varios page builders en la misma página, ordenados por número de elementos
Block Theme con Full Site Editing o tema clásico
El tema activo y el tema hijo, si se usa uno
Complementos del page builder y todos los demás plugins detectados
Cómo funciona el detector de page builder
De la URL al page builder detectado en 4 pasos
-
1 Paso 1
Introduce la URL
Indica la dirección de la página que quieres examinar. Funciona con cualquier web WordPress de acceso público.
-
2 Paso 2
Renderizar la página
Cargamos la página en un navegador real, JavaScript incluido, para tener en cuenta también el contenido que se inserta más tarde.
-
3 Paso 3
Contar los elementos del builder
Buscamos en el HTML las clases CSS típicas de 10 page builders y contamos los elementos coincidentes.
-
4 Paso 4
Consulta el resultado
El informe indica el page builder principal, enumera otros page builders y muestra además el tema y los plugins.
Estos son los page builders que detectamos
Cada page builder deja sus propias clases CSS en el HTML de una página
-
Elementor
.elementor-widgetEl page builder más utilizado para WordPress. Se reconoce por clases como
.elementor-sectiony.elementor-element. -
Divi Builder
.et_pb_sectionEl builder de Elegant Themes, disponible como tema Divi y como plugin. Todas sus secciones, filas y módulos empiezan por
et_pb_. -
WPBakery Page Builder
.vc_rowAntes llamado Visual Composer e incluido en muchos temas premium. Sus clases típicas son
.vc_rowy.wpb_column. -
Beaver Builder
.fl-builderUn builder conocido por su código limpio y su estabilidad. Las filas y los módulos llevan las clases
.fl-rowy.fl-module. -
Bricks Builder
brxe-*Un builder orientado al rendimiento que se distribuye como tema. Cada elemento recibe una clase que empieza por
brxe-. -
Oxygen Builder
.ct-sectionUn builder que sustituye por completo al tema. Se reconoce por
.ct-section,.ct-div-blocky clases que empiezan poroxy-. -
Breakdance
breakdance-*Un builder más reciente de los creadores de Oxygen, pensado para un flujo de trabajo más sencillo. Sus elementos usan clases que empiezan por
breakdance-. -
Kadence Blocks
kb-*Una colección de bloques que amplía Gutenberg con filas, pestañas y otros bloques de maquetación. Sus clases empiezan por
kb-. -
Thrive Architect
.thrv_wrapperUn builder centrado en landing pages y conversión. Se reconoce por las clases
.thrv_wrappery.tve_editor. -
Gutenberg (editor de bloques)
wp-block-*El editor de bloques integrado en WordPress desde la versión 5.0. Cada bloque recibe una clase que empieza por
wp-block-.
Cómo interpretar el resultado
Cuatro detalles que te ayudan a entender el page builder detectado
- Page builder principal
- El page builder con más elementos en la página se muestra como resultado principal. En una página típica de Elementor son varios cientos de elementos frente a un puñado de bloques de Gutenberg.
- Varios page builders
- Si se encuentra más de un page builder, el informe los muestra todos con su número de elementos. Dos page builders completos en una misma página suelen ser señal de un relanzamiento que nunca se terminó.
- Block Theme
- El informe indica por separado si el tema es un Block Theme. Comprobamos si existe el archivo
templates/index.htmlen la carpeta del tema, el indicador fiable de Full Site Editing. - Classic Editor
- Si no se encuentran clases de ningún page builder, el informe muestra Classic Editor. Ese también es el resultado en páginas cuyo contenido procede por completo de plantillas del tema o de código propio.
Descubre qué page builder usa una web WordPress
¿Te gusta una web y quieres saber cómo está hecha? ¿O vas a hacerte cargo del proyecto de un cliente y necesitas saber a qué te enfrentas antes de presupuestar? El detector de page builder de InspectWP carga la página en un navegador real y examina el HTML final. Cada page builder deja clases CSS características en su código, por ejemplo .elementor-widget en Elementor o .et_pb_section en Divi. Contamos estos elementos y te decimos con qué page builder se creó la página.
Más que el page builder: tema, complementos y plugins en un solo informe
El page builder por sí solo rara vez cuenta toda la historia. Por eso el informe muestra también el tema activo, incluido un posible tema hijo, si se trata de un Block Theme con Full Site Editing y todos los plugins detectados en la página. Esto incluye acompañantes típicos como Elementor Pro o paquetes de complementos. Para las agencias es la forma más rápida de valorar un proyecto que van a asumir: ves de un vistazo si tienes delante una configuración de bloques ligera o un page builder con una docena de extensiones.
Miles de propietarios de sitios web confían en InspectWP
Los números hablan por sí solos
Preguntas frecuentes sobre el detector de page builder
Cómo funciona la detección y qué te dice el resultado
Más herramientas útiles
Estas comprobaciones cubren temas relacionados
- Verificación RGPD
- Auditoría seguridad WordPress
- Verificador de cabeceras HTTP
- Verificador de hosting
- Verificador de webfonts
- Verificador de favicon
- Verificador de registros DNS
- Verificador de etiquetas alt
- Sitemap Checker
- Open Graph Checker
- Verificador SPF y DMARC
- Verificador de accesibilidad
- Escáner de vulnerabilidades WordPress
- Verificador de contenido mixto
- Escáner de cookies
- Verificador de versión de PHP