WordPress Page Builder Detector
Mit welchem Page Builder wurde diese WordPress-Website gebaut?
Was findet der Page Builder Detector heraus?
Den Page Builder oder Editor, mit dem die Seite gebaut wurde
10 Builder, von Elementor und Divi bis Bricks und Gutenberg
Mehrere Builder auf derselben Seite, sortiert nach Anzahl der Elemente
Block-Theme mit Full Site Editing oder klassisches Theme
Das aktive Theme und ein Child-Theme, falls eines genutzt wird
Builder-Add-ons und alle weiteren erkannten Plugins
So funktioniert der Page Builder Detector
In 4 Schritten von der URL zum erkannten Builder
-
1 Schritt 1
URL eingeben
Gib die Adresse der Seite ein, die du dir ansehen möchtest. Das funktioniert mit jeder öffentlich erreichbaren WordPress-Website.
-
2 Schritt 2
Seite rendern
Wir laden die Seite in einem echten Browser, inklusive JavaScript, damit auch nachträglich eingefügte Inhalte berücksichtigt werden.
-
3 Schritt 3
Builder-Elemente zählen
Wir durchsuchen das HTML nach den typischen CSS-Klassen von 10 Page Buildern und zählen die passenden Elemente.
-
4 Schritt 4
Ergebnis lesen
Der Report nennt den Haupt-Builder, listet weitere Builder auf und zeigt zusätzlich Theme und Plugins.
Diese Page Builder werden erkannt
Jeder Builder hinterlässt seine eigenen CSS-Klassen im HTML einer Seite
-
Elementor
.elementor-widgetDer meistgenutzte Page Builder für WordPress. Erkennbar an Klassen wie
.elementor-sectionund.elementor-element. -
Divi Builder
.et_pb_sectionDer Builder von Elegant Themes, erhältlich als Divi-Theme und als Plugin. Seine Bereiche, Zeilen und Module beginnen alle mit
et_pb_. -
WPBakery Page Builder
.vc_rowFrüher als Visual Composer bekannt und in vielen Premium-Themes enthalten. Typische Klassen sind
.vc_rowund.wpb_column. -
Beaver Builder
.fl-builderEin Builder, der für saubere Ausgabe und Stabilität bekannt ist. Zeilen und Module tragen die Klassen
.fl-rowund.fl-module. -
Bricks Builder
brxe-*Ein auf Performance ausgelegter Builder, der als Theme ausgeliefert wird. Jedes Element bekommt eine Klasse, die mit
brxe-beginnt. -
Oxygen Builder
.ct-sectionEin Builder, der das Theme komplett ersetzt. Erkennbar an
.ct-section,.ct-div-blockund Klassen, die mitoxy-beginnen. -
Breakdance
breakdance-*Ein neuerer Builder von den Machern von Oxygen, der auf einen einfacheren Workflow setzt. Seine Elemente nutzen Klassen, die mit
breakdance-beginnen. -
Kadence Blocks
kb-*Eine Block-Sammlung, die Gutenberg um Zeilen, Tabs und weitere Layout-Blöcke erweitert. Ihre Klassen beginnen mit
kb-. -
Thrive Architect
.thrv_wrapperEin Builder mit Fokus auf Landingpages und Conversion. Erkennbar an den Klassen
.thrv_wrapperund.tve_editor. -
Gutenberg (Block Editor)
wp-block-*Der Block-Editor, der seit Version 5.0 fest in WordPress eingebaut ist. Jeder Block bekommt eine Klasse, die mit
wp-block-beginnt.
So liest du das Ergebnis
Vier Punkte, die dir helfen, den erkannten Builder richtig einzuordnen
- Haupt-Builder
- Der Builder mit den meisten Elementen auf der Seite wird als Hauptergebnis angezeigt. Auf einer typischen Elementor-Seite stehen dabei mehrere hundert Elemente einer Handvoll Gutenberg-Blöcke gegenüber.
- Mehrere Builder
- Wird mehr als ein Builder gefunden, listet der Report alle mit ihrer Elementanzahl auf. Zwei vollwertige Builder auf einer Seite sind meist ein Zeichen für einen Relaunch, der nie abgeschlossen wurde.
- Block-Theme
- Der Report zeigt separat an, ob das Theme ein Block-Theme ist. Wir prüfen dazu, ob im Theme-Ordner die Datei
templates/index.htmlliegt. Sie ist das zuverlässige Merkmal für Full Site Editing. - Classic Editor
- Werden keine Builder-Klassen gefunden, zeigt der Report Classic Editor an. Das ist auch das Ergebnis bei Seiten, deren Inhalt komplett aus Theme-Templates oder eigenem Code stammt.
Finde heraus, welchen Page Builder eine WordPress-Website nutzt
Dir gefällt eine Website und du willst wissen, wie sie gebaut wurde? Oder du übernimmst ein Kundenprojekt und musst vor dem Angebot wissen, was dich erwartet? Der InspectWP Page Builder Detector lädt die Seite in einem echten Browser und schaut sich das fertige HTML an. Jeder Page Builder hinterlässt typische CSS-Klassen in seiner Ausgabe, zum Beispiel .elementor-widget bei Elementor oder .et_pb_section bei Divi. Wir zählen diese Elemente und sagen dir, mit welchem Builder die Seite gebaut wurde.
Mehr als nur der Builder: Theme, Add-ons und Plugins in einem Report
Der Page Builder allein erzählt selten die ganze Geschichte. Deshalb zeigt der Report auch das aktive Theme samt Child-Theme, ob es sich um ein Block-Theme mit Full Site Editing handelt, und alle auf der Seite erkannten Plugins. Dazu gehören typische Begleiter wie Elementor Pro oder Add-on-Pakete. Für Agenturen ist das der schnellste Weg, eine Übernahme einzuschätzen: Du siehst auf einen Blick, ob du es mit einem schlanken Block-Setup zu tun hast oder mit einem Builder plus einem Dutzend Erweiterungen.
Tausende Website-Betreiber vertrauen auf InspectWP
Die Zahlen sprechen für sich
Häufige Fragen zum Page Builder Detector
Wie die Erkennung funktioniert und was dir das Ergebnis verrät
Weitere passende Checks
Diese Tools helfen dir bei verwandten Themen
- DSGVO Check
- WordPress Security Check
- HTTP Security Header Checker
- Hosting Checker
- Webfont Checker
- Favicon Checker
- DNS Records Checker
- Alt-Tag Checker
- Sitemap Checker
- Open Graph Checker
- SPF & DMARC Checker
- Barrierefreiheit-Check
- WordPress Schwachstellen-Scanner
- Mixed Content Checker
- Cookie Checker
- PHP Version Checker