Elementor ist ein weltweit beliebter Page-Builder, der vollständig auf Deutsch zur Verfügung steht. In diesem Elementor Tutorial zeige ich dir die Vorteile und Möglichkeiten mit diesem wunderbaren WordPress-Plugin.
Mit Elementor kannst du das Design und auch deine Inhalte (Seiten und Beiträge) gestalten. Da es den Elementor sowohl als kostenlose Version und als PRO-Plugin gibt, habe ich einige wichtige Informationen für dich vorbereitet.
Inhaltsverzeichnis
Elementor: Beliebter WordPress Page Builder
Ein Page-Builder ist ein „Baukasten“, mit dem du Seiten und Beiträge erstellen und gestalten kannst. Das Plugin Elementor bietet dir viele Möglichkeiten und genau darüber werde ich dir jetzt berichten.
- Mit dem Elementor kannst du Seiten und Beiträge gestalten.
- Mit dem Website-Builder kannst du dein Theme erstellen.
- Das Plugin steht dir vollständig auf Deutsch zur Verfügung.
- Es gibt eine (im Funktionsumfang stark reduzierte) kostenlose Variante.
Per Drag & Drop kannst du das Layout und auch die Inhalte gestalten. Dazu steht dir eine visuelle Oberfläche zur Verfügung.
Elementor Free & Pro (Vergleich)
Die Basisversion von Elementor ist kostenlos. Darin sind bereits einige PageBuilder-Funktionen enthalten. Der komplette Funktionsumfang steht dir mit Elementor pro zur Verfügung.
Zum Testen ist die Free-Version ok, für den professionellen Einsatz solltest du die PRO-Version in Betracht ziehen.
Die Kosten für eine Domain liegen bei (derzeit) 59 Dollar pro Jahr und das ist ein fairer Preis.
Hier eine kleine Auflistung der wichtigsten Pro-Features:
- Theme Builder
- Header- und Footer-Builder
- Über 50 weitere Widgets (= Elemente)
- Über 300 PRO Templates
- Form Builder
Das wichtigste sind sicherlich der Theme Builder, die zusätzlichen Widgets und die Templates (Vorlagen). Ohne diese PRO-Features brauchst du einige andere Tools und das macht es in der Regel teurer und aufwendiger.
Aus diesem Grund meine klare Empfehlung, die bezahlte PRO-Version zu nutzen.
Link: Mehr Infos zur Pro-Version
Vorteile mit Elementor
Der Elementor bietet dir im Vergleich zu den WordPress Standard-Editoren deutlich mehr Funktionen und eine einfachere Handhabung. Die wichtigsten davon möchte ich dir kurz vorstellen:
- Benutzung per Drag-and-drop Editor (sehr einfach zu bedienen)
- 100 % Responsive (inklusive Mobile-Editor)
- Vorlagen und Templates (mehr als 300 Design-Vorlagen, die du auf die eigenen Bedürfnisse anpassen kannst)
- extrem viele Elemente (Text, Bilder, Icons, Effekte, Preistabellen etc.)
- viele Funktionen sind bereits in der Free-Version enthalten
- und noch vieles mehr…
Im Gegensatz zu vielen anderen Page-Buildern steht dir Elementor vollständig auf Deutsch zur Verfügung. Das ist natürlich ein großer Vorteil, falls du ein paar Schwierigkeiten mit Englisch haben solltest.
Im Vergleich zum Gutenberg Editor (das ist der Standard-Editor von WordPress) ist Elementor deutlich flexibler und einfacher in der Anwendung. Mit Gutenberg kommt man schnell an seine Grenzen und der Editor kann schnell anstrengend werden.
Und genau das ist die Daseinsberechtigung solcher externer PageBuilder. Die Handhabung ist einfacher, es gibt viele Vorlagen und deutlich mehr Möglichkeiten.
Templates und Vorlagen
Ein wichtiger Bestandteil von Elementor sind Templates (auf Deutsch: Vorlagen). Diese Vorlagen sparen dir Zeit, da du bei der Erstellung deines Designs oder der Gestaltung von Inhalten nicht bei „null“ starten musst.
Das kannst du natürlich, wenn du eine klare Vorstellung hast. Du kannst aber auch die Vorlagen-Bibliothek durchsehen und Templates per Klick importieren.
Diese Templates kannst du anschließend auf deine Wünsche und Bedürfnisse anpassen. Diese Arbeitsweise spart viel Zeit, macht Spaß und sorgt für ein professionelles Ergebnis.
Elementor Tutorial
Installation von Elementor Free
Die Elementor Free-Version findest du im WordPress-Plugin Verzeichnis und kann von dort aus automatisch installiert werden.
Gehe dazu bitte wie folgt vor:
- Klicke in WordPress auf Plugins – Installieren.
- Suche nach „Elementor“
- Klicke auf „Jetzt installieren“ und anschließend auf „Aktivieren“
Installation von Elementor PRO
- Bestelle das Plugin über diese Seite.
- Lade dir das Plugin herunter.
- Klicke in WordPress auf Plugins – Neues Plugin hinzufügen – Plugin hochladen.
- Wähle die heruntergeladene ZIP-Datei aus und installiere das Plugin.
- Klicke anschließend auf Aktivieren.
Funktionen und Elemente
Mit dem Einsatz des Elementors stehen dir viele wichtige neue Funktionen in WordPress zur Verfügung. Die wichtigsten sehen wir uns jetzt gemeinsam an.
Theme Builder
Der Theme Builder ermöglicht es dir, das komplette Design über die visuelle Oberfläche zu gestalten. Damit kannst du einen Header, einen Footer und auch den Inhaltsbereich definieren.
Du brauchst als kein klassisches Theme mehr und das ist ein grandioser Vorteil. Dein erstelltest Elementor-Theme kannst du jederzeit anpassen, ohne dass du einen aufwendigen Theme-Wechsel vollziehen musst.
Editor Elemente
Die einzelnen Elemente im Bearbeitungsmodus sind das Herzstück. Per Drag & Drop (also mit der Maus) kannst du die Elemente auswählen und an der gewünschten Stelle platzieren.
Auszug der wichtigsten Elemente:
- Überschrift
- Text
- Bilder
- Sterne-Bewertung
- Video
- Überschrift
- Tabs
- Buttons
- Icons
- .. und viele weitere
Farben und Schriften
Für dein Design kannst du globale Farben und auch Schriften definieren, die für all deine Seiten verwendet werden. Das Ergebnis ist eine einheitliche und professionelle Darstellung.
Natürlich musst du nicht diese globalen Farben verwenden und kannst für einzelne Bereiche auch ganz individuell aus der kompletten Farbpalette auswählen.
Mobiloptimierung
Jede Designvorlage, jede Seite und jeden Beitrag kannst du für Desktop, Tablet und Smartphone optimieren.
Dazu findest du im Elementor-Editor einen Button, mit dem du auf folgende Darstellungen wechseln kannst:
- Desktop
- Tablet
- Mobile (Smartphone)
Kompatibilität zu SEO-Plugin
Ein weiterer Vorteil besteht darin, dass der Page-Builder mit verschiedenen SEO Plugins kompatibel ist. Mit einem SEO Plugin stehen dir diverse neue Einstellungen zur Verfügung. Mit diesen Einstellungen kannst du deine Seite für Google optimieren.
Alternativen zu Elementor
Der Elementor gehört in der WordPress-Welt definitiv zu den bekanntesten Page-Buildern, der rund um den Globus verwendet wird.
Mit dem Gutenberg Editor brauchen wir ihn an dieser Stelle nicht mehr vergleichen, da er in jedem Bereich die Nase vorn hat.
Dennoch macht es Sinn, sich vor einer finalen Entscheidung die Alternativen anzusehen.
Thrive Themes
Ein sehr empfehlenswerter Page-Builder und mein absoluter Favorit, mit dem diese Website erstellt wurde, ist der Anbieter Thrive Themes. Thrive Themes ist im Vergleich zum Elementor zwar etwas teurer, aber dafür auch die noch bessere Alternative.
- Thrive Theme Builder = Damit erstellst du das Design (Theme).
- Thrive Architect = Damit kannst du deine Inhalte erstellen.
Die Architektur ist etwas anders aufgebaut wie bei Elementor, meiner Meinung nach etwas klarer und übersichtlicher.
Es stehen sehr viele fertige Website-Vorlagen zur Verfügung, die du mit wenigen Klicks verwenden kannst. Nach einer kurzen Einarbeitungszeit kannst du mit dem visuellen Page-Builder tolle und vor allem Conversion optimierte Webseiten erstellen.
OptimizePress
OptimizePress ist eine Lösung, mit der du Landingpages und Funnels erstellen kannst. Dieses Plugin ist also weniger für eine klassische Website gedacht, mehr für Sales Funnels.
Entscheidungshilfe von Oliver Pfeil
- Den Gutenberg Editor oder Elementor Free: Der Einsatz macht nur dann wirklich Sinn, wenn dir kein Budget zur Verfügung steht und es sich um eine private Website ohne monetären Aspekt handelt.
- Elementor PRO empfehle ich dir, wenn du eine professionelle Website erstellen möchtest, aber stark auf dein Budget achten musst.
- Die Thrive Suite empfehle ich dir, wenn du die beste und einfachste Design-Lösung für WordPress haben möchtest und ein paar Euro mehr kein Problem für dich sind.
- Optimize Press ist dann für dich geeignet, wenn du keine klassische Website, sondern gezielt einen Sales-Funnel erstellen möchtest.
FAQ – Fragen & Antworten
Was ist ein Page-Builder?
Mit einem Page-Builder kannst du per Drag-and-drop schnell und einfach Seiten erstellen. Das ist praktisch ein Editor mit sehr vielen Funktionen, der gleichzeitig einfach zu bedienen ist. Oft werden damit auch Landingpages oder Salespages gebaut. Zwei bekannte WordPress Page-Builder Plugins sind Elementor und Thrive Themes.
Wie funktioniert Elementor?
Elementor ist ein benutzerfreundlicher Page Builder für WordPress. Damit kannst du deine Webseite und Inhalte gestalten. Und zwar über eine übersichtliche Oberfläche, ohne Code oder Programmierkenntnisse.
Welche Vorteile hat der Page-Builder Elementor?
Die meisten WordPress-Themes sind bei der Seitengestaltung doch sehr eingeschränkt. Vor allem optisch hast du hier kaum Möglichkeiten. Mit einem Page-Builder kannst du Seiten komplett individuell gestalten. Zudem hast du mit dem Elementor einen Editor, der im Vergleich zum Standard-Editor deutlich mehr Funktionen hat und trotzdem sehr einfach zu bedienen ist. Elementor ist ein sogenannter Page-Builder. Mit einem Page-Builder kannst du per Drag-and-drop über eine visuelle Oberfläche verschiedene Elemente dazu nutzen, deine Website und deine Seiten zu gestalten. Elemente sind beispielsweise eine Überschrift, ein Textbereich, ein Bild, Spalten, Blöcke und vieles mehr. Mit Elementen kannst du deine Seiten also spielend einfach gestalten.
Welche Vorteile hat Elementor gegenüber dem Gutenberg Editor?
Im Vergleich zum Gutenberg-Editor bietet Elementor deutlich mehr Möglichkeiten und Funktionen. Zudem ist Elementor wesentlich einfacher und komfortabler in der Bedienung und Handhabung. Der Gutenberg-Editor ist oftmals etwas schwerfällig in der Bedienung. Daher es der Elemente die deutlich bessere Alternative.
Kann ich Elementor kostenlos nutzen?
Der Elementor ist ein WordPress-Plugin, dass du kostenlos verwenden kannst. In dieser Basisversion sind bereits viele Funktionen enthalten. Möchtest du alle Funktionen nutzen können, musst du auf die Elementor Pro Version upgraden? Elementor Pro kostet für eine Domain derzeit 49 Dollar pro Jahr.
Was ist der Unterschied zwischen Elementor und Elementor PRO?
Der Unterschied zwischen der kostenlosen Elemente Version und Elementor PRO besteht darin, dass es in der kostenlosen Version deutlich weniger Elemente gibt. Die kostenlose Version dient also super zum Testen. Für den professionellen Einsatz in der Praxis empfehle ich dir allerdings die PRO-Version.
Warum soll ich Elementor PRO verwenden?
In der PRO-Version von Elementor stehen dir deutlich mehr Funktionen und Elemente zur Verfügung. Mit denen du deine Seite gestalten kannst. Der Page Bilder von Elementor PRO bietet entsprechend viel mehr Möglichkeiten sowie Vorlagen und macht dir die Arbeit einfacher und schneller.
Welche Alternativen zu Elementor gibt es?
Der Elementor ist ein toller Page-Builder, den du in der Basisversion kostenlos nutzen kannst. Eine meiner Meinung nach noch bessere Alternative ist der Thrive Architect. Dieser funktioniert ähnlich, hat allerdings deutlich mehr Funktionen und ist einfacher in der Bedienung. Darüber hinaus gibt es zusätzlich zu Thrive Architect den Thrive Theme Builder. Diese Kombination bietet dir alle Möglichkeiten, ein schönes Design für deine Website zu erstellen.
