60 Minuten GRATIS Webdesign-Workshop

Mit Geschäftsführer & Webdesign-Profi Oliver Pfeil

Elementor Tutorial auf Deutsch: Beliebter WordPress PageBuilder

Elementor ist ein weltweit belieber PageBuilder, 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.

Sie sehen gerade einen Platzhalterinhalt von Youtube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

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 aufwändiger.

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 Standardeditor 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 Darseinsberechtigung 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.
Elementor - WordPress Page Builder
Gehe dazu bitte wie folgt vor:

  1. Klicke in WordPress auf Plugins – Installieren.
  2. Suche nach „Elementor“
  3. Klicke auf „Jetzt installieren“ und anschließend auf „Aktivieren“

Installation von Elementor PRO

  1. Bestelle das Plugin über diese Seite.
  2. Lade dir das Plugin herunter.
  3. Klicke in WordPress auf Plugins – Neues Plugin hinzufügen – Plugin hochladen.
  4. Wähle die heruntergeladene ZIP-Datei aus und installiere das Plugin.
  5. 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 das du einen aufwändigen 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 Darstelltung.

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, das der PageBuilder 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 PageBuildern, 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 vorne hat.

Dennoch macht es Sinn, sich vor einer finalen Entscheidung die Alternativen anzusehen.

Thrive Themes

Ein sehr empfehlenswerter PageBuilder und mein absoluter Favorit, mit dem diese Website erstellt wurde, ist der Anbieter Thrive Themes. Thrive Themes ist im Vergleich zum Elementor zwar etwas teuerer, 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.

Deine perfekte Website. In Rekordzeit.

60 Minuten Webdesign-Seminar mit Experte Oliver Pfeil

60 Minuten Webdesign-Seminar mit Experte Oliver Pfeil