Elementor 4 — was sich für deine Website ändert.

Der Stand.

Stand der Recherche: Oktober 2026, nach Angaben des Herstellers. Elementor entwickelt die Atomic-Elemente laufend weiter; einzelne Funktionen, die es als alte Widgets gibt, haben noch kein vollständiges Gegenstück. Vor einer Umstellung lohnt deshalb ein Blick, ob alles, was die Website nutzt, schon abgebildet ist.

Was neu ist.

Bisher war Elementor widgetorientiert: Jedes Widget brachte seine eigenen Einstellungen mit, und Gestaltung wurde Widget für Widget eingestellt. Wer eine Schaltfläche auf zwanzig Seiten ändern wollte, änderte sie zwanzigmal — oder hatte vorher mit globalen Einstellungen sehr diszipliniert gearbeitet.

Der Atomic Editor dreht das um. Er setzt auf kleinere Bausteine und auf Werkzeuge, die aus der Webentwicklung kommen: zentrale Werte, wiederverwendbare Stile und wiederverwendbare Bausteine. Das Ergebnis soll schlankerer Code und konsistentere Gestaltung sein.

Für erfahrene Webentwickler ist das eine vertraute Arbeitsweise. Für Teams, die Elementor bisher rein visuell genutzt haben, ist es ein Umdenken.

Variablen.

Variablen sind zentral gespeicherte Werte — etwa Markenfarben, Abstände oder Schriftgrößen. Ein Element verweist auf die Variable statt auf einen festen Wert. Ändert sich die Variable, ändern sich alle Stellen, die sie nutzen.

Das klingt nach einer Kleinigkeit und ist in der Pflege ein großer Unterschied: Eine neue Markenfarbe ist eine Änderung, nicht eine Suche durch hundert Seiten. Gleichzeitig hilft es bei der Barrierefreiheit, weil Kontraste an einer Stelle geprüft und korrigiert werden (Farben und Kontraste).

Klassen.

Klassen sind benannte Stile, die man mehreren Elementen zuweisen kann. Statt jede Überschrift einzeln zu gestalten, bekommt sie eine Klasse, und die Klasse bestimmt das Aussehen.

Das ist die Arbeitsweise, mit der Webentwickler seit jeher Stylesheets schreiben, jetzt in der Oberfläche von Elementor. Der Vorteil: einheitliche Gestaltung und weniger erzeugter Code. Die Voraussetzung: ein durchdachtes Benennungsschema, sonst entsteht ein neues Durcheinander, nur an anderer Stelle.

Komponenten.

Komponenten sind wiederverwendbare Bausteine aus mehreren Elementen — etwa eine Leistungskarte mit Symbol, Überschrift, Text und Schaltfläche. Einmal gebaut, an vielen Stellen eingesetzt, zentral geändert.

Bisher löste man das mit globalen Widgets oder Vorlagen, mit gewissen Einschränkungen. Komponenten sind der sauberere Weg und schaffen die Grundlage für ein echtes kleines Gestaltungssystem auf der eigenen Website.

Was mit bestehenden Websites passiert.

Zunächst nichts Dramatisches. Bestehende Seiten mit alten Widgets funktionieren weiter. Neue Atomic-Elemente lassen sich auf denselben Seiten ergänzen. Es gibt also keinen Stichtag, an dem alles umgebaut sein muss.

Langfristig ist die Richtung aber klar: Die Weiterentwicklung findet bei den Atomic-Elementen statt. Alte Widgets werden gepflegt, neue Funktionen kommen dort an, wo der Hersteller seine Zukunft sieht.

Wer noch auf dem alten Aufbau aus Abschnitten und Spalten steht, hat zwei Generationen Rückstand. Für diese Websites ist die Umstellung auf Container der erste Schritt (Container umstellen).

Muss ich jetzt umstellen?

Nein. Und ich rate davon ab, eine funktionierende Website hektisch umzubauen, nur weil es eine neue Arbeitsweise gibt.

Sinnvoll ist eine Umstellung, wenn ohnehin eine Überarbeitung ansteht, wenn die Website neue Gestaltung bekommt, wenn die Pflege durch Uneinheitlichkeit mühsam geworden ist oder wenn die Ladezeit verbessert werden soll. Dann verbindet man die Umstellung mit einem Zweck.

Nicht sinnvoll ist sie, wenn die Website stabil läuft, selten geändert wird und keine Überarbeitung ansteht. Dann reicht es, Elementor aktuell zu halten und neue Seiten bereits mit den neuen Werkzeugen zu bauen.

Ein geordneter Umstieg.

1. Bestandsaufnahme: Welche Widgets und Zusatzpakete werden genutzt, auf welchen Seiten?
2. Abgleich: Gibt es für alles ein Atomic-Gegenstück?
3. Gestaltungsgrundlage: Variablen für Farben, Schriften und Abstände anlegen.
4. Klassen definieren mit einem klaren Benennungsschema.
5. Komponenten bauen für wiederkehrende Bausteine.
6. Kopf- und Fußbereich zuerst umstellen — sie sind auf jeder Seite.
7. Wichtigste Seiten nach Besucherzahl umstellen.
8. Rest schrittweise, bei ohnehin anstehenden Änderungen.

Alles in einer Testumgebung, mit Sicherung vorher. Und nach jeder umgestellten Seite: messen, ob sie schneller geworden ist, und prüfen, ob sie auf Mobilgeräten stimmt (Testumgebung).

Zusatzpakete und Elementor 4.

Viele Zusatzpakete sind für das alte Widget-Modell gebaut. Ob und wann sie Atomic-Elemente anbieten, entscheidet jeder Hersteller selbst. Bis dahin funktionieren ihre Widgets als alte Widgets weiter.

Das ist ein guter Anlass, die Zusatzpakete zu hinterfragen. Was die neuen Werkzeuge selbst können, braucht kein Paket mehr. Und jedes Paket weniger ist ein Risiko weniger bei künftigen Updates (Addons aufräumen).

Was das für das Team heißt.

Für Redakteure, die nur Texte und Bilder pflegen, ändert sich wenig. Für alle, die Seiten gestalten, ändert sich viel: Sie arbeiten mit Variablen, Klassen und Komponenten statt mit Einzeleinstellungen.

Das ist eine echte Verbesserung, wenn das Team es versteht — und eine Quelle neuer Unordnung, wenn nicht. Eine kurze Einweisung in die Grundbegriffe und ein dokumentiertes Benennungsschema sparen später viel Aufräumarbeit. Das ist genau der Teil, den ich als Dozent am liebsten übernehme: Das Werkzeug ist schnell erklärt, das Denken dahinter braucht eine Stunde mehr.

Wenn du nicht weiterkommst.

Wenn du wissen willst, ob und wie sich der Umstieg auf Elementor 4 für deine Website lohnt. Ich finde die Ursache, behebe sie und erkläre dir, was passiert ist. Wenn die Website gerade steht, hilft der Notfall-Support, dauerhaft begleitet die WordPress-Wartung.

Orientierungswerte, keine Fixpreise — nach einem kurzen Gespräch bekommst du ein Festpreisangebot.

Wer hilft.

Ich bin Manuel Killert, Webentwickler aus Quakenbrück. WordPress und seine Page-Builder sind mein Fachgebiet — ich baue damit seit Jahren, unterrichte das Thema als Dozent und kenne Elementor nicht nur aus der Oberfläche, sondern von innen: wie es Daten speichert, CSS erzeugt, Skripte lädt und mit Theme, Cache und Erweiterungen zusammenspielt.

Das ist bei Elementor der entscheidende Unterschied. Die meisten Probleme sehen aus wie Gestaltungsfragen und sind in Wahrheit technische: ein erzeugtes Stylesheet, das nicht neu geschrieben wurde, ein Speicherlimit, ein Konflikt zweier Erweiterungen. Wer das Innere kennt, findet die Ursache in Minuten statt in Stunden.

Was du bekommst: eine Diagnose in verständlicher Sprache, eine Behebung, die hält, und eine ehrliche Einschätzung, ob Elementor für deine Website weiterhin die richtige Wahl ist — auch wenn die Antwort lautet, dass alles so bleiben kann.