In der aktuellen Version arbeitet Elementor nicht mehr primär mit Abschnitten und Spalten, sondern mit sogenannten Containern.
Das neue Container-Layout ist flexibler, moderner und ermöglicht dir präzise Kontrolle über das Layout – auch bei responsiven Designs.
Was ist ein Container?
Ein Container ist ein flexibler Bereich, in dem du Inhalte platzieren kannst – wie Texte, Bilder oder Buttons. Container können nebeneinander oder untereinander angeordnet sein, und du kannst sie ineinander verschachteln, um komplexe Layouts zu gestalten. Sie sind responsive einsetzbar.
Container hinzufügen
Logge dich in WordPress ein
→ Zur Anleitung „Wie logge ich mich in WordPress ein?“
Öffne die gewünschte Seite mit „Mit Elementor bearbeiten“
Klicke auf das ➕-Symbol in der Mitte oder oben im Inhaltsbereich. Nun öffnet sich diese Auwahl:
Wenn du einen neuen Container in Elementor einfügst, wirst du gefragt, ob du das Layout mit Flexbox oder Raster (Grid) aufbauen möchtest. Beide Varianten bestimmen, wie sich deine Inhalte im Container anordnen.
Flexbox (empfohlen) ist das moderne, flexible Standard-Layout in Elementor.
Ideal für einfache und responsive Layouts (z. B. 2–3 Spalten nebeneinander)
Spalten können sich automatisch anpassen
Inhalte lassen sich leicht vertikal & horizontal ausrichten
Einfacher für mobile Anpassungen (z. B. Reihenfolge ändern)
Verwendung:
Empfohlen für fast alle Layouts, die du mit Elementor gestaltest – z. B. Startseite, Text-Bild-Blöcke, Hero-Abschnitte usw.
Raster ist eine Alternative, bei der du Inhalte in einem festen Spalten-/Zeilenraster platzierst – ähnlich wie in einer Tabellenstruktur.
Gut für sehr komplexe Layouts mit vielen Elementen in mehreren Reihen und Spalten
Ideal für strukturierte Anordnungen wie Galerien, Preislisten, Tabellen-artige Designs
❗ Nachteile:
Weniger flexibel als Flexbox
Schwerer zu kontrollieren in der mobilen Ansicht
Eher etwas für fortgeschrittene Nutzer:innen
Wähle „Flexbox“, wenn du dir nicht sicher bist – es ist das Standard-Layout in Elementor, leicht zu bedienen und für fast alle Einsatzzwecke geeignet.
Struktur auswählen
Nun wählst du ein vordefiniertes Layout – also wie viele Spalten (bzw. Container nebeneinander) Elementor automatisch anlegen soll.
| Symbol | Bedeutung |
|---|---|
| Pfeil nach unten | Ein Container mit Inhalten untereinander |
| Pfeil nach rechts | Ein Container mit Inhalten nebeneinander |
| Weitere Varianten | 3, 4, 5 Spalten oder Kombinationen aus schmal/breit (z. B. 30 % – 70 %) |
Wofür du welche Struktur verwendest:
| Struktur | Verwendung |
|---|---|
| 1 Spalte (vertikal) | Für einfache Textbereiche, Formulare oder einen Call-to-Action |
| 2 Spalten (50/50) | Klassiker: Text links, Bild rechts (oder umgekehrt) |
| 3+ Spalten | Für z. B. Icons, Features, Angebote nebeneinander |
| Asymmetrische Aufteilungen | Wenn du z. B. ein großes Bild und einen kleineren Textbereich brauchst |
Tipp:
Du kannst jede Struktur später ändern – also z. B. eine dritte Spalte hinzufügen oder das Verhältnis anpassen.
Wähle hier einfach die Struktur, die deiner Idee am nächsten kommt – du musst dich nicht festlegen.
Container entfernen
Fahre mit der Maus über den Container, den du löschen möchtest
Klicke auf das 6-Punkte-Icon (Container auswählen)
oder Klicke mit der rechten Maustaste und wähle „Löschen“
Achte darauf, dass beim Löschen eines Containers alle darin enthaltenen Inhalte ebenfalls gelöscht werden.
Container verschieben
Klicke auf das 6-Punkte-Symbol des Containers
Ziehe den Container an die gewünschte Stelle im Layout
→ Elementor zeigt dir dabei automatisch mögliche Einfügepunkte an
Alternativ öffnest du das Menü „Struktur“ und verschiebst du Container innerhab der Liste an die gewünscte Stelle.
| Aktion | Vorgehen im Container-System |
|---|---|
| Neuen Bereich anlegen | ➕ → „Container“ auswählen |
| Zwei Spalten nebeneinander | Zwei Container → übergeordneten Container auf „horizontal“ stellen |
| Container löschen | Rechtsklick auf 6-Punkte-Icon → „Löschen“ |
| Verschieben | 6-Punkte-Icon greifen → an neue Stelle ziehen |