Was ist Elementor eigentlich?
Elementor ist ein Page Builder für WordPress. Das Besondere daran ist, dass Elementor kein Theme ist sondern als Plugin installiert wird. Du brauchst also noch ein WordPress Theme. Keine Angst: Mittlerweile gibt es viele Themes welche für Elementor optimiert sind.
Mit Elementor kannst du ganze Websites ganz schnell und komfortabel erstellen. Hierfür brauchst du wirklich keine Kenntnisse in CSS oder HTML. Wirklich alles erdenkliche lässt sich über den visuellen Page Builder einstellen. Durch ein sehr intuitives Interface ist Elementor sehr übersichtlich und daher auch für Anfänger sehr gut geeignet.
Besonders gefällt dabei das Live-Editing. Das bedeutet, du änderst eine Farbe, Wert, etc und siehst direkt auf der Website was passiert und wie das ganze aussieht. Besonders interessant beim Einsatz von eigenem CSS: Auch der CSS-Code wird zu 90% live angezeigt. Damit können kleinere CSS-Änderungen ohne mehrfaches Aktualisieren der Webseite realisiert werden. Du hast gerade nur Bahnhof verstanden? Falls du kein CSS-Code anwenden möchtest, kannst du alles im Drag-and-Drop Page Builder visuell gestalten.
Alle Einstellungsmöglichkeiten sind semantisch getrennt (Inhalt, Style & Erweitert) und funktionieren für jedes Widget (Modul) relativ gleich. So musst du nicht jedes Modul in Elementor erlernen. Entsprechend fällt der Einstieg in Elementor besonders leicht.
Erwähnenswert ist, dass es Elementor in einer kostenlosen Variante und in einer Pro Version gibt. Wobei die kostenlose Variante des Plugins bereits viele Funktionen bietet. Die Unterschiede zwischen der kostenlosen und der Pro Version von Elementor habe ich weiter unten aufgeführt.
Elementor - Vorteile
Wie du bereits im Einführungstext gelesen hast, ist es möglich, ohne Programmierkenntnisse eine tolle WordPress Website mit Elementor zu erstellen. Im Vergleich mit anderen Page Builder für WordPress finde ich den Editor am intuitivsten
Auch die Einstellungsmöglichkeiten bieten alles um eine moderne und cleane Website zu erstellen. Ich denke die Elementor Vorteile sprechen für sich:
- Visuelle Erstellung ohne Coding: Selbst ein WordPress Anfänger kann ganz easy eine Website zusammenklicken. Alle Änderungen werden sofort sichtbar und die unzähligen übersichtlichen Einstellmöglichkeiten für die Elemente lassen keine Wünsche offen.
- Globale Elemente: Falls du Elemente hast, die über mehrer Websiten gleich sein sollen, bekommst du mit den globalen Widgets ein mächtigstes Tool an die Hand. Und wenn sich einmal etwas ändern sollte, kannst du mit einer Änderungen gleich mehrere Unterseiten updaten.
- Alles mit dem Theme Builder anpassen: Der Theme Builder sorgt dafür, dass Elementor an Beliebtheit kaum zu überbieten ist. Damit kannst du Header, Footer, Blogbeiträge, etc direkt über den Page Builder anpassen. Über Bedingungen kannst du diese den jeweiligen Unterseiten zuweisen.
- Viele Einstellungsmöglichkeiten der Elemente: Bei anderen Page Buildern musst du immer wieder mit CSS arbeiten – weil eben nicht alles anpassbar ist. Mit dem Elementor Editor gehören diese Tage der Vergangenheit an.
- WooCommerce Integration: Besonders für Online Shops ist Elementor interessant. Jetzt ist es möglich auch einzelne Produktseiten mit dem Page Builder anzupassen. Damit steigerst du auch deine Konversion im e-Commerce Bereich
- Integrierte Marketing-Tools: Egal ob du nach einem Exit-intent Popup suchst oder ein Formular erstellen willst. Alles ist nativ in Elementor integriert. In Verbindung mit der globalen Widget Funktion, erhälst du ein starkes Marketing Tool – direkt in Elementor.
- über 90+ Widgets: Elementor Pro kommt mit allem was man so für eine moderne Website braucht: Testimonial Section, Slider, Carousel, Accordeon, usw.
- Parallax Scrolling macht Scrollytelling möglich: Durch die verschiedenen richtig coolen Motion Effects erstellst du eine tolle Scrollytelling Seite. Hier hört Elementor jedoch nicht beim Parallax Scrolling auf: Unschärfen, X-Achsen, Y-Achsen usw können je nach Scrolling (auch über Offsets) angepasst werden. Damit schaffst du emotionale WordPress Websiten.
- Viele Addons für Elementor erweitern die Funtkionalität: Viele Entwickler stürzen sich auf Elementor und programmieren weitere Widgets (Elemente), die du ganz einfach installieren kannst. So gibt es unzählige neue Elemente, die dir helfen, deine Website noch einzigartiger zu machen.
- Template-Kits: Mit einem Klick startest du direkt mit einem kompletten Website Layout. Hier werden sogar alle Bilder direkt in die Mediathek importiert. Hierdurch erstellst du eine Website in unter 4 Minuten.
Elementor - Nachteile
Die Nachteile von Elementor gehen einher mit dem Umstand, dass es sich um einen Page Builder handelt:
- Komplexe Websiten einfach erstellen – ein Paradox: Auch wenn es möglich ist, einfach eine Website zu erstellen ist das Handwerk des Webdesigners nicht mal eben gelernt. Nutzerführung, Gestaltungsgrundsätze und Usability sind nicht automatisch per Page Builder erreichbar, sondern das Resultat aus einem jahrelangen Lernprozess.
- Erhöhte Ladezeiten: Auch wenn Elementor hier alles richtig macht, müssen die vielen Funktionen im Code untergebracht werden – und blähen eben diesen auf. Das führt dazu, dass ein Pagespeed Score von 100 nicht mal eben so einfach mit dem Elementor Plugin erreicht werden kann. Dennoch ist es möglich, hier im oberen 90er Bereich mit Elementor zu landen – nur eben nicht ganz so einfach wie das Erstellen der Website.
- Lock-in-Effekt: Jeder Page Builder bindet den User an das System. Das bedeutet, wenn du Elementor verwendest bist du gefangen. Ein Wechsel wird nicht einfach – da Inhalte per Hand aus dem Live-Editor in das neue Theme kopiert werden müssen. Deshalb spricht man vom Lock-in-Effekt. Zum Glück haben die Elementor Entwickler dies erkannt und hinterlassen nach der Deinstalltion weitestgehend sauberen, lesbaren Code.
- Keine Lifetime Lizenzen: Leider gibt es mittlerweile keine Elementor Lifetime-Lizenzen. Das bedeutet, du zahlst pro Jahr (oder verzichtest auf wichtige Updates)
Free Version vs. Pro Version
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Hello Elementor - das Beste kostenlose Elementor Theme
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Responsive Design mit Elementor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
