Was ist Elementor? Elementor ist die ideale Lösung, um einer Webseite schnell ein einzigartiges und professionelles Erscheinungsbild zu verleihen. Auch ohne umfassende Kenntnisse in PHP, CSS oder Design können selbst Anfänger mit Elementor ansprechende Webseiten erstellen. Ursprünglich als Page-Builder konzipiert, hat sich Elementor inzwischen zu einem vielseitigen Design-Plugin entwickelt und zählt zu den führenden Anbietern in der Branche (und gehört auch zu den Besten in meinem Test). Mit Elementor lassen sich sowohl einzelne Abschnitte als auch komplette Webseiten ganz ohne Programmierung gestalten, weshalb man es zu Recht als Theme-Builder bezeichnen kann. Der Theme-Builder für WordPress ist relativ neu, überzeugt jedoch durch umfangreiches Fachwissen, Anpassungsfähigkeit und hohe Benutzerfreundlichkeit. Für mich gehört es zu den absoluten Höhepunkten unter den Erweiterungen für WordPress.
InhaltsverzeichnisElementor Free vs Pro
Die kostenlose Version von Elementor kann bereits mit vielen hochwertigen Page-Buildern konkurrieren. Die Widgets in Elementor Free lassen sich durch verschiedene kostenlose Add-ons erweitern. Auch die verfügbaren kostenlosen Vorlagen zeichnen sich durch ansprechendes Design aus und können durchaus überzeugen. Für Einsteiger stellt die Free-Version einen hervorragenden Ausgangspunkt dar. Ohne jegliche Programmierkenntnisse haben Anfänger die Möglichkeit, sich rasch mit den verschiedenen Einstellungsmöglichkeiten vertraut zu machen. Die Nutzung der Vorlagen beschleunigt den Design-Prozess erheblich, was sowohl Zeit als auch Ressourcen spart.
Im Gegensatz zur kostenlosen Variante bietet die Pro-Version erweiterte Funktionen für den Theme-Builder. Während die kostenlose Version die grundlegenden Funktionen eines Page Builders bereitstellt, ermöglicht Elementor Pro eine umfassende Anpassung wiederkehrender Elemente wie Sidebars sowie Kopf- und Fußzeilen. Dies ist besonders vorteilhaft, wenn man mehrere Seiten gleichzeitig aktualisieren muss, da es viel Arbeit erspart. Zudem können mit Elementor Pro auch Archiv- oder Indexseiten eines Designs automatisch angepasst werden.
Es kann ruhig etwas großzügiger ausfallen: Elementor Pro.
Obwohl die kostenlose Version bereits großartige Funktionen bietet, lohnt es sich, einen Blick auf die Pro-Version zu werfen. Sowohl Elementor Pro als auch die Gratis-Version wurden im April 2018 in der Version 2 veröffentlicht. Besonders die Funktionen des Theme-Builders sowie die Einbindung dynamischer Inhalte machen Elementor Pro zu einem äußerst vielseitigen Werkzeug. Ohne eine einzige Zeile Quellcode schreiben zu müssen, können über 30 Premium-Widgets und mehr als 75 Premium-Website-Vorlagen, globale Einstellungsmöglichkeiten und vieles mehr den Arbeitsablauf erheblich erleichtern.
Elementor Pro lässt sich nicht einfach durch ein Update installieren, sondern ist als eigenständiges Plugin erhältlich. Natürlich bietet bereits die kostenlose Version viele Möglichkeiten. Wer eine Webseite gestalten möchte und keine Programmierkenntnisse oder Erfahrung im Schreiben von Quellcode hat, ist mit Elementor Free bestens beraten. Die Grundfunktionen schaffen eine solide Grundlage. Die kostenpflichtige Version enthält neben den Basisfunktionen zusätzliche Vorlagen und Module. Darüber hinaus sind die Funktionen des Theme Builders erweitert worden. So ist es in der Pro-Version ganz einfach, Formulare professionell und zügig zu erstellen. Ein weiterer Vorteil von Elementor Pro ist, dass es problemlos möglich ist, Webseiten für Freunde oder Kunden zu erstellen. Sofern die verwendete Lizenz die Anzahl der genutzten Domains abdeckt, kann Elementor Pro bedenkenlos eingesetzt werden.
Elementor als Cloud-Lösung auf Wunsch auch mit WooCommerce
Elementor hat kürzlich begonnen, seine Software auch in einer Cloud-Version anzubieten. Der Vorteil dabei ist, dass man eine umfassende Lösung erhält. Es ist kein eigenes Hosting erforderlich, da Elementor sich um alles kümmert. Ähnlich wie bei einem Baukastensystem, etwa Wix, kann der Schwerpunkt auf der Erstellung der Website liegen, während alle anderen Aspekte von Elementor übernommen werden. Mit dem Code Cloudwebsite20 erhält man momentan einen Rabatt von 20% auf die jährliche Gebühr von 99$. In diesem Preis sind WordPress, Support und Elementor bereits enthalten. Für mich stellt dies einen entscheidenden Wendepunkt im Wettbewerb zwischen Baukästen und WordPress dar.
Im Leistungspaket sind dann folgende Punkte mit enthalten:
- Hosting auf der Google Cloud Platform
- Secure CDN by Cloudflare
- Kostenloses SSL Zertifikat von Cloudflare
- 20 GB Speicher
- 100 GB Bandbreite
- 100.000 monatliche Besucher
- Kostenlose Domain Anbindung
- Kostenlose Sudomain
- Tägliche Backups
- Features von Elementor Pro
- WordPress installiert
- 24/7 Support
Bei WPTeam.io ist es auch in der Planung eine auf deutschen Servern gehostete Elementor Version inkl. gängiger Zusatz Plug-ins anzubieten. Wir werden dich dazu rechtzeitig informieren.
Die Widgets und Elementor die in der Pro und kostenfreien Version enthalten sind.
Mit Elementor erhält man ein umfassendes Paket an Widgets (bitte nicht missverstehen, es handelt sich hierbei um universell einsetzbare Elemente, nicht nur um herkömmliche Widgets in Seitenleisten). Darüber hinaus bietet Elementor auch ausgefeiltere Widgets wie Google Maps oder ein Bildkarussell an. Diese Widgets sind individuell anpassbar. Viele nützliche Widgets wurden speziell für die Nutzung im Live-Pagebuilder konzipiert. Von der Anpassung der Abstände bis hin zur Veränderung der Buttonfarben beim Überfahren mit der Maus – Elementor eröffnet nahezu unbegrenzte Möglichkeiten. Selbstverständlich können auch bevorzugte Widgets von Drittanbietern integriert werden, indem man sie einfach per Drag & Drop auf die Seite zieht. Auch hier ist keine Programmierung erforderlich.
In diesem Zusammenhang wird deutlich, dass Elementor mit dem „Hintergrund an Designer“ entwickelt wurde. Es ist möglich, ansprechende Designs zu kreieren, ohne über Programmierkenntnisse zu verfügen. Mit Elementor benötigt man lediglich einige Stunden statt Tage, um Webseiten zu erstellen. Man kann mit Elementor jedes gewünschte Design umsetzen, da jedes Pixel präzise definiert werden kann. Nutzer haben die Auswahl aus über 400 Icons, die an das eigene Design angepasst werden können. Außerdem bietet Elementor mehr als 800 Google-Schriftarten und damit viel Raum für kreative Experimente. Entwickler, die nicht durch ein Theme eingeschränkt werden möchten, finden in Kombination mit einem Starter-Theme bei Elementor Flexibilität und Erweiterbarkeit. Der Code von Elementor ist von höchster Qualität.
Selbstverständlich sind die Webseiten, die mit Elementor erstellt werden, SEO-optimiert, da Elementor auf modernen Programmierstandards basiert. Übersetzungsplugins wie Polylang oder WPML werden von Elementor ebenso unterstützt wie alle Sprachen oder Seiten mit rechts-nach-links-Verlauf.
Elementor und die Frage der Performance
Elementor hat sich das Ziel gesetzt, zukünftig jede Anpassung an der Webseite hinsichtlich ihrer Leistung zu evaluieren. Das bedeutet, dass jedes Update des Plugins vor seiner Veröffentlichung zunächst einem Performance-Audit unterzogen wird, um sicherzustellen, dass keine Geschwindigkeitsprobleme auftreten. Darüber hinaus plant Elementor für die nächsten Updates Verbesserungen, die auch positive Effekte auf die Core Web Vitals haben werden, und hat bereits erste Optimierungen implementiert:
- Nur den Code Laden, der wirklich benötigt wird
- Lazy Loading
- Request Minimierung
- Native Browsersupports nutzen statt eigene Scripte auszuliefern
- Optimierung von internen JavaScript und CSS Files
- Optimierter Backend und Rendering Prozess inkl. Caching
- Schlankerer und besserer Code-Output
Selbstverständlich ist die Leistung einer Elementor-Website nicht ausschließlich von Elementor abhängig. Auch die installierten Plugins wirken sich darauf aus. Darüber hinaus spielt das gewählte Theme eine entscheidende Rolle. Daher ist es schwierig, eine definitive Aussage darüber zu treffen, ob alle Elementor-Websites die Core Web Vitals erfüllen werden. Eines steht jedoch fest: Das Team hinter Elementor wird alles daran setzen, dass Elementor in diesem Zusammenhang nicht zum Engpass wird.
Die Möglichkeiten den Them-Builder von Elementor
Mit dem Theme-Builder ist es möglich, gesamte Webseiten von der Kopfzeile bis zur Fußzeile vollständig zu gestalten. Für jede Art von Seite, Beitrag oder ähnlichem können individuelle Vorlagen erstellt werden. Dieser Prozess erfolgt visuell in einem wirklich beeindruckenden Editor. Der Vorteil dabei: Man entwirft das Design einmal und kann es problemlos auf anderen Webseiten durch Import verwenden. Der Theme-Builder ist zudem mit jedem beliebigen Theme kompatibel. Es gibt keine Einschränkungen.
Das nachfolgende Video demonstriert, wie einfach und schnell man Teile des Themes erstellen und ersetzen kann:
Elementor Pro – Umfassende Vorlagenbibliothek und mühelose Integration auf neuen Seiten.
Nutzern der Pro-Version stehen mehr als 130 vorgefertigte Templates zur Verfügung. Anstatt von Grund auf neu zu starten, kann man einfach eine bereits professionell gestaltete Vorlage auswählen. Elementor Pro bietet viel Spielraum für persönliche Anpassungen, da Farben, Bilder und Texte nach individuellen Wünschen verändert werden können. Das Design lässt sich mühelos speichern. Unabhängig davon, ob lediglich ein Abschnitt oder eine gesamte Seite gestaltet wurde, kann in der Template-Bibliothek jedes Design gespeichert und jederzeit wieder eingefügt werden.
Die Templates sind nicht nur auf einer einzelnen Webseite nutzbar. Jedes dieser Designs kann exportiert und bei Bedarf auf jeder anderen Webseite über das Elementor WordPress Plugin importiert werden.
Die kostenlose Version von Elementor bietet bereits viele Funktionen. Die spannenden Möglichkeiten des Theme Builders sind jedoch exklusiv für Elementor Pro verfügbar. Mit den Theme Builder-Funktionen lassen sich umfassende Anpassungen an wiederkehrenden Elementen wie Sidebar, Footer oder Header einer Webseite vornehmen. Auch die Darstellung von Archiven, wie etwa der Blogübersicht oder den Suchergebnissen, kann mit Elementor Pro gestaltet werden.
Einfach und schnell installiert, sowie leichtes arbeiten mit dem Page Builder.
Zunächst erfolgt die Installation der kostenlosen Elementor-Version, auch wenn letztendlich die kostenpflichtige Edition verwendet werden soll. Die gratis Variante von Elementor kann entweder direkt aus dem WordPress Plugin Repository heruntergeladen oder von der offiziellen Elementor-Website bezogen werden. Wer die erweiterten Funktionen der Pro-Version in Anspruch nehmen möchte, lädt nach dem Kauf das Pro-Plugin aus seinem persönlichen Account herunter, installiert es und aktiviert es anschließend. Darüber hinaus muss in den Einstellungen von Elementor die Lizenznummer eingegeben werden. Laut den Informationen des Herstellers ist Elementor mit sämtlichen WordPress-Themes kompatibel. Eine reibungslose Zusammenarbeit und ideale Bedingungen für die Nutzung von Theme-Builder-Funktionen bieten unter anderem die Themes Ocean WP, Astra und Page Builder Framework. Der Hersteller stellt den Inhabern der Pro-Lizenz ein spezielles und passendes Theme zum Download zur Verfügung.
Der Editor ermöglicht ein äußerst effizientes und flüssiges Arbeiten. In sämtlichen Bereichen erweist sich Elementor als ausgesprochen benutzerfreundlich. Die zahlreichen Einstellungen sind nach kurzer Einarbeitungszeit intuitiv nachvollziehbar, was den Zugang zu spezifischen Optionsdialogen erheblich erleichtert.
Es ist hilfreich zu wissen: Sollten dennoch einmal Schwierigkeiten auftreten, lassen sich diese in der Regel durch ein einfaches Neuladen des Editors beheben.
Die Design-Elemente von Elementor Pro überzeugen selbst die anspruchsvollsten Anwender. Für jedes der über 50 verfügbaren Design-Elemente stehen im Editor zahlreiche zusätzliche Einstellungsoptionen zur Verfügung, sodass die eigene Webseite ganz nach den individuellen Wünschen gestaltet werden kann.