Ich persönlich nutze Elementor Pro schon seit vielen Jahren und bin davon überzeugt, dass der WordPress Page Builder auch im Jahr 2024 eine wirklich gute Wahl ist, um eine WordPress Webseite zu erstellen!
Mit Elementor kannst du großartige Designs und Layouts schnell und einfach umsetzen. Bereits die kostenlose Variante bietet wirklich extrem viel.
In der Pro-Version (Elementor Pro) ist sogar ein eigener Theme-Builder und Loop-Builder integriert (+ viele weitere Funktionen).
Alle Details zu Elementor zeige ich dir in diesem Testbericht.
- Das wichtigste in Kürze
- Was ist Elementor und Elementor Pro?
- Wie funktioniert Elementor?
- Elementor installieren
- Elementor Funktionen in der kostenlosen Version
- Funktionen in der Pro-Version
- Elementor Preise
- Templates / Vorlagen nutzen
- Die besten WordPress Themes für Elementor
- Elementor Performance
- Elementor und SEO
- Vorteile & Nachteile
- Elementor Alternativen
- Mein Fazit
Das wichtigste in Kürze
- Elementor ist der beliebteste Page Builder für WordPress mit über 5 Millionen aktiven Nutzern.
- Elementor bietet intuitive Bedienung mittels einem Drag-and-Drop Editor.
- Responsive Design gestaltet sich durch Elementor mühelos für diverse Endgeräte.
- Die Basisversion von Elementor ist kostenlos und beinhaltet bereits einen hohen Funktionsumfang.
- Mit Elementor Pro bekommt man Zugriff auf erweiterte Funktionen – darunter dem Theme-Builder sowie dem Loop-Builder und man kann mit dynamischen Daten arbeiten (z.B. ACF).
- Elementor bietet auch optional eine Cloud-Hosting-Lösung (Elementor Cloud Hosting*)
- Gegen Aufpreis kann man auch KI-Funktionen direkt in Elementor nutzen (Elementor AI)
Was ist Elementor und Elementor Pro?
Elementor ist ein kostenloser Page Builder für WordPress. Damit kannst du Seiten und Beiträge deiner WordPress-Webseite einfach mittels einem Drag & Drop Editor erstellen. Nahezu jedes Design lässt sich somit (relativ einfach und schnell) mit Elementor umsetzen. Außerdem bist du nicht auf die Optik und das Design deines Themes beschränkt.
Apropos Theme: Elementor ist mit fast jedem WordPress-Theme kompatibel, darauf gehe ich weiter unten im Beitrag aber noch genauer ein.
Folgendes Video demonstriert, wie du mit Elementor schnell und einfach eine Webseite umsetzen kannst:
Elementor Pro mit integrierten Theme-Builder
Vom Page-Builder zum Theme-Builder. Elementor Pro ist ein kostenpflichtiges Upgrade und bietet nochmals deutlich mehr Features als die kostenlose Version von Elementor.
In der Pro-Version ist es unter anderem auch möglich, die Header- und Footer-Bereiche (also Kopf- und Fußzeile der Webseite) vollständig mit Elementor zu erstellen und zu stylen. Außerdem können Templates für Archive, Blog-, 404-Seiten etc. erstellt werden.
Somit ist man überhaupt nicht mehr an das Layout des Themes gebunden und kann quasi sein eigenes Theme-Layout auf Elementor-Basis erstellen.
Mehr dazu erfahren:
Eigenes WordPress Theme mit dem Elementor Theme Builder erstellen
Einige Features von Elementor Pro:
- Theme-Builder
- Loop-Builder
- Große Auswahl an Template-Kits
- Kontaktformular-Builder (inkl. Multistep-Form)
- Pop-Up Builder
- Woocommerce-Styling & Widgets
- Scrolling-Effekte
- Slider-Builder
- Scrolling-Effekte
- uvm.
Mehr Details findest du in meinem Beitrag Elementor Pro – lohnt sich ein Kauf?
Wie funktioniert Elementor?
Elementor ist ein Drag & Drop Page Builder. Eine Seite kann quasi „live“ von dir erstellt werden und du siehst die Ergebnisse sofort. Dabei basiert Elementor auf einzelne Elemente bzw. Widgets, die du einfach per Drag & Drop an die gewünschte Stelle ziehst.
Eine Seitenleiste innerhalb des Editors bietet zudem eine Vielzahl von Widgets und Einstellungsmöglichkeiten, die ich nutzen kann, um die Funktionalität meiner Seite zu erweitern. Von einfachen Textboxen bis hin zu fortschrittlichen Slidern – Elementor stellt alles bereit, was ich für die Gestaltung einer professionellen Website benötige.
Mit dem „Finder“-Feature finde ich schnell jede Seite, jedes Widget oder jeden Einstellungsbereich wieder – das erleichtert mir die Navigation enorm, wenn ich an mehreren Stellen meiner Website gleichzeitig arbeite.
Starten kannst du den Page Builder übrigens auch direkt aus dem WordPress Editor. Du kannst also einfach eine neue Seite erstellen, und dann im (Gutenberg-) Editor auf den Button Mit Elementor bearbeiten klicken.
Layout in Container organisieren
Während man früher in Elementor mit Abschnitten und Spalten gearbeitet hat, stehen mittlerweile Container zur Verfügung und ersetzen die Abschnitte.
Du kannst in den Containern deine Widgets (= Elemente) platzieren und anordnen. Außerdem ist es auch möglich Container innerhalb von Containern zu platzieren, um komplexere Layouts umzusetzen.
In diesem Video von meinem YouTube-Kanal zeige ich dir, wie du ein Layout / Design mit den Flexbox-Containern umsetzen kannst:
Alles kann mit wenigen Klicks angepasst werden
Die Container und auch die einzelnen Elemente – einfach alles kann in Elementor individuell und einfach angepasst werden.
Zum Beispiel kannst du die Größe, Breite, Farbe etc. von jedem Container oder von jedem Element mit wenigen Klicks anpassen, Hintergrundbilder oder selbst Hintergrundvideos einfügen, oder einfach nur einen Rahmen oder eine Schattierung um ein Element legen. Die Möglichkeiten scheinen fast unbegrenzt zu sein!
Wenn du ein Widget oder einen Container bearbeiten willst, dann klicke einfach mit der rechten Maustaste auf das entsprechende Element. Die verfügbaren Optionen siehst du dann links in der Elementor-Sidebar
Perfekt Responsive – eine Seite für Smartphones und Tablets anpassen
Elementor ermöglicht es dir, deine Inhalte mit nur wenigen Klicks perfekt für alle Endgeräte zu optimieren. Dabei kannst du die Größen für einzelne Elemente und Container individuell für die jeweiligen Endgeräte (Smartphone, Tablet oder PC) festlegen.
Klicke einfach unten in der Elementor-Sidebar auf das Monitor Symbol. Dort kannst du zwischen Desktop, Tablet und Smartphone wählen.
Außerdem ist es möglich, einzelne Elemente oder Container nur auf bestimmten Endgeräten anzuzeigen:
- Klicke auf ein Widget, einen Container oder ein Widget
- Klicke in der Elementor Sidebar auf „Erweitert“
- Nutze die Responsiv Optionen
In diesem Video von meinem YouTube-Kanal zeige ich dir, wie du mit Elementor deine Webseite perfekt auf mobile Endgeräte optimieren kannst:
Elementor installieren
Bei Elementor handelt es sich um WordPress Plugin. Dieses kann einfach über das WordPress Backend mit einem Klick installiert werden.
Elementor Pro download und Installation
Das kostenpflichtige Upgrade Elementor Pro kannst du hier kaufen*. Bezahlt werden kann unter anderem mit PayPal oder Kreditkarte. Außerdem bekommst du eine 30-Tage Geld-zurück-Garantie.
Updates und Support sind für ein Jahr enthalten. Wenn du danach deine Lizenz nicht mehr erneuerst, kannst du den Pagebuilder aber natürlich wie gewohnt weiter verwenden – du bekommst dann nur eben keine Updates mehr.
Installation:
Nach dem Kauf erhältst du in deinem Kundenkonto einen Lizenzcode und kannst Elementor Pro herunterladen.
Danach kannst du Elementor Pro einfach über das WordPress-Backend installieren:
Plugins – Installieren – hochladen (lade die Datei so wie sie ist, also als Zip-Datei hoch)
Elementor Funktionen in der kostenlosen Version
Was kostet Elementor in seiner Basisversion? Absolut nichts!
Über 30 Widgets sind direkt nach der Installation einsetzbar und bieten eine Vielzahl an Funktionalitäten. Ob Buttons, Bildergalerien oder Textblöcke – alle kommen in einem Set ohne zusätzliche Kosten.
Darüber hinaus stehen auch Vorlagen / Templates zur Verfügung, die dir als ausgezeichnete Startpunkte für verschiedene Seitendesigns dienen. Diese Templates sind anpassbar, sodass du sie mühelos nach deinen Wünschen gestalten kannst. Dank der Revisionen-Funktion kannst du Änderungen mit einem Klick zurücknehmen.
- Über 30 anpassbare Widgets zur freien Gestaltung
- Intuitiver Drag-and-Drop–Editor erleichtert Webdesign
- Revisionssicherheit durch Rückgängigmachungsfunktion
- Effektive Vorlagen zur Beschleunigung des Designprozesses
Hier siehst du einige Elemente („Widgets“) die in der kostenlosen Version von Elementor zur Verfügung stehen:
Funktionen in der Pro-Version
Die Pro Version von Elementor bietet mit 50+ weiteren Widgets nochmals ein großes Update zur kostenlosen Version. Auf die größten Highlights von Elementor Pro möchte ich hier kurz eingehen.
Mehr Widgets / Elemente
Mit Elementor Pro hast du Zugriff auf eine noch größere Auswahl an Widgets, die deiner Kreativität keine Grenzen setzen. Spezialisierte Widgets für Beiträge und Portfolios erlauben es dir, anspruchsvolle Projekte mit diversen Inhalten ansprechend darzustellen.
Theme Builder
Elementor Pro bietet eine Theme-Builder Funktionalität. Somit kannst du im Grunde alle Elemente und Seiten deiner Webseite mit Elementor stylen bzw. erstellen (Header, Footer, Blog-Beitragsseite, Kategorieseiten, Suchergebnis-Seite, 404-Seite etc.).
Globale Stile und Designeinstellungen
Ergänzend zum Theme Builder steht die Funktion Theme-Styles zur Verfügung. Damit kann ein globaler Stil für die Webseite festgelegt werden (Bodytext, Überschriften, Linkfarbe, Button-Styles, etc.).
Auch diese Webseite habe ich komplett mit dem Theme Builder von Elementor erstellt. Hier habe ich ein Tutorial für dich erstellst, wie du mit dem Theme Builder ein eigenes WordPress Theme erstellen kannst.
Loop Builder
Der Loop Builder in Elementor Pro ist ein starkes Tool, um dynamische Inhalte wie Blogposts, Portfolio-Items oder Produktlisten attraktiv und übersichtlich zu präsentieren.
Popup Builder
In Elementor Pro ist ein wirklich guter Popup Builder mit umfangreichen Funktionen integriert. Zusätzlich stehen auch viele Popup Templates zur Verfügung.
Wirklich gut sind auch die individuellen Bedingungen, welche für jedes Popup eingestellt werden können.
Innerhalb der Popups können alle Widgets genutzt werden.
Somit kann man z.B. ein Kontakt- oder Anfrageformular, eine Galerie, oder ein umfangreiches Template mit mehreren Widgets in ein Popup einbinden.
Ich nutze Popups vor allem um neue E-Mail Abonnenten einzusammeln.
Mit einem Klick auf diesen Link öffnet sich ein mit Elementor erstelltes Popup (das wäre jetzt eine gute Gelegenheit, um dich für meinen Online-Marketing Newsletter einzutragen :-).
Das Popup habe ich dank Template in weniger als 5 Minuten erstellt.
Woocommerce Builder
Elementor Pro bietet einen Woocommerce Builder womit die Shop- und Produktseiten individuell gestylt werden können. Zusätzlich findet man weitere essentielle Woocommerce-Widgets (z.B. einen Warenkorb-Symbol für den Header inklusive Vorschaufunktion etc.).
Ich persönlich habe den Woocommerce Builder von Elementor bereits für die Erstellung von zwei Onlineshops genutzt.
Formulare + Multi-Step-Forms
Mit Elementor Pro kannst du dir ein weiteres Kontaktformular-Plugin sparen. Ein sehr fortschrittlicher Form-Builder ist in der Pro-Version bereits enthalten.
Seit dem Update auf Elementor Pro 2.10 ist sogar eine Multi-Step Funktionalität enthalten. Somit kannst du umfangreiche Formulare auch auf mehrere Schritte aufteilen oder komplexe Anfrageformulare erstellen. Leider fehlt derzeit noch die Möglichkeit auf Conditional Logic.
Design-Upgrade und weitere Funktionen
Elementor Pro bietet noch deutlich mehr Funktionen als die hier gerade gezeigten Highlights. Vor allem sind auch Funktionen zum Aufwerten des Designs integriert (Parallax- und Scrolling Effekte, Lotti-Animationen etc.).
Noch mehr Details findest du in meinem Beitrag Elementor Pro – lohnt sich ein Kauf?
Elementor Preise
Neben der kostenlosen Version gibt es verschiedene Pakete / Preispläne für die Pro-Version.
Paket | ESSENTIAL | ADVANCED | EXPERT | AGENCY |
---|---|---|---|---|
Preis pro Jahr | 59 EUR | 99 EUR | 199 EUR | 399 EUR |
Anzahl der Websites | 1 | Bis zu 3 | Bis zu 25 | Bis zu 1000 |
Premium Support | Ja | Ja | Ja | Ja |
Anzahl der Pro Widgets | 50 | 82 | 82 | 82 |
Theme Builder | Ja | Ja | Ja | Ja |
Dynamische Inhalte | Nein | Ja | Ja | Ja |
Form Builder | Ja | Ja | Ja | Ja |
Popup Builder | Nein | Ja | Ja | Ja |
Benutzerdefinierter Code & CSS | Nein | Ja | Ja | Ja |
E-Commerce-Funktionen | Nein | Ja | Ja | Ja |
Mehr Details / Pro-Version kaufen*
Templates / Vorlagen nutzen
Mit Elementor (auch in der kostenlosen Version) kannst du die von dir erstellten Abschnitte, oder ganze Seiten als Vorlagen bzw. Templates abspeichern und wiederverwenden. Du kannst diese Vorlagen auch einfach exportieren bzw. herunterladen, und sie auf einer anderen WordPress Seite wieder importieren und verwenden.
Das ist natürlich extrem genial, da du damit deinen Workflow erheblich beschleunigen kannst.
Zusätzlich stehen auch komplette Template-Kits zur Verfügung – das sind quasi komplett fertige Webseiten mit mehreren Seiten, die du mit einem Klick importieren kannst.
Wie du eine Vorlage mit Elementor erstellst
Eine Vorlage zu erstellen ist extrem einfach. Du kannst entweder einzelne Abschnitte oder gesamte Seiten als Templates abspeichern.
Einen Abschnitt als Template speichern:
Klicke mit der rechten Maustaste auf den Abschnitt, den du als Vorlage abspeichern möchtest. Danach siehst du im Menü die Option, den Abschnitt als Template zu speichern.
Eine ganze Seite als Template speichern:
Möchtest du eine ganze Seite (also mehrere Abschnitte) als Vorlage abspeichern, dann klicke links unten im Elementor-Menü auf den Pfeil neben dem Speichern-Button. Hier bekommst du die Funktion Als Template speichern.
Templates auf der eigenen Seite wiederverwenden
Möchtest du eine von dir erstellte Vorlage auf der selben Webseite woanders wiederverwenden so funktioniert das ganz einfach:
Klicke dazu einfach in den Bereich, wo du einen neuen Abschnitt hinzufügen kannst auf das graue Ordnersymbol (Template hinzufügen).
Danach öffnet sich die Elementor Template-Bibliothek. Klicke oben einfach auf meine Templates – hier findest du alle deine selbst erstellten Vorlagen bzw. Templates wieder.
Templates exportieren und importieren
In der eben angesprochenen Template-Bibliothek kannst du deine Templates auch einfach exportieren. Klicke dazu auf der rechten Seite auf die drei Punkte. Dann öffnet sich das Untermenü mit den Optionen Löschen und Export.
Wenn du auf Export klickst, wird das Template in Form einer .json-Datei heruntergeladen.
Templates importieren funktioniert ebenfalls über die Template Bibliothek (und ist genau so einfach):
Klicke oben rechts in der Template Bibliothek auf den Pfeil im Kreis um ein Template z.B. von der Festplatte zu importieren.
Weitere Kostenlose Templates
Noch mehr Templates findest du in meinem Beitrag über kostenlose Elementor Templates.
Die besten WordPress Themes für Elementor
Elementor ist mit den meisten WordPress Themes kompatibel. Solltes du Elementor Pro nutzen, und deine komplette Webseite (inklusive Header- und Footerbereich) mit Elementor erstellen, empfiehlt sich der Einsatz eines leichten Themes, welches möglichst wenig Ressourcen benötigt.
Elementor bietet hierfür das Elementor Hello Theme an (dieses kann kostenlos über das WordPress-Backend installiert werden).
Das Hello Theme ist ein komplett reduziertes Theme ohne jegliche Design- oder Layout-Elemente. Das eigentliche Design kommt dann ausschließlich von Elementor.
Bei diesem Theme müssen lediglich 17 Kilobyte an Daten geladen werden.
Folgende Themes zählen zu den beliebtesten Themes in Kombination mit Elementor. Außerdem sind diese Themes zu 100% kompatibel:
Template Name | Größe (Kilobyte) |
Hello Elementor | 17,5 kB |
Astra | 37,8 kB |
GeneratePress | 29,5 kB |
Page Builder Framework | 70,2 kB |
OceanWP | 237 kB |
Hestia | 273 kB |
Bei Interesse kannst du dir hier meinen ausführlichen GeneratePress Testbericht durchlesen. Auch diese Seite basiert auf GeneratePress in Kombination mit Elementor.
Und hier findest du meinen Testbericht zu dem ebenfalls großartigen Astra Theme, welches ich bei diversen anderen Projekten im Einsatz habe.
Elementor Performance
Eine weit verbreitete Meinung ist, dass Page Builder generell schlecht für die Performance sind. Dies liegt mitunter an dem oft “aufgeblähten” Code. Außerdem werden oft Elemente geladen, die zwar im Page Builder zur Verfügung stehen, aber die gar nicht aktiv auf der Seite genutzt werden.
Wie sich Elementor bezüglich Performance schlägt, darauf möchte ich jetzt genauer eingehen. Außerdem möchte ich darauf eingehen, wie ein Page Builder deine Ladezeit paradoxerweise sogar verbessern kann.
Elementor gehört zu den schnellen Page Buildern
Bezüglich der Performance gehört Elementor zu den besseren Page Buildern, und diese wird laufend verbessert.
So wurde z.B. die DOM-Struktur verbessert, um weniger DIV-Elemente zu erzeugen
Zusätzlich wurde in der Version 3.0 das „Improved Asset Loading“ eingeführt. Das bedeutet, dass Elementor auch wirklich nur den Code von den tatsächlich verwendeten Widgets lädt. Ein wirklich wichtiger Schritt!
Mittlerweile steht sogar bereits die Funktion „Flexbox-Containter“ zur Verfügung (kann im Menü unter Experimente aktiviert werden). Dabei handelt es sich um ein neues System zur Layout Erstellung in Elementor. Diese verbessert ebenfalls die Performance des Page Builders.
Mir persönlich ist Performance und eine gute Ladezeit wichtig!
Webseiten die ich mit Elementor erstelle, laden in der Regel sehr schnell. Die meisten Seiten werden in unter einer Sekunde geladen und das, obwohl ich nur ein günstiges (aber gutes) Webhosting verwende.
Nehmen wir einfach gleich die Startseite von dieser Webseite als Beispiel:
Die Seite basiert komplett auf Elementor. Zusätzlich werden noch Google Fonts, Icons, Google Analytics und ein Cookie Banner geladen. Da bin ich mit der Ladezeit (deutlich unter einer Sekunde) durchaus zufrieden!
Okay zugegeben, natürlich habe ich eine Speed-Optimierung vorgenommen (Caching, Styles, Scripts, etc.), aber das sollte man bei WordPress Webseiten sowieso machen (egal ob man nun einen Page Builder verwendet, oder nicht). Ohne Optimierung beträgt die Ladezeit der Seite in etwa 1,5 Sekunden.
Noch ein Beispiel, so schnell lädt diese Seite laut Pingdom (ich habe wieder Frankfurt als Teststandort ausgewählt):
Du siehst also, auch mit Elementor können schnelle Ladezeiten und eine gute Performance erreicht werden.
Zur Speed-Optimierung verwende ich übrigens WP Rocket – ein Plugin, das ich auch in meiner Liste der besten WordPress Plugins aufgenommen habe.
Bessere Ladezeit durch Elementor?
Generell ist ein Page Builder wie Elementor erstmals ein “schweres” Plugin, da der Funktionsumfang so gewaltig ist.
Genauer betrachtet ist der (negative) Einfluss auf die Performance allerdings nicht wirklich groß. Ganz im Gegenteil kann Elementor in vielen Fällen die Ladezeit der Webseite sogar verbessern.
Klingt erstmals unglaubwürdig, oder?
Ich erkläre dir worauf ich hinaus will:
Vorhin bin ich ja darauf eingegangen, dass Elementor mindestens 10 Plugins ersetzen kann!
So ziemlich jedes Plugin hat einen gewissen Einfluss auf die Performance deiner Webseite.
Wenn du nun aufgrund von Elementor einige zusätzliche Plugins einsparen kannst, kannst du damit die Performance deiner Webseite wieder verbessern. Wenn du sehr viele Plugins einsparen kannst, dann ist die Performance meist sogar besser, als sie vor dem Einsatz von Elementor war.
Eine kleine Story dazu:
Im größten deutschen WordPress & SEO Forum auf Facebook hat sich ein Admin darüber ausgelassen, dass Elementor sich extrem negativ auf die Performance auswirken würde.
Ich habe mir dann die Webseite des Admins angesehen und war dann erstaunt darüber, dass die Ladezeit ca. 4x mal schlechter war, als bei meinen durchschnittlichen Elementor-Seiten.
Danach habe ich seine Seite mal schnell aus eigenen Interesse analysiert. Der Admin musste unzählige Plugins verwenden, um eine gewisse Funktionalität auf seiner Webseite darzustellen (Slider Revolution, Kontaktformular, Sticky-Header-Plugin, etc.). Aufgrund dieser Plugins, war auch die Performance seiner Webseite so schlecht.
Die Aussage des Admins war einfach ein Griff ins Klo, würde ich mal sagen…
Hier noch ein Video von meinem YouTube Kanal, wo ich auf das Thema Performance von Page Buildern eingegangen bin.
Elementor und SEO
Hat Elementor einen positiven oder einen negativen Einfluss auf SEO?
Diese Frage wurde mir schon ein paar mal gestellt.
Elementor hat keinen negativen Einfluss auf SEO
Erstmals möchte ich gleich klarstellen, dass Elementor keinen negativen Einfluss auf die Suchmaschinenoptimierung hat.
Seiten die du mit Elementor erstellt hast, können von Google ebenso gut gelesen (und korrekt gerendert) werden, als Seiten die ohne dem Page Builder erstellt wurden.
Ich habe viele extrem gute Rankings in diversen Projekten bei Elementor-Webseiten erzielt. Und auch die internationalen SEO-Größen von Authority Hacker betreiben ihre Webseite mittlerweile mit Elementor (und erzielen großartige Rankings).
Also keine Sorge – Elementor hat erstmals keinen negativen Einfluss auf SEO. Natürlich solltest du bei der Umsetzung deiner Webseiten auf eine korrekte HTML Struktur (H1, H2, H3…) sowie auf eine gute Ladezeit achten.
Und Content ist sowieso King!
Elementor kann einen positiven Einfluss auf SEO haben
Elementor kann sich positiv auf SEO auswirken. Mit den vielen Funktionen des Page Builders kannst du die User Experience gezielt verbessern. Eine gute UX führt unter anderem zu einer geringeren Absprungrate und lässt den Besucher in der Regel länger auf deiner Seite verbleiben. Ich denke das dies auch die Hauptintention war, warum Authority Hacker zu Elementor gewechselt sind.
Zusammengefasst kann dir Elementor helfen, Nutzersignale zu verbessern, was wiederum einen (indirekt) positiven Effekt auf deine Rankings haben kann.
Schau dir einfach mal diesen Blogbeitrag an.
Wenn du gerade am Desktop hier bist, dann siehst du das mitscrollende Inhaltsverzeichnis auf der rechten Seite. Am Smartphone kannst du das Inhaltsverzeichnis jederzeit aufklappen. Egal wo du dich gerade befindest – du kannst immer durch den Blogbeitrag navigieren.
Dies ist ein einfaches Beispiel dafür, wie man die User Experience verbessern kann. Erstellt habe ich das mit Elementor – die Installation eines zusätzlichen Plugins ist dafür nicht nötig.
Natürlich sind auch alle gängigen SEO-Plugins wie z.B. Yoast oder Rank Math mit Elementor kompatibel. Ich persönlich nutze auf dieser Webseite Rank Math, damit kann ich diverse SEO-Einstellungen sogar direkt in Elementor vornehmen.
Vorteile & Nachteile
Hier möchte ich die Vor- und Nachteile von Elementor und Elementor Pro schnell auf den Punkt bringen:
Vorteile
- Einfache Bedienbarkeit (Drag & Drop)
- Kostenlose Version ist bereits umfangreich
- Führender WordPress Page Builder (über 5 Millionen aktive Nutzer)
- Die Pro-Version bietet mit dem Theme-Builder, dem Loop-Builder und den weiteren Funktionen die Möglichkeit, jede Art von Webseite (relativ) einfach umzusetzen
- Großes Entwicklerteam und aufgrund des Abo-Modells ist Elementor finanziell sehr gut aufgestellt und wird noch lange am Markt sein
- Stetige Weiterentwicklung
Nachteile
- Kein Elementor Lifetime-Deal verfügbar
- Die Performance ist mittlerweile zwar gut, aber Webseiten die rein mit dem WordPress Gutenberg-Editor umgesetzt werden, können eine bessere Performance erreichen
Elementor Alternativen
Obwohl Elementor eine starke Position im Bereich der WordPress Page Builder einnimmt, gibt es dennoch eine Reihe von alternativen Lösungen, die unterschiedliche Anforderungen und Vorlieben bedienen können. Im Folgenden stelle ich einige prominente Elementor Alternativen vor, die jeweils eigene Akzente im Umgang mit dem Aufbau und Design von WordPress-Websites setzen.
WordPress Gutenberg Editor mit Full Site Editing (FSE)
Der Gutenberg Editor, bekannt als der Standard-Editor von WordPress, hat durch das neue Full Site Editing (FSE) einen bedeutenden Entwicklungsschritt gemacht. Mit FSE können User nun das komplette Site-Design direkt im Gutenberg Editor vornehmen. Dies umfasst die Anpassung von Headern, Footern und anderen Template-Bereichen, was früher nur mit komplexen Themes oder Page Buildern möglich war. So entwickelt sich Gutenberg zu einer realistischen und vor allem in WordPress integrierten Alternative zu Elementor.
Divi
Ein weiterer bedeutsamer Player im Universum der Page Builder ist Divi von Elegant Themes. Mit seinem eigenständigen Visual Builder und zahlreichen vordefinierten Layouts und Content-Modulen bietet Divi alles für eine professionelle Website-Gestaltung. Eine Besonderheit ist die hohe Anpassungsfreiheit jedes einzelnen Moduls sowie umfangreiche Design-Einstellungen, die ohne Code-Kenntnisse zugänglich sind.
Thrive Architect
Thrive Architect ist bekannt dafür, speziell auf die Bedürfnisse von Online-Marketing und Conversion-Optimierung zugeschnitten zu sein. Als WordPress Page Builder ermöglicht es das einfache Erstellen von Landingpages und bietet eine Vielfalt an leadgenerierenden Elementen. Thrive Architect empfiehlt sich insbesondere für Nutzer, die einen starken Fokus auf die Verkaufs- und Conversion-Rate ihrer Websites legen.
Weitere Elementor Alternativen
Außer den bereits genannten Optionen gibt es noch andere Elementor Alternativen, die es Wert sind, betrachtet zu werden. Hierzu zählen beispielsweise der Beaver Builder, der durch seine Benutzerfreundlichkeit und saubere Code-Ausgabe von sich reden macht, oder Brizy, das mit einer intuitiven und modernen Drag-and-Drop-Oberfläche punktet. Jeder dieser WordPress Page Builder hat seine individuellen Vorzüge und kann je nach Projekt und Vorlieben die passende Wahl sein.
Mein Fazit
Mit Elementor kann man selbst komplexe Designs und Layouts einfach und unkompliziert umsetzen. Dank der unzähligen Templates bietet Elementor einen extrem schnellen Workflow. Außerdem ist es möglich, eigene Templates zu erstellen und wiederzuverwenden.
Dank des hohen Funktionsumfang kann Elementor viele andere Plugins ersetzen.
Die Pro-Version bietet nochmals deutlich mehr Features als die kostenlose Variante. Für mich ist der Theme-Builder von Elementor Pro ein echtes Highlight, mit dem man die Grenzen von jedem WordPress Theme sprengen kann.
Ich persönlich nutze Elementor Pro auf all meinen WordPress Seiten und setze auch die meisten Kundenprojekte in meiner Webdesign- und SEO Agentur über Elementor um.
Negativ empfinde ich hauptsächlich, dass keine Lifetime-Lizenz verfügbar ist.
Wenn du weitere Fragen oder Anregungen zu diesem Elementor Tutorial hast, dann schreibe bitte ein Kommentar.