elementor-erfahrungsbericht

Inhaltsverzeichnis

Was genau ist Elementor? Und was ist ein WordPress Page Builder?

Das fragen sich vermutlich viele an dieser Stelle.

Elementor ist ein sogenannter visueller Frontend-Page-Builder fĂŒr WordPress.

So viel zur ersten Frage 🙂 Bevor wir jetzt richtig mit dem Thema durchstarten hier noch eine wichtige Info vorab. Am Ende des Artikels kannst du dir exklusives Bonusmaterial zum Thema Elementor Pagebuilder sichern. Dich interessieren diese Zusatzinfos direkt – dann klicke einfach hier!

Was genau ist ein visueller Frontend-Page-Builder?

Ein WordPress Page Builder ist ein Hilfsmittel, um komplexere Webseiten zu erstellen, als mit dem Standard-Editor von WordPress möglich ist.

Du kannst also BlogbeitrÀge und normale Seiten erstellen, die (mehr oder weniger) genau deinen Vorstellungen entsprechen.

Zum Beispiel einen Blogbeitrag mit einem Akkordeon, welches es ermöglicht, eine große Menge Information in einer platzsparenden Weise zu prĂ€sentieren:

Elementor Akkordeon

Oder eine Seite mit einer Icon-Box (bzw., was Elementor „Icon-Box” nennt
):

Elementor Icon-Box

Mit Elementor fĂŒgst du solche visuellen Elemente deinen Seiten und BeitrĂ€gen per Drag-and-Drop in wenigen Sekunden hinzu, wie du im Laufe des Artikels siehst.

In der Vergangenheit wurden WordPress-BeitrĂ€ge und -Seiten ĂŒber einen Editor erstellt, welcher einem Texteditor Ă€hnelte:

Der alte WordPress-Editor Àhnelte dem Google Drive Editor von heute

Mit diesem Editor war es möglich, Text fett, kursiv und unterstrichen zu formatieren, Links, Bilder und Listen hinzuzufĂŒgen und ein paar weitere grundlegende Dinge.

Ein Akkordeon oder eine Icon-Box hinzuzufĂŒgen war nicht möglich.

Um solche Elemente hinzuzufĂŒgen waren entweder Webdesign-Kenntnisse nötige, oder – wenn du GlĂŒck hattest – gab es ein WordPress-Plugin, mit welchem du das Element (umstĂ€ndlich) in eine Seite integrieren konntest.

Das alles hat sich durch Page Builder geÀndert.

Durch Page Builder war es auf einmal möglich, komplexe Seiten mit angepassten Layouts und zusÀtzlichen Bausteinen zu erstellen.

Nun konnten zum Beispiel Buttons, Icons, Bildergalerien und komplexere Elemente wie Akkordeons, Bilder-Boxen und Tabs per Drag-and-Drop in Seiten integriert werden.

Und zwar ohne Webdesign-Kenntnisse, mit wenigen Klicks und ohne eine einzige Zeile Code zu sehen.

Wie du dir sicherlich vorstellen kannst, stieg die Beliebtheit von Page Buildern schnell an.

Soweit so gut.

Und was ist ein „visueller Frontend-Page-Builder”?

Page Builder können in zwei Kategorien eingeteilt werden: Backend-Page-Builder und Frontend-Page-Builder.

Bei Frontend-Page-Buildern arbeitest du mit einer Darstellung der Seite, welche wie das Endergebnis aussieht (oder zumindest sehr Àhnlich).

In der Vergangenheit wurde diese Konzept WYSIWYG genannt – „What You See Is What You Get”, oder auf Deutsch: „Was du siehst, ist, was du bekommst”.

Bei Backend-Page-Builder arbeitest du mit einer Darstellung der Seite, welche nicht wie das Endergebnis aussieht.

Der Page Builder von SiteOrigin ist ein Beispiel fĂŒr einen Backend-Page-Builder.

Hier ist eine simple Beispiel-Seite, welche ich als Demonstration mit dem SiteOrigin-Page-Builder erstellt habe:

Backend-Page-Builder Demo anhand SiteOrigin

Das sieht nicht wirklich wie die Seite aus, die wir erstellen möchten, oder?

Jetzt, schau dir dieselbe Beispiel-Seite in Elementor an:

Front-Page-Builder Demo anhand Elementor

Viel besser, oder? 🙂

Die Darstellung sieht wie die Seite aus, welche unsere Besucher spÀter sehen (plus ein paar Kontrollelemente und Indikatoren).

Damit haben wir geklÀrt, was ein visueller Frontend-Page-Builder ist.

DarĂŒber hinaus, gibt es Folgendes ĂŒber Elementor zu sagen:

Elementor ist der mit Abstand erfolgreichste Page Builder auf dem Markt. Mehr als 2 Millionen Websites haben Elementor im Moment installiert (Juni 2019).

Elementor Installationen im Juni 2019

Eine erstaunliche Leistung, wenn man bedenkt, dass Elementor erst seit 2016 existiert.

Ein Grund fĂŒr diesen Erfolg ist, dass Elementor Open-Source und kostenlos erhĂ€ltlich ist.

Andere Page Builder haben zwar manchmal ebenfalls eine kostenlose Version, diese ist allerdings immer so eingeschrÀnkt, dass sie kaum nutzbar ist.

Elementor auf der anderen Seite, ist vollkommen kostenlos. Teilweise mit Funktionen, die noch nicht einmal in den kostenpflichtigen Versionen anderer Page Builder enthalten sind.

Ein weiterer Grund fĂŒr den Erfolg von Elementor ist der Funktionsumfang und die hohe Benutzerfreundlichkeit von Elementor, welche wir uns gleich ansehen.

Elementor Pro – wann ist das Premium-Plugin von Elementor sinnvoll?

Eine Sache muss ich jedoch noch erwÀhnen, bevor wir richtig loslegen:

Neben Elementor – welcher zu 100% kostenlos und Open-Source ist – gibt es das Elementor Pro Plugin – welches kostenpflichtig und nicht Open-Source ist.

Elementor Pro bietet einige interessante und nĂŒtzliche Erweiterungen fĂŒr Elementor.

Zum Beispiel enthÀlt Elementor Pro den Elementor Theme Builder, welcher es dir ermöglicht, das komplette Design deiner Website zu definieren. Und zwar ebenfalls ohne eine einzige Zeile Code zu sehen.

Dadurch kannst du also beispielsweise den Header und Footer deiner Website deinen Vorstellungen nach gestalten. Das GrundgerĂŒst von BlogbeitrĂ€gen und normalen Seiten kannst du so ebenfalls bestimmen.

Elementor Header und Footer

Außerdem kannst du mit Elementor Pro Formulare und Popups erstellen, was fĂŒr Marketingzwecke sehr nĂŒtzlich ist.

SpÀter schauen wir uns Elementor Pro genauer an, wenn du bereits jetzt einen Blick auf den zusÀtzlichen Funktionsumfang von Elementor Pro werfen möchtest, klicke auf folgenden Link:

Dort findest du den kompletten Funktionsumfang und du erfÀhrst, wie viel Elementor Pro kostet (relativ wenig).

Erste Schritte mit Elementor

So weit so gut.

Bevor wir uns den Funktionsumfang von Elementor selbst ansehen (des kostenlosen Plugins), zeige ich dir erstmal, wie du Elementor installierst und wie die BenutzeroberflÀche aufgebaut ist.

Dadurch fÀllt es dir spÀter leichter, dich zurechtzufinden.

Im Idealfall installierst du Elementor jetzt, damit du sofort ausprobieren kannst, was ich in diesem Artikel demonstriere.

Die Installation ist sehr einfach und dauert weniger als 3 Minuten:

Elementor installieren

Zuerst rufst du dein WordPress-Dashboard auf und wĂ€hlst in der Seitenleiste „Plugins” und „Installieren” aus:

WordPress Dashboard um Plugins zu installieren

Anschließend gibst du „Elementor” in das Suchformular ein und klickst auf den „Jetzt installieren”-Button des Elementor-Eintrags:

Elementor vom WordPress Plugin Dashboard aus installieren

Ein paar Sekunden spĂ€ter ist die Installation abgeschlossen und nach einem Klick auf den „Aktivieren”-Button ist Elementor startklar:

Elementor Plugin aktivieren

Die BenutzeroberflÀche von Elementor

Wenn du nun in der Dashboard-Seitenleiste auf „BeitrĂ€ge” und dann auf „Erstellen” klickst, öffnet sich die regulĂ€re WordPress-BenutzeroberflĂ€che, um einen neuen Beitrag zu erstellen. Durch einen Klick auf „Mit Elementor bearbeiten” startest du Elementor:

WordPress-Beitrag mit Elementor erstellen

Elementors BenutzeroberflĂ€che fĂŒr neue BeitrĂ€ge sieht wie folgt aus:

Neuer Elementor Beitrag

Das Interface besteht aus vier Bereichen:

Elementor BenutzeroberflÀche

1.) Die Seitenleiste, in welcher wir Einstellungen vornehmen und ĂŒber welche wir Seiten-Elemente hinzufĂŒgen (weiter unten zeige ich wie).

Im Bonusbereich zu diesem Artikel findest du ĂŒbrigens ein interessantes Elementor-Plugin, mit dem du die Seitenleiste abkoppeln, verschieben, vergrĂ¶ĂŸer und verkleinern kannst.

Das ist vor allem nĂŒtzlich, wenn du keinen riesigen Bildschirm verwendest.

2.) Der Kopfbereich (auch Header genannt), welcher von deinem WordPress-Theme definiert wird. Ohne Elementor Pro ist es normalerweise nicht möglich, diesen Bereich mit Elementor zu bearbeiten (wobei du im Bonus-PDF ein kostenloses Plugin findest, mit dem dies ohne Elementor Pro kostenlos möglich ist).

3.) Der Bereich mit den Inhalten, welche du mit Elementor erstellst.

Mit einem Klick auf


Elementor Abschnitt und Template hinzufĂŒgen


fĂŒgst du einen neuen Seiten-Abschnitt (Plus-Zeichen) oder ein Template (Ordner-Zeichen) hinzu (spĂ€ter mehr dazu).

4.) Hier wird die Fußzeile (auch Footer genannt) angezeigt, welche wie der Header von deinem Theme bestimmt wird und nicht mit Elementor abgeĂ€ndert werden kann (ohne Elementor Pro oder dem kostenlosen Plugin aus dem Bonus-PDF).

Unsere nÀchste Frage ist:

Welche Funktionen hat Elementor – und welche Vorteile ergeben sich daraus?

In diesem Abschnitt sehen wir uns nun die wichtigsten Funktionen und Vorteile von Elementor an:

Einfache Benutzung: Webseiten nach deinen Vorstellungen erstellen – auch, wenn du keine Ahnung von Webdesign hast

Mit wenigen Klicks und per Drag-and-Drop fĂŒgst du visuelle Elemente hinzu, wie ich hier anhand einer Icon-Liste demonstriere:

Elementor Drag-and-Drop Demonstration

Den Text der Elemente kannst du dann oft inline editieren (wie du in der Demonstration weiter oben siehst).

Weitere Einstellungen erledigst du in der linken Spalte von Elementor.

Elementor Live-Vorschau – das Endergebnis ist sofort sichtbar

Da Elementor ein Frontend-Page-Builder ist, siehst du sofort, wie deine Webseite im Endeffekt aussieht.

In Elementor sieht unsere Testseite zum Beispiel wie folgt aus:

Anzeige der Icon-Liste-Demo in Elementor

Und das Endergebnis, was Besucher sehen, sieht so aus:

Anzeige der Icon-Liste-Demo auf der endgĂŒltigen Website

Du siehst also, mit Elementor arbeiten wir mehr oder weniger direkt mit der endgĂŒltigen Darstellung unserer Webseite.

Wobei es ein paar kleine Unterschiede gibt.

Zum Beispiel wird um das ausgewÀhlte Element herum ein Rahmen angezeigt.

Außerdem fĂŒgt Elementor Kontrollelemente hinzu, um Änderungen durchzufĂŒhren.

Elementor nutzt Rahmen, um das ausgewĂ€hlte Element hervorzuheben, und fĂŒgt zusĂ€tzliche Kontrollelemente hinzu

Umfangreiche Liste an Seiten-Elementen verfĂŒgbar

Neben dem Icon-Liste-Element gibt es viele weitere Elemente (welche Elementor Widgets genannt werden):

Elementor Widgets
Weitere Widgets fĂŒr Elementor
Noch mehr Widgets fĂŒr Elementor

Diese Elementor Widgets integrierst du auf dieselbe Weise wie in der Icon-Liste-Demo weiter oben, per Drag-and-Drop.

Mit Elementor Pro erhĂ€ltst du ĂŒbrigens mehr als 50 weitere Widgets:

Elementor Pro Widgets

Widgets fĂŒr den Elementor Pro Theme Builder:

Elementor Pro Theme Builder Widgets

Und Widgets fĂŒr Woocommerce (eine Onlineshop-Lösung fĂŒr WordPress):

Elementor Pro Woocommerce Widgets

Außerdem gibt es extern entwickelte Erweiterungen fĂŒr Elementor. Darunter befinden sich einige Widget-Sammlungen, mit welchen du Elementor aufrĂŒstest.

Kostenlos verfĂŒgbare Elementor Addons findest du ĂŒber die Plugin-Suchfunktion von WordPress oder auf der WordPress-Website:

Du willst mehr ĂŒber die Elementor Pro Addons erfahren. Hier geht es direkt zum Angebot!*

Im Bonusbereich fĂŒr diesen Beitrag findest du eine Liste mit den in meinen Augen nĂŒtzlichsten Elementor Addons.

Im Moment zeigt WordPress mehr als 500 Ergebnisse fĂŒr die obige Suche. Wenn du also etwas Zeit sparen möchtest, dann ist diese Liste genau das Richtige fĂŒr dich.

Auf jeden Fall ist es durch Elementor Widgets möglich, viele Website-Elemente in Seiten und BlogbeitrÀge zu integrieren, welche zuvor nur Programmierer und Webdesigner nutzen konnten.

Elementor Templates – die Template-Bibliothek von Elementor

Neben Widgets unterstĂŒtzt Elementor eine weitere Art von Block: Templates.

Elementor Templates sind Gruppierungen vorkonfigurierter Elementor Widgets.

Ein Template könnte zum Beispiel aus einer Überschrift, einem Bild und einem Textblock bestehen.

Du gelangst zu einer Übersicht, aller verfĂŒgbaren Elementor Templates, wenn du auf folgenden Button klickst:

Elementor-Template hinzufĂŒgen

Daraufhin öffnet sich ein Popup mit einer Vorschau der verfĂŒgbaren Elementor Templates:

Vorschau der verfĂŒgbaren Elementor-Templates

Wie du eventuell gesehen hast, sind Elementor Templates in drei Kategorien aufgeteilt: Blöcke, Seiten und eigene Templates.

Blöcke sind Seiten-Abschnitte (ein bisschen wie Elementor Widgets, allerdings wird ein kompletter Abschnitt einer Seite definiert), Seiten sind komplette Seiten und unter „Meine Templates” findest du Elementor Templates, die du selbst erstellt hast.

Eigene Seiten-Templates erstellst du, indem du in der linken Spalte unten auf folgenden Button klickst


Eigenes Seiten-Template erstellen – Schritt 1


und anschließend „Als Template speichern” auswĂ€hlst:

Eigenes Seiten-Template erstellen – Schritt 2

Danach musst du lediglich einen Namen fĂŒr dein neues Template angeben.

Ein Block-Template erstellst du, indem du auf folgenden Bereich per Rechtsklick das KontextmenĂŒ öffnest


Eigenes Block-Template erstellen – Schritt 1


und anschließend „Als Template speichern” auswĂ€hlst:

Eigenes Block-Template erstellen – Schritt 2

Nachdem du einen passenden Namen definiert hast, ist dein Block-Template unter „Meine Templates” verfĂŒgbar:

Das gerade erstellten Seiten-Template und das erstellte Block-Template sind nun unter „Meine Templates” verfĂŒgbar

Ein Beispiel fĂŒr ein Block-Template wĂ€re das folgende „FAQ”-Template (ein Webseiten-Segment fĂŒr hĂ€ufig gestellte Fragen):

FAQ-Block von Elementor

Ein Beispiel fĂŒr ein Seiten-Template, wĂ€re das „Product – App – page”-Template:

Beispiel fĂŒr ein Seiten-Template von Elementor

Viele der Templates von Elementor sind lediglich durch Elementor Pro verfĂŒgbar:

Elementor Pro-Templates

Und hier ist etwas, das mir ĂŒberhaupt nicht gefĂ€llt: Es ist nicht möglich, Elementor Pro Templates auszublenden.

Wenn du also nicht in die Elementor Pro Erweiterung investierst, musst du beim Durchstöbern von Templates immer Pro Templates mental ausfiltern.

Das alleine wĂ€re fĂŒr mich ein Grund, in Elementor Pro zu investieren.

Jedenfalls ist ein Großteil der interessanten Templates nur durch Elementor Pro verfĂŒgbar.

Und von den kostenlosen Templates bin ich, ehrlich gesagt, nicht besonders beeindruckt. Auch die Elementor Pro Templates hauen mich nicht vom Hocker (wobei es einige interessante Blöcke und Seiten-Templates gibt).

Das grĂ¶ĂŸte Problem ist in meinen Augen, dass Seiten-Templates meistens nur Templates fĂŒr einzelne Seiten sind (viele Seiten-Templates sind zum Beispiel Startseiten oder Marketing-Landingpages).

Und dass die Seiten-Templates in der Regel nicht besonders gut zu anderen Seiten-Templates passen.

Das heißt, wenn du eine komplette Website erstellen möchtest, musst du andere Seiten selbst erstellen („Über uns”, „Kontakt”, „Blog”, etc.).

Dadurch sind Seiten-Templates in meinen Augen sehr viel weniger nĂŒtzlich, als auf den ersten Blick ersichtlich ist.

Die standardmĂ€ĂŸig mitgelieferten Seiten-Templates sind vor allem fĂŒr alleinstehende Landingpages geeignet.

Du kannst allerdings versuchen, anhand eines Seiten Templates andere Templates selbst zu erstellen. Zum Beispiel, indem du den Content-Bereich eines Seiten Templates mit Block Templates oder eigenen Kreationen aus Elementor Widgets ersetzt (und den oberen und unteren Bereich des Seiten-Templates beibehÀltst).

Block-Templates sind ĂŒbrigens ebenfalls zum großen Teil nur mit Elementor Pro verfĂŒgbar. Hier musst du also ebenfalls Pro Templates mental ausfiltern, wenn du nicht in Elementor Pro investierst.

Doch ich habe eine gute Nachricht:

Ich habe einen Dienst gefunden, der fertige Template-Kits fĂŒr Elementor anbietet.

Ein Template-Kit ist eine Sammlung von Templates fĂŒr unterschiedliche Seiten-Typen, welche alle zusammen passen. Zum Beispiel Startseite, Templates fĂŒr einen Blog (BlogbeitrĂ€ge, Blog-Index und -Kategorien), Kontaktseite, „Über uns”-Seite, etc.

Du erhĂ€ltst also eine komplette Website, in die du nur deine Daten einfĂŒllen musst und welche danach sofort startklar ist.

Insgesamt gibt es 112 kostenlose Template-Kits mit insgesamt 1935 einzelnen Templates. Also ein Vielfaches von dem, was in Elementor verfĂŒgbar ist (egal, ob mit Elementor Pro oder ohne).

Dieser Dienst ist also interessant egal, ob du in Elementor Pro investiert hast, oder nicht.

Vermutlich fragst du dich jetzt:

„Okay, und wie heißt der Dienst??”.

Du findest den Namen des Dienstes im Bonusbereich zu diesem Artikel.

Zusammen, mit vielen weiteren nĂŒtzlichen Tipps, Erweiterungen und Ressourcen fĂŒr Elementor.

Du erhÀltst kostenlos Zugang, indem du auf folgenden Button klickst und den Anweisungen folgst.

FlexibilitÀt

Mit Elementor musst du keinen Code schreiben oder editieren, du hast allerdings nahezu dieselbe FlexibilitÀt und Freiheit.

Und sogar noch mehr FlexibilitĂ€t, wenn du dich fĂŒr Elementor Pro entscheidest.

Ich kann das Thema hier allerdings nur kurze anschneiden, da Elementor ĂŒber so viele Möglichkeiten verfĂŒgt, dass dieser Artikel schnell doppelt so lange wĂ€re, wenn ich alles aufzĂ€hle.

Zusammenfassend kann gesagt werden, dass du mit Elementor alle wichtigen Einstellungen tĂ€tigen kannst, welche mit HTML und CSS möglich sind. Und zwar ohne Code zu editieren, ĂŒber eine einfach zu bedienende WeboberflĂ€che.

Im Folgenden demonstriere ich dies anhand unserer Icon-Liste:

Wenn du ein Widget auswĂ€hlst (zum Beispiel, indem du in den Bereich des Widgets klickst), öffnet sich in der linken Spalte eine KonfigurationsoberflĂ€che fĂŒr das ausgewĂ€hlte Widget:

Einstellungen fĂŒr das Elementor Icon-Liste Widget

Wie du in der oberen Leiste sehen kannst, sind die Einstellungen in drei Bereiche aufgeteilt: Inhalt, Stil und Erweitert.

Wie der Name vermuten lĂ€sst, kann unter „Inhalt” der Inhalt eines Widgets bearbeitet werden.

FĂŒr unsere Icon-Liste ist es zum Beispiel möglich, das Layout zu verĂ€ndern. So können wir bestimmen, ob Elemente unsere Liste untereinander oder nebeneinander angezeigt werden (Letzteres wird hĂ€ufig fĂŒr Navigationsleisten genutzt).

Außerdem ist es möglich, ein Listen-Element zu kopieren oder zu löschen (ĂŒber die Buttons neben den EintrĂ€gen). Neue Elemente können ĂŒber den „ELEMENT HINZUFÜGEN”-Button hinzugefĂŒgt werden.

Wenn du auf ein Element klickst, öffnet sich weitere Einstellungsmöglichkeiten:

Einstellungen fĂŒr Elementor Icon-Liste 2

Wie du siehst, ist es möglich, den Text zu Ă€ndern (welchen du allerdings auch direkt an der Vorschau Ă€ndern kannst), ein anderes Icon auszuwĂ€hlen und einen Link anzugeben (was dazu fĂŒhrt, dass das Element auf die angegebene URL verlinkt).

Im „Stil”-Tab ist es anschließend möglich, den Stil zu Ă€ndern – also die Darstellung.

Elementor ist nicht wirklich konsistent, was die Einteilung der Einstellungen in die drei Tabs angeht. „Layout” aus dem Inhalt-Tab gehört zum Beispiel aus logischer Sicht in das Stil-Tab. Viele Einstellungen aus „Erweitert” (das dritte Tab) wĂ€ren aus semantischer Sicht ebenfalls besser im Stil-Tab aufgehoben.

Wobei das nur eine Kleinigkeit und kein ernsthaftes Problem ist.

Unter „Stil” nehmen wir wie gesagt Einstellungen bzgl. des Stils vor:

Stil Einstellungen fĂŒr Elementor Icon-Liste

Unter „Liste” können wir den Zwischenraum zwischen Elementen und die Ausrichtung (links-/rechtsbĂŒndig oder zentriert) bestimmen.

Durch einen Klick auf den Button neben „Trenner” wird eine Trennlinie zwischen Elementen angezeigt, fĂŒr welche wir einige Einstellungen tĂ€tigen können. Zum Beispiel können wir eine gepunktete oder gestrichelte statt einer durchgezogenen Linie anzeigen. Und die Farbe und stĂ€rke der Linie kann ebenfalls bestimmt werden.

Unter „Icon” konfigurieren wir die Icons unserer Icon-Liste:

Icon Stil Einstellungen fĂŒr Elementor Icon-Liste

„Farbe” und „GrĂ¶ĂŸe” sollte selbsterklĂ€rend sein.

Über „Hover” wĂ€hlen wir eine Farbe aus, in welcher das Icon angezeigt wird, wenn wir mit der Maus ĂŒber das betroffene Listen-Element fahren.

Unter „Text” definieren wir anschließend den Textstil:

Text Stil Einstellungen fĂŒr Elementor Icon-Liste

„Textfarbe” und „Hover” sind wieder selbsterklĂ€rend.

Mit „Text-EinrĂŒckung” bestimmen wir die die Entfernung zwischen Icon und Text.

Über „Typografie” definieren wir Schriftart, SchriftgrĂ¶ĂŸe und viele weitere Einstellungen (welche in der Regel nur von Webdesignern genutzt werden):

Typografie Einstellungen fĂŒr Elementor Icon-Liste

Im „Erweitert”-Tab sind anschließend einige weitere interessante Einstellung möglich:

Erweiterte Einstellungen fĂŒr Elementor Icon-Liste

Unter „Erweitert”


Erweiterte Einstellungen fĂŒr Elementor Icon-Liste – Erweitert


finden wir Einstellungen, welche hÀufig von Webdesignern genutzt werden.

Hier ist vor allem „Margin” und „Padding” interessant, womit wir den Abstand zwischen unserer Icon-Liste und anderen Widgets bestimmen.

Der Unterschied zwischen Margin und Padding ist, dass Margin den Abstand zwischen der Grenze eines Widgets und angrenzenden Widgets bestimmt, und dass Padding den Abstand zwischen der Grenze des Widgets zu Inhalt des Icon-Liste Widgets selbst bestimmt.

Im folgenden Bild siehst du, in welchem VerhÀltnis Inhalt (blaue Box), Padding, Rahmen (Border) und Margin stehen:

Elementor Margin/Padding

„Z-Index”, „CSS-ID” und „CSS-Klassen” ist nur relevant, wenn du bereits weißt, worum es geht. Diese Einstellungen sind hauptsĂ€chlich fĂŒr Webdesigner gedacht.

Als NĂ€chstes haben wir „Bewegungseffekte”:

Erweiterte Einstellungen fĂŒr Elementor Icon-Liste – Bewegungseffekte

Hier ist es möglich, eine Eingangsanimation fĂŒr unser Widget zu bestimmen.

So dass unsere Icon-Liste zum Beispiel von links rein gleitet:

Elementor Icon-Liste – Eingangsanimation

Neben „hereingleiten” gibt es 35 weitere Animationsarten.

In der nÀchsten Sektion haben wir die Möglichkeit, den Hintergrund zu definieren:

Erweiterte Einstellungen fĂŒr Elementor Icon-Liste – Hintergrund

Über “NORMAL” definieren wird den regulĂ€ren Hintergrund, ĂŒber „HOVER” den Hintergrund, wenn wir mit der Maus ĂŒber das Widget fahren.

Über den ersten Button neben „Hintergrundtyp” ist es möglich, den Hintergrund als Farbe oder Bild zu definieren. Über den zweiten Button definieren wir einen Farbverlauf:

Erweiterte Einstellungen fĂŒr Elementor Icon-Liste – Hintergrund – Farbverlauf

Diese Funktion sollte jedoch – wie ich hier in meinen Augen sehr gut demonstriert habe – von den meisten Nicht-Designern völlig ignoriert werden
 😉

Unter „Rahmen” definieren wir einen Rahmen um unser Widget herum:

Erweiterte Einstellungen fĂŒr Elementor Icon-Liste – Rahmen

Dabei können wir den Rahmen im regulÀren und hover Zustand definieren.

Unter „Rahmen“ stehen uns mehrere Stile zur VerfĂŒgung (durchgezogen, gestrichelt, gepunktet, etc.).

Über Eckradius geben wir an, wie rund die Ecken sind.

Über „Box-Schatten” besteht die Möglichkeit, einen Schatten anzuzeigen.

Die nĂ€chsten drei Abschnitte „Individuelle Positionierung”, „Responsive” und „Eigenes CSS”


„Individuelle Positionierung”, „Responsive” und „Eigenes CSS”


behandeln wir zusammen, da es dazu nicht viel zu sagen gibt:

Unter „Individuelle Positionierung” kann eingestellt werden wie und wo unser Widget angezeigt wird. Diese Option ist in der Regel nur fĂŒr Webdesigner interessant.

Den Abschnitt „Responsive” sehen wir uns in wenigen Minuten an.

Und ĂŒber „Eigenes CSS” ist es möglich, CSS inline zu definieren (was nur nĂŒtzlich ist, wenn du weißt, was CSS ist). „Eigenes CSS” ist ĂŒber Elementor Pro verfĂŒgbar und in der Regel nur fĂŒr Menschen mit Webdesign-Kenntnissen relevant.

Das waren jetzt die spezifischen Einstellungsmöglichkeiten fĂŒr das Widget „Icon-Liste”.

Die Einstellungen in „Inhalt” und „Stil” unterscheiden sich in der Regel von Widget zu Widget. Einstellungen unter „Erweitert” sind fĂŒr alle Widgets gleich (zumindest sind mir keine Abweichungen aufgefallen).

Ich habe hier die Einstellungsmöglichkeiten fĂŒr ein Widget im Detail vorgestellt, damit du sehen kannst, wie viele Elementor-Widget-Eigenschaften du bestimmen kannst. Und wie einfach das ist.

Layouts

Als NĂ€chstes sehen wir uns Layouts an.

Das Layout ist der Aufbau einer Webseite. Oder des Bereichs, den wir mit Elementor erstellen.

Das Layout gibt also an, wie Elemente einer Webseite angeordnet sind.

Ein ĂŒbliches Layout fĂŒr Webseiten ist zum Beispiel:

Header
-
Content
-
Footer

Zuerst kommt ein Kopfbereich, der oft auf allen Seiten gleich ist (zum Beispiel eine Navigationsleiste).

Dann kommt der Bereich, in denen Inhalte angezeigt werden (Text auf Artikelseiten, ein Kontaktformular auf der Kontaktseite, die Produktbeschreibung auf einer Produktseite, etc.).

Danach kommt der Footer bzw. die Fußzeile, welche wieder auf allen Seiten gleich ist.

Dieses Layout hat drei Zeilen.

Neben Zeilen sind Spalten eine weitere Möglichkeit, Layouts zu bestimmen.

Eine Zeile erstellen wir mit Elementor, indem wir auf das „Plus”-Zeichen klicken, um einen neuen Abschnitt zu erstellen:

Neuen Elementor Abschnitt erstellen

Danach öffnet sich eine Ansicht, ĂŒber welche wir die Spalten des Abschnitts bestimmen:

Spalten eines Elementor Abschnitts bestimmen

Wenn wir nun drei Spalten auswÀhlen, erhalten wir Folgendes:

Drei Elementor Spalten ohne Inhalte

Die Breite der Spalten Ă€ndern wir per Drag-and-Drop ĂŒber den Separator zwischen den Spalten. ZusĂ€tzliche Spalten fĂŒgen wir ĂŒber einen Rechtsklick auf den Rand einer Spalte und der anschließenden Auswahl von „Neue Spalte erstellen” hinzu.

Als NĂ€chstes fĂŒllen wir unsere Spalten per Drag-and-Drop mit Elementor Widgets. Dazu klicken wir einfach auf ein „Plus”-Zeichen – was die Liste von Widgets in der linken Spalte öffnet – und ziehen anschließend unsere Wahl in eine der Spalten.

Ich habe zum Beispiel meine Spalten mit Icon-Widgets gefĂŒllt:

Drei Elementor Spalten mit Icons

Durch Zeilen (bzw. Abschnitten), Spalten und den unter „FlexibilitĂ€t” vorgestellten „Margin” und „Padding” ist es fĂŒr uns sehr leicht, Webseiten-Elemente genau so anzuordnen, wie wir es möchten. Wobei natĂŒrlich eine gewisse Einarbeitungszeit nötig ist, bis du diese Funktionen effizient nutzt.

Elementor Canvas

Wenn du mit Elementor eine Seite erstellst, ist standardmĂ€ĂŸig der Header und der Footer des WordPress Themes enthalten:

Elementor Seite mit Header und Footer

Wenn du eine Website erstellst, die Teil der regulĂ€ren Website ist – zum Beispiel eine „Über uns”-Seite – dann ist das natĂŒrlich gewollt.

Unter UmstĂ€nden kann dieses Verhalten allerdings unerwĂŒnscht sein. Wenn du eine Marketing-Landingpage erstellst, solltest du den regulĂ€ren Header und Footer zum Beispiel nicht verwenden.

GlĂŒcklicherweise ist es mit Elementor sehr einfach, eine Seite ohne den regulĂ€ren Header und Footer zu erstellen.

Wir erreichen dies, indem wir auf das Zahnradsymbol in der linken unteren Ecke klicken und anschließend unter Seitenlayout „Elementor Canvas” auswĂ€hlen:

Elementor Canvas auswÀhlen

Darauf hin aktualisiert Elementor die Seite, welche nun ohne Header und Footer angezeigt wird:

Elementor Seite ohne Header und Footer erstellen

Responsive Webdesign

Heutzutage werden Webseiten auf eine Vielzahl von GerÀten angesehen.

Vom 4 Zoll Smartphone mit hin zum 70 Zoll Fernseher ist alles möglich.

Responsive Webdesign ist eine beliebte Technik, um sicherzustellen, dass Websites auf allen EndgerÀten ansprechend aussehen.

Vereinfacht ausgedrĂŒckt, passt sich eine „responsive” erstellte Website dem genutzten EndgerĂ€t an.

Mein Drei-Spalten-Layout von weiter oben


Drei Elementor Spalten mit Icons


wird auf Smartphones automatisch folgendermaßen angezeigt:

Drei Elementor Spalten mit Icons auf Smartphones

Über „Responsive” in „Erweitert” in der Konfigurationsleiste von Elementor Widgets oder Elementor Abschnitten – unter „FlexibilitĂ€t” haben wir dies ĂŒbersprungen – ist es möglich, Widgets und Abschnitte auf bestimmten GerĂ€ten zu verstecken:

Elementor Widgets und Abschnitte responsive verstecken

DarĂŒber hinaus, können wir viele Einstellungen auf Basis des GerĂ€tetyps definieren. Die von Elementor unterstĂŒtzten GerĂ€tetypen sind Desktop, Tablet und Smartphone.

Elementor kann eine Vorschau der gerade bearbeiteten Webseite in einer Simulation der GerÀtetypen Tablet und Smartphone anzeigen.

Um einen GerĂ€tetyp auszuwĂ€hlen, klicke einfach auf den „Responsive Modus”-Button unten in der linken Seitenleiste:

Elementor Responsive Modus auswÀhlen

Der Responsive Modus ist nicht nur nĂŒtzlich, um Fehler auf bestimmten GerĂ€tetypen zu finden, sondern ermöglicht auch gleichzeitig, gefundene Fehler zu beseitigen.

Oft ist es nĂ€mlich möglich, fĂŒr GerĂ€tetypen spezifische Einstellungen vorzunehmen.

Nehmen wir zum Beispiel an, unsere Schrift ist auf Smartphones zu groß oder zu klein.

Nun öffnen wir einfach die Typographie-Einstellungen des betreffenden Widgets, wÀhrend wir uns im Smartphone-Modus befinden:

Elementor Einstellungen responsive vornehmen

Wie du sehen kannst, ist es nun möglich, die SchriftgrĂ¶ĂŸe speziell fĂŒr den GerĂ€tetypen „Smartphone” zu definieren. Desktop und Tablet bleiben von dieser Einstellung unbeeinflusst.

Auf diese Weise können viele weitere Einstellungen spezifisch fĂŒr die einzelnen GerĂ€tetypen vorgenommen werden, um eine perfekt angepasste Website zu erstellen, welche ĂŒberall ansprechend aussieht.

Seiten erstellen, welche dein WordPress-Theme nicht enthÀlt

Ein großer Vorteil von Elementor ist, dass du Seiten nachrĂŒsten kannst, welche in deinem WordPress-Theme fehlen.

So kannst du zum Beispiel problemlos eine Seite mit einer Preistabelle, eine „Über uns”-Seite oder eine Portfolio-Seite erstellen.

Marketing-Webseiten wie Landingpages, Verkaufsseiten, usw. kannst du mit Elementor ebenfalls maßgeschneidert erstellen.

Und mit Elementor Canvas hast du die Wahl zwischen einer Webseite mit oder ohne Header und Footer.

RĂŒckgĂ€ngigmachen und Wiederherstellen

Zwei beliebte Funktionen von Elementor sind der Änderungsverlauf und die Erstellung von Revisionen.

Durch den Änderungsverlauf ist es möglich, kĂŒrzliche Änderungen wieder rĂŒckgĂ€ngig zu machen und anschließend wieder herzustellen.

Dazu nutzt du einfach die fĂŒr dein Betriebssystem ĂŒblichen Tastenkombinationen. FĂŒr Mac Cmd-Z / Cmd-Y und fĂŒr Windows Strg-Z / Strg-Y.

Im Änderungsverlauf werden Änderungen einer Session gespeichert.

Wenn du also heute Änderungen an deiner Seite durchfĂŒhrst, den Zustand speicherst und morgen wiederkommst und an der Seite weiterarbeitest, dann sind deine Änderungen von heute nicht mehr im Änderungsverlauf verfĂŒgbar.

Der vollstĂ€ndige Änderungsverlauf kann ĂŒber einen Button in der unteren Leiste in der linken Spalte aufgerufen werden:

Elementor Änderungsverlauf

Über diese Ansicht kann außerdem zur Übersicht der Revisionen gewechselt werden:

Übersicht der Revisionen in Elementor

Jedes Mal, wenn du eine Seite speicherst, erstellt Elementor eine Revision der Webseite, welche du spÀter wiederherstellen kannst.

Leider ist es scheinbar nicht möglich, Revisionen Namen oder Kommentare hinzuzufĂŒgen. Dadurch ist es spĂ€ter schwierig, Revisionen einem bestimmten Zustand zuzuordnen.

Kein Webdesigner nötig (allerdings trotzdem oft sinnvoll)

Elementor ermöglicht es dir, ohne Programmier- und Webdesign-Kenntnisse und ohne die Hilfe eines Webdesigners ansprechende Webseiten zu erstellen.

NatĂŒrlich fehlt dir am Anfang erst einmal das „Designauge” fĂŒr komplexe Designs und Übung ist nötig.

Wenn es dein Budget erlaubt, kannst du solche schwierigeren Designs kostengĂŒnstig zu einem externen Dienstleister auslagern.

So ist es zum Beispiel möglich, ein perfekt auf dein Business angepasstes Theme zu erstellen. Du kĂŒmmerst dich dann nur noch um die Inhalte selbst.

Wenn das interessant klingt, findest du ĂŒber folgenden Link die Möglichkeit, Angebote von empfehlenswerten Webdesign-Agenturen fĂŒr WordPress einzuholen:

Wenn du dein Webdesign mit Elementor selbst erstellst, sparst du zwar erst einmal Geld.

Wenn dein Design unprofessionell aussieht, verlierst du allerdings mit hoher Wahrscheinlichkeit langfristig gesehen Geld unter dem Strich.

Aus diesem Grund ist es ratsam, zumindest ein Angebot einzuholen, um sicherzustellen, dass ein professioneller Dienstleister aus finanzieller Sicht wirklich keine Option ist. Unsere Kunden sind hĂ€ufig erstaunt, wie gĂŒnstig viele Dienstleistungen ĂŒber unsere Website erhĂ€ltlich sind.

Elementor Addons: Welche Elementor Plugins sind empfehlenswert?

Einer der grĂ¶ĂŸten Vorteile von Elementor ist die große Anzahl von Plugins, welche fĂŒr Elementor verfĂŒgbar sind.

Über folgenden Link findest du mehr als 500 Elementor Addons:

WordPress Plugins fĂŒr Elementor auf WordPress.org

Wobei die große Anzahl an Elementor Plugins natĂŒrlich ebenfalls ein Problem ist. 500 WordPress Plugins anzusehen und zu evaluieren nimmt viel Zeit in Anspruch.

Aus diesem Grund habe ich mich mit diesem Thema intensiv beschĂ€ftigt und eine Liste der nĂŒtzlichsten Elementor Addons erstellt.

Du findest diese Liste im Bonusbereich zu diesem Artikel, der exklusive fĂŒr unsere Newsletter-Abonnenten verfĂŒgbar ist.

Um kostenlos Zugang zu erhalten, klick einfach auf folgenden Link und folge den Anweisungen.

Übrigens:

Die große Anzahl an Elementor Plugins deutet auf einen weiteren großen Vorteil von Elementor hin:

Das Plugin-System von Elementor.

Mit entsprechenden Programmier-Kenntnissen ist es möglich, Elementor deinen AnsprĂŒchen entsprechend zu erweitern und abzuĂ€ndern.

Wenn dir diese Programmier-Kenntnisse fehlen, besteht die Möglichkeit, eine Agentur fĂŒr die Entwicklung deines Elementor Addons zu beauftragen.

Bei Interesse findest du eine Liste von professionellen WordPress Agenturen, welche WordPress-Plugin-Entwicklung als Dienstleistung anbieten, wenn du auf folgenden Link klickst:

Elementor ist Open Source

Elementor ist – wie auch WordPress selbst – Open-Source-Software.

Das heißt, der Quellcode von Elementor ist frei einsehbar und von jedem verĂ€nderbar.

Daraus ergeben sich drei Vorteil:

1.) Schnellere Weiterentwicklung

Da Elementor von jedem verbessert werden kann – Verbesserungen kannst du ĂŒber das GitHub-Projekt von Elementor ĂŒbermitteln – lĂ€uft die Weiterentwicklung schneller ab als bei Konkurrenten mit kleinen Entwicklerteams.

2.) Reduziertes Risiko

Wenn die Firma hinter Elementor pleite geht, ist Elementor weiterhin frei verfĂŒgbar und kann von der Open-Source-Community weiterentwickelt werden.

Mit Elementor Alternativen, welche nicht als Open-Source-Software verfĂŒgbar sind – was soweit ich weiß auf alle populĂ€ren Elementor Alternativen zutrifft – ist dies nicht möglich. In diesem Fall musst du deine Website im Fall einer Pleite des Betreibers der Elementor Alternative komplett neu erstellen.

3.) Elementor ist anpassbar

Wie weiter oben erwÀhnt, kann Elementor durch Plugins erweitert oder abgeÀndert werden.

Unter UmstÀnden ist es jedoch nicht möglich, ein bestimmtes Ziel durch das Plugin-System von Elementor zu erreichen.

In diesem Fall – da Elementor als Open-Source-Software verfĂŒgbar ist – besteht die Möglichkeit, den Quellcode von Elementor selbst abzuĂ€ndern.

In 99% der FĂ€lle sollte dies nicht nötig sein – in den ĂŒbrigen 1% ist diese Möglichkeit jedoch sehr nĂŒtzlich.

Wenn dir die nötigen Programmier-Kenntnisse fehlen, findest du ĂŒber folgenden Link einige Agenturen, die Programmierung fĂŒr WordPress als Dienstleistung anbieten:

Elementor ist kostenlos

FĂŒr viele Elementor-Nutzer ist der grĂ¶ĂŸte Vorteil der Preis – der ist nĂ€mlich Null Euro.

Andere WordPress Page Builder sind zwar ebenfalls kostenlos verfĂŒgbar, allerdings ist mir keine kostenlose Elementor-Alternative bekannt, welche kostenlos vollstĂ€ndig nutzbar ist.

Solche kostenlosen WordPress Page Builder sind so eingeschrÀnkt, dass sie in der kostenlosen Version nahezu nutzlos sind.

Elementor ist jedoch voll funktionsfĂ€hig, was einer der GrĂŒnde dafĂŒr ist, dass Elementor alle anderen WordPress Page Builder wie eine Rakete ĂŒberholt hat. Kein anderer Page Builder wird annĂ€hernd so oft genutzt wie Elementor.

Wobei ich dazu sagen muss, dass einige nĂŒtzliche Funktionen ĂŒber Elementor Pro kostenpflichtig verfĂŒgbar sind.

Und Elementor Pro sehen wir uns im nÀchsten Abschnitt an:

Elementor Pro Funktionen und Vorteile

Elementor Pro bietet einige nĂŒtzliche Erweiterungen fĂŒr Elementor, welche wir uns hier im Schnelldurchlauf ansehen.

Eine umfangreiche Beschreibung aller Elementor Pro Funktionen und Vorteile findest du auf der Website von Elementor:

Elementor und Elementor Pro Website* (leider nur in Englisch)

Elementor Pro ist ein Elementor Addon, keine eigenstĂ€ndige Version von Elementor. Das heißt, Elementor Pro ist nur nutzbar, wenn du das kostenlose Elementor Plugin installiert hast.

Hier sind nun die wichtigsten Elementor Pro Funktionen und Vorteile im Schnelldurchlauf:

Elementor Pro Theme Builder

Mit dem Elementor Pro Theme Builder ist es möglich – wie der Name bereits vermuten lĂ€sst – das Theme deiner WordPress-Website frei zu bestimmen.

Du kannst zum Beispiel den Header und Footer deiner Website mit Elementor definieren.

Außerdem kannst du Page Templates erstellen. Zum Beispiel fĂŒr BlogbeitrĂ€ge und fĂŒr die Startseite von deinem Blog.

Elementor Pro Popup Builder

Mit Elementor Pro ist es außerdem möglich, conversionstarke Popups per Drag-and-Drop zu entwerfen.

Das ist vor allem fĂŒr Marketingzwecke nĂŒtzlich, zum Beispiel um Newsletter-Abonnenten zu generieren oder um einen Gutscheincode anzubieten.

Mehr Elementor Widgets

Elementor kommt mit 30 kostenlosen Widgets. Elementor Pro ergÀnzt dies mit mehr als 50 zusÀtzlichen Widgets.

Hier ist ein Überblick ĂŒber aller zusĂ€tzlichen Widgets in Elementor Pro:

Elementor Pro Widgets

Widgets fĂŒr den Elementor Pro Theme Builder:

Elementor Pro Theme Builder Widgets

Und Widgets fĂŒr Woocommerce (eine Onlineshop-Lösung fĂŒr WordPress):

Elementor Pro Woocommerce Widgets

Globale Widgets

Mit Elementor Pro ist es möglich, eigene Widgets zu erstellen.

Diese Widgets kannst du anschließend zentral verwalten und Änderungen werden automatisch auf alle Stellen angewendet, an denen du dein Widget verwendet hast.

Elementor Pro Form Builder

Formulare sind wichtige Elemente vieler Webseiten.

Und mit Elementor Pro kannst du deine Formulare visuell per Drag-and-Drop ĂŒber Elementor erstellen.

Außerdem integrieren Elementor Pro Formulare mit vielen beliebten E-Mail-Marketing-Diensten. So kannst du gezielt die Anzahl deiner Newsletter-Abonnenten steigern.

Nachteile von Elementor (gibt es welche?)

Nachdem wir die wichtigsten Funktionen und Vorteile von Elementor und Elementor Pro besprochen haben, ist unsere nÀchste Frage:

Gibt es irgendwelche Nachteile?

Und die Antwort ist selbstverstĂ€ndlich „Ja”.

Wie alles im Leben hat auch Elementor Vor- und Nachteile.

Wobei sich die Nachteile fĂŒr die meisten Personen stark in Grenzen halten.

Die meisten Nachteile gibt es fĂŒr Programmierer und Webdesigner, zu welchen ich mich zĂ€hle.

Da du allerdings mit hoher Wahrscheinlichkeit kein Programmierer oder Webdesigner bist, sind diese Nachteile mehr oder weniger irrelevant fĂŒr dich.

Der VollstÀndigkeit halber werde ich diese Nachteile allerdings trotzdem in wenigen Worten aufzÀhlen.

Wenn du möchtest, kannst du allerdings zur ĂŒbernĂ€chsten Überschrift springen.

Nachteile von Elementor fĂŒr Programmierer und Webdesigner

Die zwei Hauptnachteile fĂŒr Programmierer oder Webdesigner sind gesenkte FlexibilitĂ€t in der Gestaltung von Webseiten und reduzierte LeistungsfĂ€higkeit der erstellten Webseiten.

Wenn ich HTML-, CSS- und JavaScript-Code schreibe, habe ich natĂŒrlich mehr Freiheit, als wenn ich ein Hilfsmittel nutze, was den Code fĂŒr mich generiert.

Das sollte keine Überraschung sein.

Ebenso sollte es klar sein, dass der Code, der von besagtem Hilfsmittel generiert wird, nicht so leistungsfÀhig ist, wie Code, der von einem erfahrenen Entwickler erstellt wurde. In der Regel ist generierter Code zum Beispiel aufgeblÀhter und lÀdt daher etwas langsamer.

Der letzte Punkt kann zwar ĂŒberwunden werden, wenn vom Elementor-Entwickler-Team genug Zeit und Energie investiert wird, im Moment ist dies in meinen Augen allerdings nicht der Fall.

Davon abgesehen ist es allerdings sehr wahrscheinlich, dass es fĂŒr Programmierer und Webdesigner trotzdem oft Sinn macht, Webseiten mit Elementor zu erstellen.

Die Vorteile ĂŒberragen die Nachteile in meinen Augen bei Weitem.

Elementor Nachteile fĂŒr alle anderen

Die Nachteile fĂŒr Nicht-Programmierer und Nicht-Webdesigner sind im Prinzip dieselben.

Wobei Nicht-Programmierer/Webdesigner keine Alternative haben, wodurch die Nachteile mehr oder wenig irrelevant sind.

Ansonsten gibt es hier und da Kleinigkeiten, die in meinen Augen nicht optimal sind, fĂŒr welche es allerdings meistens Workarounds gibt, und welche vermutlich – wie ich Elementor kenne – in den nĂ€chsten Versionen gefixt werden.

Eine Sache, die mich allerdings besonders stört, ist, dass Elementor Pro Templates nicht herausgefiltert werden können. Wenn du also nicht in Elementor Pro investierst, musst du Pro Templates immer mental herausfiltern, was unnötig und zeitaufwendig ist. Und ich schĂ€tze, dies wird aus Marketing-GrĂŒnden nicht geĂ€ndert.

Wobei es in meinen Augen sowieso sehr zu empfehlen ist, in Elementor Pro* zu investieren. Daher ist dieser Nachteil ebenfalls relativ unwichtig.

FĂŒr wen ist Elementor geeignet?

Elementor ist perfekt fĂŒr Personen, die Seiten und BlogbeitrĂ€ge durch fortgeschrittene Seitenelemente aufpeppen möchten.

BlogbeitrÀge und regulÀre Seiten können mit Elementor durch viele visuelle Elemente angereichert werden:

Elementor Widgets
Weitere Widgets fĂŒr Elementor
Weitere Widgets fĂŒr Elementor

Noch mehr Widgets sind durch Elementor Pro und Elementor Addons verfĂŒgbar.

Elementor ist perfekt, wenn du dich von der Masse durch visuell ansprechende Seiten und BlogbeitrÀge abheben möchtest.

Visuelle Elemente erhöhen nachweislich die Lese- und Conversionrate von Texten. Daher ist Elementor ebenfalls fĂŒr Personen nĂŒtzlich, welche Besucher zum Lesen von Texten und zum Kaufen von Produkten bewegen möchten.

Elementor ist außerdem ideal, wenn du eine Seite nachrĂŒsten möchtest, die in deinem WordPress Theme nicht enthalten ist. Wie weiter oben erwĂ€hnt, zum Beispiel eine „Über uns”-Seite, eine Preistabelle oder Marketing-Seiten.

Noch mehr Möglichkeiten bietet Elementor Pro*. Der Elementor Pro Theme Builder ermöglicht dir, das komplette Design deiner WordPress-Website ĂŒber Elementor zu definieren. Per Drag-and-Drop, ohne eine einzige Zeile Code zu sehen.

Dabei genießt du große Freiheit und kannst nahezu jeden Aspekt des Designs bestimmen.

Programmierer und Webdesigner profitieren ebenfalls von Elementor.

Zwar reduziert Elementor FlexibilitÀt und Leistung, allerdings erstellst du mit Elementor Webseiten oft 10-mal so schnell.

FĂŒr wen ist Elementor ungeeignet?

Elementor ist vor allem fĂŒr Perfektionisten mit HTML- und CSS-Kenntnissen ungeeignet.

In der Vergangenheit hatte ich dieses Problem.

Ich habe an etwas gearbeitet, das per HTML- und CSS-Code leicht umzusetzen gewesen wÀre, mit Elementor allerdings schwierig war.

Eine einfache Lösung ist – wie ich spĂ€ter realisiert habe – in Elementor Pro* zu investieren. Dann ist es möglich, CSS inline zu definieren. Die meisten Probleme können so mit ein paar Zeilen CSS-Code ĂŒberwunden werden.

Elementor Tipps & Tricks

In diesem Abschnitt erfÀhrst du nun einige Tipps und Tricks, um das meiste aus Elementor herauszuholen und produktiv zu arbeiten:

Elementor Finder

Als Erstes hĂ€tten wir Elementor Finder, welcher es ermöglicht, einige Handlungen effizient durchzufĂŒhren.

Du öffnest Elementor Finder, indem du die Tastenkombination Ctrl-E (Windows) oder Cmd-E (MacOS) nutzt:

Elementor Finder Fenster ohne Ergebnisse

Anschließend gibst du einen Teil des Namens von dem ein, was du suchst, und Elementor zeigt passende Ergebnisse:

Elementor Finder Fenster mit Ergebnissen

Wenn du in das leere Suchformular ein Leerzeichen eingibst, zeigt dir Elementor alle möglichen Ergebnisse an (eventuell zeigt Elementor nur einen Teil der Ergebnisse, wenn es sehr viele gibt):

Elementor Finder-Suche mit Leerzeichen

Wie du sehen kannst, findet Elementor Finder mit Elementor erstellte Seiten, BeitrÀge und Elementor Templates.

DarĂŒber hinaus sind folgende Shortcuts ĂŒber Elementor Finder in wenigen Sekunden ausfĂŒhrbar:

Elementor Finder Shortcuts 1
Elementor Finder Shortcuts 2
Elementor Finder Shortcuts 3

Elementor Finder ist also zum Beispiel sehr nĂŒtzlich, um zwischen Elementor-Seiten zu wechsel, um neue Seiten zu erstellen und um schnell zu bestimmten Konfigurationsseiten zu springen.

Elementor Finder ist ĂŒbrigens ĂŒberall in WordPress verfĂŒgbar: im Admin-Bereich, im Elementor-Editor und auf der Website, welche Besucher sehen. FĂŒr Letzteres musst du lediglich als Admin eingeloggt sein.

Leider ist es mit Elementor Finder im Moment nicht möglich, nach Elementor Widgets zu suchen und diese einzufĂŒgen.

Elementor Navigator

Ebenfalls nĂŒtzlich ist Elementor Navigator.

Elementor Navigator ist eine alternative Möglichkeit, zwischen Seiten-Abschnitten und genutzten Widgets zu navigieren, Abschnitte und Widget zu verschieben und Einstellungen vorzunehmen.

Du öffnest Elementor Navigator, indem du auf folgenden Button im unteren Bereich der Seitenleiste klickst:

Elementor Navigator aufrufen

Daraufhin öffnet sich folgendes Fenster:

Elementor Navigator-Fenster

Wie du eventuell sehen kannst, stellt Elementor Navigator die Seite, die ich gerade bearbeite, in einer Baumstruktur dar (oder Outline, wenn dir das mehr sagt).

Wenn ich ein Element auswÀhle, wird das Element in der Vorschau bzw. im Bearbeitungsbereich und in Elementor Navigator hervorgehoben:

Elementor Navigator-Hervorhebung

Dabei spielt es keine Rolle, ob ich das Element im Bearbeitungsbereich oder in Elementor Navigator auswÀhle.

Elementor Navigator ist vor allem fĂŒr lange Seiten, Seiten mit vielen Elementen oder Seiten mit komplizierten Layouts nĂŒtzlich.

Elementor Tastenkombinationen nutzen

Elementor verfĂŒgt ĂŒber einige nĂŒtzliche Tastenkombinationen, welche eine effizientere Nutzung von Elementor ermöglichen.

Eine Liste aller verfĂŒgbaren Tastenkombinationen erhĂ€ltst du ĂŒber die Tastenkombination Ctrl-? (Windows) oder Cmd-? (MacOS):

Elementor Tastenkombinationen

Ich nutze MacOS als Betriebssystem. Wenn du Windows verwendest, musst du daher „Cmd” gegen „Strg” austauschen.

Mit Elementor kopieren und einfĂŒgen

Nehmen wir an, wir haben folgende zwei Buttons:

Elementor Buttons unstyled

Den ersten Button stylen wir genau so, wie wir unsere Buttons haben möchten:

Elementor Button styled

Statt jede einzelne Änderung einzeln auf den zweiten Button anzuwenden, besteht die Möglichkeit, den Stil zu ĂŒbertragen.

Dazu wĂ€hlst du zuerst ĂŒber einen Rechtsklick auf Button 1 „Kopieren” aus.

Anschließend wĂ€hlst du ĂŒber einen Rechtsklick auf Button 2 „Stil einfĂŒgen” aus.

Das Ergebnis sieht dann wie folgt aus:

Elementor Buttons styled

Du kannst ĂŒbrigens auch ganze Elemente (Abschnitte und Widget-BĂ€ume) kopieren und einfĂŒgen. In diesem Fall wĂ€hlst du im letzten Schritt „EinfĂŒgen” statt „Stil einfĂŒgen”.

Wir hÀtten also auch einfach Button 1 kopieren und den Text zu Button 2 Àndern können.

Elementor Farbpalette konfigurieren

Wenn du bestimmte Farben mehrmals auf einer Seite verwendest, ist es empfehlenswert, Elementors FarbwÀhler mit einer entsprechenden Farbpalette auszustatten.

Dazu klickst du auf das MenĂŒ-Zeichen in der Seitenleiste links oben


Elementor MenĂŒ-Zeichen


und wĂ€hlst „FarbwĂ€hler” aus:

Elementor FarbwÀhler auswÀhlen

Anschließend kannst du deine eigene Farbpalette zusammenstellen oder eine der vordefinierten Paletten nutzen:

Elementor Farbpalette auswÀhlen

Wenn dein WordPress-Theme Elementor unterstĂŒtzt, sollte standardmĂ€ĂŸig die Farbpalette von deinem Theme vordefiniert sein. Wenn du eine Seite erstellst, die Teil der regulĂ€ren Website ist, wĂŒrde ich mich an diese vorgegebene Palette halten.

Wenn du allerdings eine alleinstehende Seite erstellst – zum Beispiel eine Landingpage fĂŒr Marketing-Zwecke – dann empfehle ich dir, deine Farbpalette an dieser Stelle zu definieren.

Anschließend ist deine Farbwahl ĂŒberall verfĂŒgbar, wo Farben ausgewĂ€hlt werden können.

Dein Elementor Widget-Kit

Der nĂ€chste Tipp ist nĂŒtzlich, wenn du aus irgendeinem Grund nicht in Elementor Pro investieren möchtest (oder kannst).

Nehmen wir an, du erstellst eine Website mit Elementor.

Die Website enthÀlt mehrere Seiten, welche aus Elementor-Widgets wie Buttons, Headlines, Text und einigen identischen Seiten-Abschnitten bestehen (Letzteres könnte zum Beispiel ein Aufruf an Besucher sein, den Newsletter deiner Website zu abonnieren, welchen du auf mehreren Seiten verwendest).

Statt fĂŒr jedes einzelne Element ein Template zu erstellen, könntest ein einziges Template erstellen, in dem jedes Element fertig gestylt enthalten ist.

Wenn du nun eine neue Seite erstellst, importierst du einfach dein Widget-Kit und hast sofort alle gestylten Widgets und Seiten-Abschnitte verfĂŒgbar.

Was du fĂŒr die betreffende Seite nicht brauchst, löschst du.

Den Rest kannst du nun effizient verschieben und kopieren, bis deine neue Seite fertig ist.

Wenn du in Elementor Pro investierst, kannst du einfach globale Widgets definieren, welche du anschließend wie gewöhnlichen Widgets verwendest.

Elementor Pro Tipp – eine selten genutzte Methode, um fortgeschrittene Elementor-Techniken zu entdecken

Hier ist mein bester Tipp, wenn du so schnell wie möglich lernen möchtest, wie du visuell ansprechende Designs mit Elementor erstellst:

Importiere professionell erstellte Elementor Templates und sieh dir genau an, wie das Template aufgebaut ist.

Dazu kannst du die kostenlosen Templates von Elementor nutzen oder – und hier hast du eine sehr viel grĂ¶ĂŸere Auswahl – du holst dir mein Bonus-PDF und nutzt einen Dienst, den ich dort empfehle.

Der kostenlose Dienst kommt nĂ€mlich mit 112 kostenlose Template-Kits mit insgesamt 1935 einzelnen Templates – also mehr als genug Material fĂŒr eine intensive Studie professioneller Elementor-Designs.

Wenn du das Bonus-Material noch nicht angefordert hast:

Elementor Tutorials

WĂ€hrend meiner Recherche bin ich auf zwei interessante Video-Tutorials auf YouTube gestossen:

Mit Elementor und Astra kostenlos eine Website erstellen

In dem ersten Tutorial zeigt uns Nikolaus Kolba wie wir mit Elementor und dem beliebten WordPress-Theme Astra eine Website erstellen:

Du erhĂ€ltst hier einen generellen Überblick darĂŒber, was mit Elementor und Astra möglich ist.

Eine weitere empfehlenswerte Option ist RaidBoxes*, ein auf WordPress spezialisierter Webhoster.

Der Vorteil von RaidBoxes ist, dass sich dieser Anbieter um das komplette Management von WordPress kĂŒmmert (Sicherheit, Updates, etc.).

FĂŒr technisch unerfahrene Nutzer und fĂŒr professionelle Firmen ist RaidBoxes daher der bessere Anbieter.

Astra ist wie gesagt ein beliebtes Theme fĂŒr WordPress, welches gleichzeitig Elementor unterstĂŒtzt (spĂ€ter mehr zu diesem Thema).

Die kostenlose Version von Astra findest du im Theme-Verzeichnis auf WordPress.org und kann bequem ĂŒber das Dashboard deiner WordPress-Website installiert werden.

Die kostenpflichtige Version – welche viele interessante Funktionen liefert – findest du auf der Website von Astra: WPAstra.com*

Mit Elementor eine Marketing-Landingpage fĂŒr die Generierung von Leads und Newsletter-Abonnenten erstellen

Als NĂ€chstes habe ich ein Tutorial, in dem Morten Ohle demonstriert, wie du mit Elementor in weniger als 60 Minuten eine Landingpage erstellst (vollkommen kostenlos). Und zwar eine Landingpage, um Newsletter-Abonnenten zu generieren (auch Leads genannt):

Die resultierende Landingpage ist sicherlich kein visuelles Meisterwerk, allerdings erfĂŒllt sie ihren Zweck und kann fĂŒr effiziente Leadgenerierung genutzt werden.

Eine Sache wĂŒrde ich allerdings anders machen:

In dem Video hat Morten oft Farben Pi mal Daumen ausgewÀhlt (vor allem den Schwarzton).

Stattdessen empfehle ich dir – wie unter „Elementor Farbpalette konfigurieren” erwĂ€hnt – eine Farbpalette zu definieren, auf welche du immer bequem zugreifen kannst.

WeiterfĂŒhrende Ressourcen

Hier sind einige nĂŒtzliche Ressourcen fĂŒr Elementor, auf die ich im Laufe der Zeit gestoßen bin.

Leider sind alle Ressourcen in Englisch, wobei das nicht verwunderlich ist, da die Firma hinter Elementor international tÀtig ist.

Elementor Dokumentation

Als Erstes wÀre da die offizielle Dokumentation von Elementor, in welcher viele Themen behandelt werden:

https://docs.elementor.com/

Elementor Facebook-Gruppen

FĂŒr Fragen und Diskussionen gibt es folgende offizielle Facebook-Gruppe von Elementor:

Elementor Community

Außerdem gibt es eine inoffizielle Facebook-Gruppe, welche sehr aktiv ist:

Elementor Page Builder Users

FĂŒr den deutschen Sprachraum habe ich ebenfalls eine Facebook-Gruppe entdeckt, welche weniger Mitglieder hat, allerdings trotzdem relativ aktiv ist:

Elementor deutschsprachige User-Group

Elementor YouTube-Kanal

Als NĂ€chstes gibt es den offiziellen YouTube-Kanal von Elementor:

Elementor Page Builder for WordPress

Folgendes Video gibt dir zum Beispiel einen 3-minĂŒtigen Überblick ĂŒber Elementor:

Getting Started With Elementor – 3 minutes Overview

Bonusmaterial

Als Letztes möchte ich nochmal auf das Bonusmaterial fĂŒr diesen Artikel hinweisen, welchen ich exklusiv fĂŒr Newsletter-Abonnenten erstellt haben.

In dem PDF findest du unter anderem:

  • einen Dienst mit 112 kostenlosen Template-Kits mit insgesamt 1935 einzelnen Templates (womit du deine Website in Rekordzeit erstellst)
  • die besten kostenlosen Widget-Sammlungen, die fĂŒr Elementor zu finden sind
  • weitere nĂŒtzliche Elementor Addons, welche Elementor sogar noch mĂ€chtiger machen

Du erhÀltst Zugang zum Bonusbereich, indem du auf folgenden Button klickst und den Anweisungen folgst.

Oh – eine Sache noch:

Elementor Themes: Designvorlagen fĂŒr Elementor

Es ist anzuraten, Elementor mit einem Template zu verwenden, welches fĂŒr Page-Builder wie Elementor optimiert ist.

Im Bonus-PDF habe ich eine Liste mit 14 hochwertigen WordPress-Themes beigefĂŒgt, welche Elementor perfekt unterstĂŒtzen.

Wenn du Zugang zu dieser Liste erhalten möchtest, klicke einfach auf den Button weiter oben.

Falls du aus irgendeinem Grund kein Interesse hast, das kostenloses Bonusmaterial anzufordern, möchte ich dich allerdings nicht mit leeren HÀnden gehen lassen.

Im Folgenden findest du 3 der 14 Themes, welche du im Bonusmaterial findest:

Der Name des Themes verlinkt dabei auf die kostenlose Version, welche ĂŒber WordPress.org verfĂŒgbar ist. In Klammern findest du dann noch die Website des Themes, auf welcher bei Interesse eine Premium-Version oder Premium-Erweiterungen verfĂŒgbar sind.

Wie gesagt, im Bonusmaterial findest du weitere Themes, die mit Elementor kompatibel sind. Falls dir keins der drei genannten Themes gefÀllt.

Oder – wenn du ĂŒber ein entsprechend trainiertes „Designauge” verfĂŒgst – kannst du natĂŒrlich auch dein WordPress-Themen mit dem Theme Builder in Elementor Pro* komplett selbst gestalten.

Elementor Alternativen

Neben Elementor gibt es einige weitere interessante Page Builder fĂŒr WordPress.

Einen Blick wert sind zum Beispiel folgende Page Builder:

Divi Page Builder von Elegant Themes: Divi ist eine Kombination aus Theme und Page Builder und stellt eine der beliebtesten Optionen auf dem Markt dar. Ein Nachteil fĂŒr viele ist, dass Divi in keiner kostenlosen Version verfĂŒgbar ist. Davon abgesehen, stellt Divi allerdings eine leistungsfĂ€hige Möglichkeit dar, visuell ansprechende WordPress-Seiten per Drag-and-Drop und ohne technisches Wissen zu erstellen.

Mehr Information findest du auf der Website von Divi:

Divi auf ElegantThemes.com

Beaver Builder: Ein weiterer beliebter WordPress Page Builder ist Beaver Builder. Im Gegensatz zu Divi ist Beaver Builder in einer kostenlosen „Lite”-Version verfĂŒgbar, welche allerdings deutlich eingeschrĂ€nkter als Elementor ist.

Weitere Information zur kostenlosen Version von Beaver Builder findest du im offiziellen Plugin-Verzeichnis von WordPress:

Beaver Builder auf WordPress.org

Alle Details zur kostenpflichtigen Premium-Version von Beaver Builder sind auf folgender Website einsehbar:

Beaver Builder auf WPBeaverBuilder.com

Thrive Architect von Thrive Themes: Ein Favorit unter Internet-Marketern ist Thrive Architect von Thrive Themes. Thrive Architect legt großen Wert auf schnelles Laden von erstellten Webseiten und kommt mit vielen conversionstarken Landingpage-Templates und Seiten-Element, mit welchen du profitable Marketing-Webseiten in wenigen Minuten erstellst.

Neben Thrive Architect entwickelt Thrive Themes ĂŒbrigens einige weitere Ressourcen fĂŒr WordPress, welche auf die BedĂŒrfnisse von Marketern abgestimmt sind.

Dazu gehören: WordPress-Themes (wie der Name der Firma zeigt), Thrive Leads (Leadgenerierung), Thrive Headline Optimizer (A/B-Testing von Headlines), Thrive Optimize (A/B-Testing fĂŒr Thrive Architect), Thrive Ultimatum (verkaufsfördernde Countdowns und mehr), Thrive Ovation (ĂŒberzeugende Kunden-Testimonials), Thrive Quiz Builder (Quizze fĂŒr Marketing-Zwecke sind im Moment in Deutschland noch ein Geheimtipp), und mehr.

Alle Plugins und Themes arbeiten perfekt zusammen und können einzeln gekauft werden.

Was in meinen Augen allerdings mehr Sinn macht, ist eine Thrive Mitgliedschaft abzuschließen.

Dadurch erhĂ€ltst du alle Plugins und Themes zu einem relativ gĂŒnstigen monatlichen oder jĂ€hrlichen Preis.

Weitere Information zu Thrive Architect findest du auf folgender Webseite:

Thrive Architect auf ThriveThemes.com

Information zur Mitgliedschaft erhĂ€ltst du ĂŒber folgenden Link:

Thrive Mitgliedschaft auf ThriveThemes.com

Im Moment findest du auf unserer Website keine detaillierten Testberichte zu den genannten WordPress Page Buildern. Wenn du eine Benachrichtigung erhalten möchtest, sobald wir die Testberichte veröffentlichen, schlage ich vor, du abonnierst unseren Newsletter (zum Beispiel, indem du das Bonus-Material anforderst).

Zugang zum Bonusmaterial erhalten

Bonusmaterial

Unsere Newsletter-Abonnenten sind uns sehr wichtig und wir investieren viel Zeit und Energie, um unseren Abonnenten zusÀtzlichen Mehrwert zu liefern.

Aus diesem Grund habe ich fĂŒr diesen Artikel ein Bonus-PDF erstellt, in welchem du zusĂ€tzliche Ressourcen fĂŒr Elementor findest. Sozusagen ein Content Upgrade.

In diesem PDF findest du:

  • 14 perfekt auf Elementor abgestimmte WordPress-Designvorlagen (welche das Basis-Design deiner Website bilden)
  • einen Dienst mit 112 kostenlosen Template-Kits mit insgesamt 1935 einzelnen Templates (mit welchen du vollstĂ€ndige und funktionsfĂ€hige Seiten in Minuten erstellst, statt in Stunden)
  • die besten kostenlosen „Baustein”-Sammlungen, die fĂŒr Elementor zu finden sind (womit du neue Seiten und BeitrĂ€ge nach dem Lego-Prinzip zusammenstellst)
  • weitere nĂŒtzliche Elementor Addons, welche Elementor sogar noch mĂ€chtiger machen

Klingt das interessant?

Zugang zu erhalten ist sehr einfach: Du meldest Dich bei unserem Newsletter an. Das ist die einzige Bedingung.

Wenn dir unser Newsletter nicht gefÀllt, meldest du dich mit einem Klick auf den Link am Ende jeder E-Mail wieder ab.

Ganz einfach.

Um dich bei unserem Newsletter anzumelden und Zugang zum Bonusmaterial zu erhalten, fĂŒlle die folgende Anmeldung aus und folge den Anweisungen:

Fazit

In diesem Artikel hast du erfahren, was genau Elementor ist, was ein WordPress Page Builder ist und vieles mehr. Du kennst nun die wichtigsten Funktionen von Elementor und weist, welche Vorteile sich daraus ergeben. Elementors Nachteile sind dir ebenfalls bekannt. Die Entscheidung, ob Elementor fĂŒr dich geeignet ist, sollte dir nach diesem Artikel einfach fallen.

Ich hoffe, der Artikel war nĂŒtzlich fĂŒr dich. Ich hoffe außerdem, dass du Elementor ausprobierst und so in den Genuss von Elementors VorzĂŒgen kommst. FĂŒr weitere Ressourcen, um Elementor sogar noch mĂ€chtiger zu machen, schau dir das Bonusmaterial fĂŒr diesen Artikel an.

Mit * markierte Links sind Affiliate Links. Wenn du entsprechende Angebote nutzt, erhalten wir eine kleine Provision.

Über Christian

ChristianMein Name ist Christian und ich bin MitgrĂŒnder der Plattform fastWP. Hier im Magazin bin ich fĂŒr die eher "technisch" lastigen Themen zustĂ€ndig aber schreibe gerne ĂŒber das Thema SEO, das nun bereits seit ĂŒber 10 Jahren zu meiner Leidenschaft gehört.

2 Kommentare zu „Elementor – Der WordPress Pagebuilder im ultimativen Check“

  1. Avatar

    Hallo Christian,
    1.) ich stehe vor der Frage Subdomains anlegen und/oder Unterverzeichnisse auf meiner Hauptdomain – es geht um das ranking bei Google. Wie siehst du das?

    2.) Ich habe mit WP+Elementor ein „one-pager“ gebaut, nun wĂŒrde ich gerne zusĂ€tzliche Seiten in Unterverzeichnissen anlegen, die ich als link auf meiner Hauptwebseite einbauen möchte – die Inhalte ergĂ€nzen die Hauptseite mit mehr content zu jeweilige Themen – hast du einen Tip fĂŒr mich, Gruß Alex

    1. Christian

      Hi Alex,

      1. das hat jetzt nicht wirklich etwas mit dem Elementor zu tun!? GrundsĂ€tzlich hĂ€ngt das davon ab was du auf den Subdomains bzw. in den Verzeichissen darstellen willst. Ich persönlich bevorzuge definitiv die Unterverzeichnisse wenn es nicht ein ganz eigener „Bereich“ ist den du darstellen willst. wie z.B. einen Support oder Ticketbereich. Ich meine auch dass es so einfacher mit Software wie z.B. Sistrix ist, eine Domain als ganzes auszuwerten.
      Es mag falsch sein und sicher gibt es hier verschiedenen AnsĂ€tze – aus meiner Sicht ist eine Subdomain nocht etwas „abgetrennter“ und wird somit eventuell „anders“ behandelt. Das kann auch Vorteile haben wenn es eben wie oben gesagt „ein sehr eigener Bereich“ der Webseite ist.
      2. hier weiß ich nicht 100% was du meinst

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

154 SEO Tools - die ultimative Liste!

Abonniere jetzt unseren Newsletter und lade dir die Liste kostenlos herunter!

Alles klar! PrĂŒfe jetzt deinen Posteingang um die Anmeldung abzuschließen.