Landingpage mit dem Elementor Plugin

Landingpage mit dem Elementor Plugin

Wie ich Landingpages mit dem Elementor Plugin erstelle

Als ich das ersten Mal versuchte, eine Landingpage (Zielseite) für mein Geschäft zu machen, muss ich zugeben, dass ich gekämpft habe. Ich hatte keine Ahnung, wo und wie ich tatsächlich anfangen soll oder was ich wirklich zu tun habe. Ich verbrachte Wochen mit der Suche nach verschiedenen WordPress-Themen, erforschte die Webseiten der Mitbewerber nach Plugins und Ideen. Kaufte verschiedene E-Books, Kurse, Plugins und zahlte viel Lehrgeld. Nicht nur Monetär sondern auch Zeitlich.
Und dann fand ich den Elementor Page Builder für WordPress. Dieses Live WordPress Plugin ist ein fantastisches Werkzeug für Unternehmer und es hilft, die meist Furcht einflößende Aufgabe zu meistern, die perfekte Landungsseite komplett simpel und schmerzlos zu gestalten. Und das mit einer unglaublich einfach zu bedienenden Oberfläche. Zudem sind keine Fähigkeiten erforderlich, HTML Code zu schreiben. Besonders die Tatsache, dass es völlig kostenlos ist, hat mich begeistert. Bevor ich es dann heruntergeladen habe, informierte ich mich auf YouTube und schaute mir Videos an. Allerdings sind die meisten auf Englisch und da hat man als Senior so seine Schwierigkeiten.

Anpassen Ihrer Landingpage

Elementor erlaubt Ihnen, und das ist das wirklich besondere, vollen Zugriff über das Design Ihrer Website zu haben. Ich empfehle Ihnen, sich zuerst einen spielerischen Überblick zu verschaffen. Schauen Sie sich zu allererst alle Optionen an, die Ihnen jetzt offen stehen, welche Styles Sie verwenden können und welche Einstellungen jetzt verfügbar sind. Ein weiteres fantastisches Merkmal von Elementor ist die Tatsache, dass es nahtlos mit nahezu jedem Theme funktioniert und auf jeder Seite Ihres Blogs arbeiten kann.

Mein Favoriten Theme ist “GeneratePress” ein kostenloses WP-Theme das aber erstaunlich flexibel ist. Weiter Infos habe ich hier beschrieben.
Durch die Verwendung von Elementor können Sie sowohl die eingebauten Widgets als auch die aller Drittanbieter anpassen, die Sie verwenden können. Sie können Spalten, Abstand, Ränder, Kopf- und Fußzeilen anpassen sowie zusätzliche Funktionen wie Tabs, Bildergalerien und sogar eine Google Map-Funktion hinzufügen.

Einfache Bearbeitung

Sobald Sie sich einen kleinen Überblick verschafft haben, ist es Zeit, mit der Gestaltung Ihrer erste Landingpage zu beginnen. Sie können natürlich ebenso Ihre vorhandenen Seiten bearbeiten oder einige der enthaltenen Elementor-Vorlagen verwenden.
Wie Sie bereits bemerkt haben, können Sie Ihre Website in der gleichen Weise wie vorher gestalten. Aber jetzt können Sie einfach per Drag & Drop Ihre Multimedia-Elemente auf Ihre Seite platzieren. Dies ist eine Million Mal einfacher als es vorher war und gibt Ihnen eine größere Kontrolle darüber, wo und wie Sie Ihre Inhalte positionieren.
Sie werden auch die zahlreichen Schaltflächen und Widgets bemerken, die jetzt für Sie verfügbar sind. So haben Sie noch mehr Möglichkeiten, Ihre Landingpage benutzerfreundlich und gut aussehen zu lassen . Sie können alles von Text- und Bildgröße, Schriftarten, Layouts und Zugriff auf Hunderte und Hunderte von Widgets bearbeiten.

Visual Content ist ein wesentliches Element für eine erfolgreiche Landingpage

Du hast auch die Möglichkeit, deinen eigenen Inhalt hochzuladen und mit Elementor zu bearbeiten und zu zuschneiden. Als ich meine Website erschuf, hatte ich nicht die Zeit oder das Budget, um selbst zu fotografieren oder einen Fotografen anzumieten, um qualitativ hochwertige Bilder für meine Seite zu machen.
Eine fantastische Online-Seite, die ich mir bei dieser Frage gleich notiert habe, war Pixabay. Auf dieser Website können Sie auf Tausende von kostenloser Bilder zugreifen, die Sie als User direkt auf Ihrer Website verwenden können. Und das, wirklich kostenlos. Alle Fotos auf der Website sind unter dem Creative Commons Act veröffentlicht, was bedeutet, dass sie kein Urheberrecht beachten müssen, so dass Sie diese verteilen, ändern, verwenden oder sogar verkaufen können, ohne den ursprünglichen Besitzer bezahlen zu müssen.

Elementor Visual Content

Außerdem ist dies eine großartige Technik, die von Online-Unternehmen verwendet wird, um ihren Leser auf ihre Seiten festzuhalten, beispielsweise mit Infografiken. Um Ihnen zu helfen, Ihre eigenen Infografiken zu erstellen, gibt es eine Reihe von Tools, die Sie online verwenden können, wie z.B. wie Canva.
Ein weiterer Weg vieler erfolgreichen Unternehmen ist, ihre Leser durch die Verwendung von Videos auf ihren Websites zu halten. Ein tolles Werkzeug, um Ihnen bei der Erstellung dieser Videos zu helfen ist Screecast-o-Matic. Die Leute wollen schöne leicht zu konsumierende Häppchen an Inhalten, die sie leicht aufnehmen und auf Ihrer Webseiten zeigen können, wie bspw. Videos. Mit dieser Online-Video-Bearbeitungs-Plattform können Sie leicht atemberaubende Videos für Ihre Website erstellen und unterstützt Video-Auflösungen des ganzen Bildschirms. Und das ganue GRATIS für Videos biz zu 15 Minuten Dauer.
Sowohl mit Elementor als auch mit kostenlosen Online-Content-Erstellungswerkzeugen können Sie eine attraktive und effektive Landingpage erstellen.

Anpassbare Optionen für die ganze Website

Das größte Feature, das Elementor mir gibt, war die Fähigkeit einfach vieles mit drag und drop machen zu können. Und zudem die große Anzahl von anpassbaren Optionen, die mir jetzt zur Verfügung stehen. Früher war ich mit Text-Widgets sowie Tabellen erstellen beschäftigt gewesen und versuchte schön und ordentlich Layouts auszurichten. Dieses Problem wurde dank Elementor beseitigt.
Das Beste an diesem Plug-In ist, dass man es nicht nur auf Ihrer Landingpage (Zielseite) benutzen muss, man kann es auf allen Seiten Ihrer Webseite nutzen. Dies bedeutet, dass Sie die gleiche saubere Funktionalität und Stil für Ihre gesamte Website bekommen und so Ihrer Website besser funktioniert und aussieht als je zuvor.

Vergiss nicht, dass nur Content King ist

Wenn Sie einen Textinhalt für Ihrer Website erstellen, egal ob auf der Zielseite oder in Form eines Blogposts, ist es wichtig, dass Sie sich daran erinnern, es Sie richtig zu machen. Jeder Fehler oder schlecht strukturiert Sätze und die Leute werden in Sekunden von der Seite verschwunden sein. In meiner persönlichen Erfahrung habe ich viele tolle Werkzeuge gefunden, um dabei zu helfen, den Inhalt perfekt zu machen.
Wenn Sie beispielsweise Online-Plattformen wie Heimarbeit-online.de oder Nebenjob.de verwenden, können Sie Ihre schriftlichen Inhalte hochladen und einreichen und von guten Schriftstellern überprüfen lassen. Außerdem ist das WordPress-Plugin Yoast ein weiteres nützliches Werkzeug, das neben diesen Korrekturlesen verwendet werden kann, um Ihnen bei der Optimierung Ihrer Inhalte für Suchmaschinen zu helfen.

Ellementor Text-Editor-Widget

Fazit:

Viele Unternehmer kämpfen heute darum die Zeit zu finden, um mehr über WordPress und die genauen und komplizierten Einzelheiten des Website-Design zu lernen. Ob Ihr Hosting ein Blog oder ein Online-Shop ist, Sie haben bestimmt wichtigere Dinge um die Ohren, um die Sie sich Sorgen machen. Elementor wurde entwickelt, um die gesamte Website-Erstellung , die heutzutage einfach Teil Ihres Unternehmens sein muss, problemlos und erschwinglich zu machen.
Jetzt, wo Sie anfangen, die Vorteile die Elementor ihnen bietet verspüren und jetzt entdecken, was das für Ihre Website bedeuten kann, beginnen Sie augenblicklich selbst das für sich zu nutzen und Sie werden rasch erfahren was Sie schaffen können.

Widget Eintragungsformular-Test

Leadgeneireungs-Widget

Wie kannst Du in Elementor ein Formular zur Leadgewinnung im Widget machen?

Heute habe ich mal einige Versuche gemacht um Dir zeigen zu können, ist es überhaupt möglich einen Beitrag oder eine Seite so zu gestalten, dass diese in einem Widget in der Seitenleiste sichtbar wird und Du damit eine Formular zu Leadgewinnung erstellen kannst.

Und ja, es ist gelungen. jetzt willst Du sicherlich wissen, wie kannst Du das auch realisieren. Du sieht unten das Ergebnis, das ich als Dummy-Vorlage hier erstellt habe. Und das Du jetzt in der rechten Seitenleiste sehen kannst. 

Gib hier deine Überschrift ein

Kurzer Text

  • Listenelement #1
  • Listenelement #2
  • Listenelement #3

Die einzelnen Schritte

Zuerst habe ich mit einem Beitrag (Post) wie diesem hier experimentiert und war da mit dem Einfügen in ein Widget auf dem Holzweg. Also nächster Versuch und kam dann über das Backend unter Design in den Widget-Einstellung dahinter, dass nur Seiten scheinbar in ein Widget angezeigt werden können. Also nächster Versuch:

  • Seite erstellen.
  • Abschnitt mit Überschrift anfertigen
  • dann Text-Widget darunter.
  • Bild-Widget hinzufügen und
  • anschließend das Formularfeld,
  • sowie alternativ ein Listenelement-Widget.
  • Im weiteren Verlauf, den Abschnitt zum bearbeiten anklicken und
  • Jetzt die Inhaltsbreite auf 240 px einstellen
  • Sodann die Headline Schriftgröße und Farbe einrichten
  • Bild des Reports hinzufügen und eventuell Größe anpassen.
  • Nachfolgend das Formular mit Autoresponder (MailChimp, MailPoet oder passenden von Elementor vorgegebenen) verbinden
  • Und weitere Einstellungen am Formular nach Wunsch vornehmen
  • Zum Schluss kannst Du um das Element (Die Spalte) in der Mitte noch weitere Anpassungen realisieren, wie Rahmen, Hintergrundfarbe etc.

Und das Ganze dann entweder als Vorlage speichern oder die Seite veröffentlichen. Ich habe es als Vorlage gespeichert und als privat veröffentlicht, damit es nich gefunden wird.

Der nächste Schritt

Nachdem das geschafft war, habe ich mich im Backend unter Design, Widget, die Elementor Bibliothek in die Seitenleiste gezogen und dort kannst Du dann einstellen welche Seite angezeigt werden soll. Abschließend alles überprüfen und wenn alles OK aussieht ist das geschafft.

So kannst Du also mit eigenen Mitteln und Ohne zusätzliche kostenpflichtige Plugins auch ein solches Formular einbinden. Und ja, es ist nicht 100 % perfekt. Warum, weil Du keinen einfachen Splittest damit machen kannst.

Wenn Dir dieser Beitrag gefallen hat, freue ich mich über einen Kommentar unten. 

Hol Dir Jetzt den GRATIS Report!

erfolgreiche Landingpages mit Elementor
  • Wie Du Deine Landingpage von Beginn richtig aufbaust
  • Die Vorteile einer Landingpage
  • Dein Erfolg dank effektiverer Langingpages

Trag unten Deine E-Mail Adresse und Du erhältst den REPORT gratis und sofort!

Elementor: Landingpage – Vielfalt ohne Ende

Elementor: EASYLandingpage Online-Marketing für Alle!

Elementor: Landingpage Projekt - Übersicht

In den vergangen Tagen habe ich mal einige landingpages im Rahmen eines Projektes erstellt. Diese möchte hiermit mal öffentlich zeigen.

14 Landingpages zur Auswahl

Du siehst in dieser Landingpage Slideshow 14 Landingpages unterschiedlicher Ausprägung, die aber für weitere Gelegenheiten abgewandelt werden können, so dass es eigentlich unzählige Varianten geben könnte. Allein den Hintergrund zu wechseln, Die Headline abzuändern, die Farbe der Headline anzupassen (mehr als 1.6 Mill. Farben). Headline animiert zu gestalten. Die Texte, die Bilder, Videos, Buch-Cover, Podcasts, etc., etc. pp. 

Darum versuche Deine eigenen landingpages zu kreieren. Kopiere nicht die die landingpages der Gurus! Diese mögen ja optimiert und getestet sein, aber vielleicht sind Sie schon abgelutscht wie ein alter Drops. Klar, Du darfst Dir Anregungen holen. Keine Frage!

Und falls Du noch weitere Fragen hast, hole Dir mein E-Book: “Geheimnisse erfolgreicher Elementor Landingpages!” Klicke einfach unten auf den Link. 

Elementor 2.0 – der erste Beta-Test

Elementor 2.0 - Mein 1. Beta - Test

Elementor 2.0 Beta-Test: mein 1. Versuch

Seit kurzem ist die lang erwartete Version 2.0 vom Elementor PageBuilder zum testen da. Und selbstverständlich muss die sofort getestet werden, aber nicht in einer Live geschalteten Webseite. Darum werde ich sie auf einen lokalen WordPress Webseite einem kleinen Test unterziehen.

Heute, am Sonntag, den 11. März 2018 habe ich den ultimativen 1. Versuch gewagt und dabei noch ein kurzes Video aufgenommen, das ich jetzt gleich auch auf YouTube veröffentlichen werde. Und Du kannst dann weiter unten das Ergebnis sehen. 

Als erstes fällt auf, das bei den Vorlagen ein neuer Tab-Reiter links hinzugekommen ist. Dieser trägt die Aufschrift Blocks. Derzeit sind Blöcke in 13 Kategorien (categorys) vorhanden und es werden bis zum finalen Start bestimmt noch einige hinzu kommen. Was derzeit wohl die meisten vermissen werden sind Header und Footer Blöcke. Die Blöcke sind in 2 Versionen vorhanden. 1 mal mit weißem und zum anderen mit schwarzem Hintergrund. Und klar ist Du kannst sie deinen Wünschen anpassen. Die Texte sind naturgemäß in englisch.

Elementor 2.0 Beta-Test: Die Kategorien

Zuerst einmal möchte ich Dir jetzt die einzelnen Kategorien vorstellen und zwar dem Alphabet nach. Das wären im einzelnen:

  1. About (über uns)
  2. Call To Action
  3. Clients (Kunden)
  4. Kontakt(Kontakt-Formular)
  5. FAQ (Fragen und Antworten)
  6. Features (Merkmale und Eigenschaften)
  7. Hero (Idole, Protagonisten)
  8. Portfolio (Geschäftsbereiche)
  9. Pricing (Preisangaben)
  10. Services (Dienstleistungen, Serviceleistungen)
  11. Stats (Statistiken, Übersicheten)
  12. Team (Mannschaft, Belegschaft, Team)
  13. Testimonial (Referenzen)

Elementor 2.0 Beta-Test: Die einzelne Blöcke

Und als nächstes möchte ich Dir jetzt die einzelnen Blöcke vorstellen. 

Unter der Kategorie About findest Du 20 Blöcke. Das heißt, je 10 verschiedene mit weißem und mit schwarzem Hintergrund.

So bietet die Kategorie Call To Action, jeweils 13 Blöcke. Die Kategorie Clients, Portfolio & Team verfügen über 8 unterschiedliche Blöcke. FAQ weist 5 weiße und 5 schwarze Blöcke aus, während Features & Hero je 12 Blöcke inne hat. Dann hat Pricing & Stats 7 von jeder Farbstellung und 21 Blocks findest Du unter Services & Testimonials

Elementor 2.0 Beta-Test: Fazit

Zusammenfassend kann ich sagen, die Blöcke machen schon einen stabilen Eindruck Und es werden auch bestimmt in den nächsten Wochen die fehlenden Dinge und weitere Blöcke hinzukommen. Zumal heute Ben Pines verkündet hat, dass jetzt bereits 600.000 Installationen bereits Elementor nutzen und allein im letzten Monat 100.000 neue Nutzer zu Elementor gefunden haben. Das Alles wird einen neuen Schub der Motivation dem ganzen Team von Elementor geben und ich bin zuversichtlich, das sich die Innovationen weiter fortsetzen, so wie in der Vergangenheit.

Unten wirst Du jetzt noch das Video finden:

Elementor 2.0 - Mein 1. Beta - Test
Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: https://www.youtube.com/watch?v=6yD6QAbasYw&feature=youtu.be

Elementor 2.0

Elementor 2.0 startet bald

Spannend: Was bringt Elementor 2.0 für Dich

Heute hat Ben Pines einen Blog-Artikel auf Elementor.com und ein Video in der Facebook Elementor Community veröffentlicht zu Elementor 2.0, den ich mal auf deutsch übersetzt habe:

Elementor v 2.0

Endlich ist alles innerhalb Ihrer WordPress-Website in Reichweite. Sie werden in der Lage sein, es visuell und einfach zu gestalten: Blöcke, Kopf- und Fußzeilen, dynamische Inhalte, einzelne Beiträge, Archivseiten, Suchergebnisseiten, 404 Seiten und vieles mehr.

Elementor startete vor 20 Monaten, und in dieser Zeit etablierten wir es als die Nummer 1 Lösung für den Seitenaufbau.

Jetzt ist es an der Zeit, über die Seitenebene hinauszugehen.

Ich würde gerne unsere kommende Roadmap durchgehen und beschreiben, wie wirkungsvoll Elementor 2.0 für Ihren Workflow sein wird.

Die Roadmap für die Zukunft

Wie bereits erwähnt, wird Elementor 2.0 bewusst nicht auf einmal gestartet. Die schrittweise Einführung jeder neuen Funktion hilft Ihnen dabei, sich an die einzelnen Funktionen zu gewöhnen.

Diese Methode ermöglicht es uns, gleichzeitig an einer Reihe von Funktionen zu arbeiten und jedes einzelne erst dann freizugeben, wenn es vollständig erprobt, getestet und zur Auslieferung bereit ist. Dies ist ein effektiver und stabiler Prozess, der uns seit der Einführung gute Dienste geleistet hat.

Nächste Woche werden wir die erste Beta-Version von Elementor 2.0 veröffentlichen – das Blocks-Feature. Blöcke sind eine neue Reihe von vorgefertigten Layouts, die es Ihnen ermöglichen, schnell verschiedene Sektionsdesigns zu mischen und aufeinander abzustimmen, wodurch Sie Ihre Websites und Landing Pages schneller als je zuvor generieren können.

Dann, im nächsten Monat, werden wir die lang erwartete Kopf- und Fußzeile veröffentlichen, die es Ihnen ermöglicht, Ihre gesamte Seite von oben nach unten zu gestalten, einschließlich des Kopf- und Fußbereiches, alles mit Elementor. Dies schließt das Entwerfen Ihres Menüs, Logos und Suchleiste ein; löst einen riesigen Schmerz von Theme-Benutzern, die mit dem Header- oder Footer-Design eines bestimmten Themas feststecken.

Nach dieser Veröffentlichung kommen weitere Goodies hinzu:

  • Die Möglichkeit, einzelne Beiträge und Archivseiten zu erstellen.
  • Anpassung Ihrer Suchergebnisse und 404 Seiten
  • Leistungsstarke Designkontrolle für WooCommerce-Shops, Produktseiten und andere eCommerce-Seiten
  • Umfassender Entwickler-Support, der neue Möglichkeiten für Plugin- und Theme-Entwickler bietet, die Elementor erweitern.
  • Neues Ressourcen-Center für Elementor-Entwickler mit ausführlichen Anleitungen und Tutorials zum Erstellen von Elementor-Erweiterungen.
  • Ein brandneuer Prozess, der die Erstellung dynamischer Inhalte in Gang setzt, die Sie begeistern werden, einschließlich einer umfassenden Integration von Advanced Custom Fields & Toolset.
  • Die neuen, bahnbrechenden Funktionen werden hier nicht enden. Dies ist ein neuer Weg, und er wird Ihnen die Arbeit wesentlich erleichtern.

Kompatibilität mit WordPress 5.0

Eine immer wiederkehrende Frage ist, wie gut sich Elementor in Gutenberg integrieren wird. Unser Team beobachtet das Gutenberg-Projekt sehr genau, und es scheint ein wertvoller und dringend benötigter visueller Texteditor zu sein.

Die neue Version von Elementor wird vollständig mit Gutenberg kompatibel sein, und wir denken jetzt über verschiedene Möglichkeiten nach, den neuen WordPress-Editor mit Elementor zu verbinden. Sobald es fertig ist, kannst du deinen Beitrag in Gutenberg schreiben und ihn dann mit Elementor gestalten.

Mit über 500.000 aktiven Installationen und Zählungen ist es jetzt klarer denn je – Elementor ist ein unverzichtbares Werkzeug für Webdesigner. Sobald die kommenden Features veröffentlicht sind, wird Elementor zu einem noch leistungsfähigeren Designer-Tool, das in der Lage sein wird, die gesamte Website dynamisch zu erstellen und dabei jede Menge Zeit bei jedem Projekt einzusparen.

Ein Theme Builder ist Teil Ihres Pakets

Nach der Veröffentlichung von Elementor 2.0 werden wir alle Themenbauteile in der bestehenden Pro-Version bündeln, so dass Sie kein weiteres Plugin kaufen müssen.

Wir betrachten die erweiterten Fähigkeiten nicht als ein”nice to have”-Projekt. Es ist Teil des Pro-Pakets, das jeder Elementor-Benutzer in seinem täglichen Arbeitsablauf anwenden wird.

Es ist schon einige Monate her, seit wir mit der Entwicklung von Features begonnen haben, die dynamisches Content Design ermöglichen. Ich kann Ihnen versprechen, dass Sie, sobald Sie sie einmal benutzt haben, nicht mehr in der Lage sein werden, zur vorherigen statischen Methode zurückzukehren.

Das Beste ist: Elementor versucht immer ein wenig besser zu werden!

Mit Elementor 2.0 war es noch nie so einfach, ein Upgrade auf Pro durchzuführen. Wir freuen uns wie immer über Ihre Kommentare, Fragen und Rückmeldungen.

Die Zukunft des Webdesigns kommt. Melden Sie sich unten an und lassen Sie sich benachrichtigen, sobald die erste v2.0-Funktion der nächsten Woche veröffentlicht wird.

Und hier gehts zur Seite oben

Wie Du in Elementor Vorlagen einsetzt

Wie Du in Elementor Vorlagen einsetzt

Wie Vorlagen von Elementor Dir helfen

neue Suche in Bibliothek
© Elementor.com

Um Dir bei der Gestaltung Deiner Webseite zu helfen, ist des kostenlose WordPress-Plugin Elementor Pagebuilder eine große Hilfe. Es ermöglicht Dir dank fast 100 gratis Vorlagen, einfach und schnell eine für Dich passende Webseite zu gestalten. Und das sind die 7 wichtigsten Punkte die Du beachten musst:

  • Seite oder Beitrag erstellen
  • Vorlage auswählen
  • Achtung auf PRO
  • Seite oder Beitrag Texte und Bilder abändern
  • Bilderrechte beachten (Abmahngefahr)
  • Seite oder Beitrag speichern
  • Seite oder Beitrag eventuell als eigene Vorlage speichern

Darum lautet meine klare Empfehlung für Dich. Nutze die Vorlagen von Elementor und zwar je nach Möglichkeit. Und ja die ElementorPRO-Vorlagen bieten Dir noch mehr Möglichkeiten. Genauer gesagt 21 zusätzliche Widgets-Elemente. Wie beispielsweise Formulare und Slider, Beiträge einfügen, Preislisten, Preistabellen etc. 

Eine weitere wichtige Tatsache ist, dass Du die vorhandenen Bilder entweder durch eigene Bilder ersetzen solltest oder zumindest die vorhandenen Bilder auf die Nutzung hin überprüfen solltest. Ob Du die Berechtigung zur Nutzung hast und welche Angaben Du diesbezüglich machen musst. Dazu gibt es zum Beispiel die Webseite: https://www.tineye.com/ , damit kannst Du die Herkunft von Bildern überprüfen. Besonders praktisch ist, dass Du das über den Browser machen kannst. Denn es gibt für Chrome, FireFox, Opera und deren Ableger eine solche Erweiterung und dann kannst Du das Bild per rechtem Mausklick in Augenschein nehmen.

Dieser wohl gemeinte Rat ist für Deutschland wichtig und stellt keine Rechtsberatung dar, da ich kein Anwalt bin und dementsprechend keine verbindliche Rechtsauskunft geben darf!

Ich hoffe, Du hast jetzt , dank des kleinen Tipps, wieder einen kleinen Schritt zur Entwicklung Deiner eignen Webseite gemacht. Falls Du weitere Fragen hast schreib unten in den Kommentar und ich werde versuchen Dir zu antworten.

Beste Grüße aus Calau

Jörg Rothhardt

Weitere Infos zu Elementor gibt es auf diesem Beitrag.

Elementor: Visueller Formular-Editor

Elementor-Kontaktformular

Interessant: Der visuelle Formular-Editor für WordPress​

Formular Widget (Pro)

So verwendest Du das Elementor Form Widget

Mit dem Formular-Editor – Widget musst Du die Seite, die Du gestalten willst, nicht verlassen, wenn Du ein neues Formular erstellst. In diesem Tutorial werden wir alle verfügbaren Optionen dieses Widgets durchgehen.

So verwendest Du das Elementor Form Widget

Formularname – Hier kannst Du den Namen des Formulars eingeben.
Formularfelder – Eine Liste aller Felder des Formulars. Sie können Felder beliebig duplizieren, hinzufügen oder löschen. Du kannst sie auch per Drag & Drop verschieben, um die Reihenfolge zu ändern.
Wenn Du direkt auf eines der Felder klicken, werden alle seine Einstellungen angezeigt.

  • Typ – Wählen Sie den gewünschten Feldtyp aus.
  • Label – Der Name des Feldes, das auf dem Formular und in der E-Mail angezeigt wird, die Sie vom Benutzer erhalten.
  • Platzhalter – Der Text innerhalb des Feldes, der dem Benutzer hilft, das Feld auszufüllen.
  • Erforderlich – Setzen Sie das Feld wie gewünscht, wenn Sie dem Benutzer nicht die Möglichkeit geben möchten, das Feld zu überspringen.
  • Spaltenbreite – Ermöglicht es Ihnen, die Breite des Feldes festzulegen. Dies ist nützlich, wenn Sie mehrere Felder in einer Zeile erhalten möchten. Wenn Sie z.B. 3 Felder in einer Zeile erhalten möchten, müssen Sie jedes Feld mit einer Breite von 33% setzen.
  • Nachricht – Ein Textfeld, in dem Sie die Anzahl der angezeigten Zeilen festlegen können.

Elementor Form Widget - Die Feldtypen

  • Text – Ein einfaches Textfeld. Als Beispiel, das diesen Typ verwendet: Name
  • Tel – Vom Typ – Telefonnummern. Die Tastatur stellt sich automatisch auf diesen Typ ein.
  • E-Mail – Ein Feld vom Typ – E-Mail. Inklusive Validierung für E-Mail.
  • Textarea – Ein Textbereichs-Feld, mit dem Sie die Anzahl der Zeilen festlegen können.
  • Zahl – Ein Nummernfeld. Die Tastatur stellt sich automatisch auf diesen Typ ein.
  • Auswahl – Mit einem Auswahlfeld kann der Benutzer aus einer Dropdown-Liste von Optionen auswählen. Die Optionen werden durch das Schreiben getrennter Textzeilen in der Einstellung Optionen erstellt.
  • URL – Mit diesem Typ kann der Benutzer seine Website-URL eingeben.
  • Kontrollkästchen – Ein Kontrollkastchenfeld (CheckBox) ermöglicht es dem Benutzer, eine oder mehrere der Optionen zu aktivieren. Die Optionen werden wieder durch das Schreiben von getrennten Textzeilen in der Einstellung “Optionen” erzeugt. Bei diesem Typ haben Sie auch die Einstellung”Inline-Liste”, mit der Du die Ankreuzfelder in einer horizontalen Linie darstellen können.
  • Radio – Ein Feld vom Typ Radio ermöglicht es dem Benutzer, eine Option zu aktivieren. Die Optionen werden wiederum durch das Schreiben von getrennten Zeilen erzeugt. Bei diesem Typ hast Du wieder die Einstellung”Inline-Liste”.
  • reCAPTCHA – Füge Deinem Formular einen reCAPTCHA hinzu, um sicherzustellen, dass der Benutzer kein Roboter ist. Du kannst die Größe als normal oder kompakt und den Stil als hell oder dunkel einstellen.
  • Honeypot – Diese Anti-Spam-Technik funktioniert durch Hinzufügen eines Feldes, das für den Benutzer nicht sichtbar ist, aber dennoch von Spambots gesehen wird. Auf diese Weise, wenn der Spambot das Feld automatisch ausfüllt, kann die Spam-Einsendung erkannt und blockiert werden.
  • Versteckt – Füge ein verstecktes Feld hinzu, das für den Benutzer nicht sichtbar ist, aber ein Feld als Teil des Kontaktformulars übermittelt.

Eingabegröße – Lege die Größe der Felder fest, von extra klein bis extra groß.

Beschriftungen – Du kannst die Beschriftungen auf dem Formular ein- oder ausblenden.

Elementor Form Widget - Der Absenden-Button

  • Text – Wählen Sie den Text, der auf der Schaltfläche”Senden” angezeigt wird.
  • Größe – Legt die Größe der Schaltfläche”Senden” fest.
  • Spaltenbreite – Legt die Breite des Buttons in Prozent fest.
  • Textarea – Ein Textbereichs-Feld, mit dem Sie die Anzahl der Zeilen festlegen können.
  • Ausrichtung – Legt die Ausrichtung rechts, zentriert, links oder ausgerichtet fest.
  • Icon – Fügt dem Absende -Button ein Icon aus der Font “Awesome Icon-Liste” hinzu.
  • Icon Position – Vor oder nach dem Text in der Schaltfläche.
  • Icon Abstand – Legt den Abstand zwischen dem Symbol und dem Schaltflächentext fest.

Elementor Form Widget - E-Mails & Optionen

  • E-Mail an – Legt fest, wohin die E-Mail gesendet wird. Sie können mehrere E-Mails einstellen, indem Sie jede E-Mail mit einem Komma trennen.
  • Betreff der E-Mail – Legt die Betreffzeile der E-Mail fest.
  • Von E-Mail – Hiermit wird das Feld von E-Mail festgelegt.
  • Von Name – Hiermit wird der Name der Person festgelegt, die die E-Mail gesendet hat.
  • Antwort auf – Wenn Du die E-Mail erhältst und auf Antwort klickst, ist dies die E-Mail, an die die Antwort gesendet wird. Um dem Benutzer, der die Nachricht gesendet hat, zu antworten, wählen Sie die Option “E-Mail-Feld”.
  • Metadaten – Füge weitere Informationen wie Datum, Uhrzeit, Seiten-URL, User Agent, Remote IP und Credit in die E-Mail ein.
  • HTML senden – Diese Option sendet die E-Mail-Benachrichtigungen in HTML.
  • Redirect to – Fügen Sie den Link hinzu, zu dem der Benutzer automatisch weitergeleitet wird, nachdem er das Formular erfolgreich abgeschickt hat.
  • Benutzerdefinierte Nachrichten – Bearbeiten Sie die Nachrichten, die der Benutzer sehen wird: Erfolgsmeldung, Fehlermeldung, Pflichtfeldnachricht und ungültige Nachricht.
Bitte beachte, dass das Formular-Widget eine neue Benutzeroberfläche hat. Stelle daher sicher, dass Du den folgenden Artikel unseres Blogs gelesen hast, um den neuen Speicherort der Einstellungen zu finden: https://elementor.com/pro-v140-form-integrations/ Leider nur auf Englisch. Aber ein Tipp, nutzen zum Übersetzen diesen sehr guten Online-Übersetzer: Deepl.com

Elementor Form Widget - MailPoet & MailChimp-Integration

Für uns interessant! Du kannst auch in MailChimp und MailPoet mit der eingebauten Integration von Elementor arbeiten. Sieh Dir dazu dieses MailChimp-Tutorial-Video an.

Elementor Form Widget - Formular Design

Formular

  • Spaltenabstand – Legt den exakten Abstand zwischen den Spalten der Formularfelder fest.
  • Zeilenabstand – Legt den Abstand zwischen den Zeilen fest.

Etikett

  • Abstand – Legt den Abstand zwischen den Beschriftungen und den Feldern fest.
  • Textfarbe – Legt die Farbe der Feldbeschriftungen fest.
  • Typografie – Passt die Typografie des Etiketts an.

Feld

  • Textfarbe – Legt die Farbe der Feldbeschriftungen fest (Der Text, den der Benutzer ausfüllt).
  • Typografie – Legt die Typografie des eingegebenen Textes fest.
  • Hintergrundfarbe – Legt die Hintergrundfarbe der Felder fest.
  • Randfarbe – Legt die Randfarbe der Felder fest.
  • Rahmenbreite – Legt die Breite der Feldgrenzen fest.
  • Radius des Randes – Legt den Radius des Randes fest. Die Standardeinstellung hat einen abgerundeten Rand

Taste/Schalter (Button)

  • Normal / Hover – Wählen Sie diese Option, um die Schaltflächeneinstellungen für Normal- und Hover-Status zu ändern.

Normal

  • Textfarbe – Legt die Textfarbe der Schaltfläche fest.
  • Typografie – Legt die Typografie für den Text der Schaltflächen fest.
  • Hintergrundfarbe – Legt die Hintergrundfarbe für die Schaltfläche fest.
  • Rahmentyp – Wähle den Typ des Knopfrahmens aus.
  • Breite – Legt die Breite des Rahmens fest.
  • Farbe – Legt die Farbe des Rahmens fest.
  • Rand Radius – Verleiht dem Button eine abgerundete Kantenform.
  • Text-Padding – Fügt einen Abstand zwischen dem Text und dem Rand des Buttons ein.

Hover (Schweben)

  • Textfarbe – Legt die Textfarbe für die Schaltfläche für den Hover-Modus fest.
  • Hintergrundfarbe – Legt die Hintergrundfarbe für die Schaltfläche für den Hover-Modus fest.
  • Randfarbe – Legt die Randfarbe im Hover-Modus fest.
  • Animation – Fügt der Schaltfläche eine Hover-Animation hinzu.

Bitte beachte, dass das Formular-Widget eine neue Benutzeroberfläche hat. Stelle daher sicher, dass Du den folgenden Artikel unseres Blogs gelesen hast, um den neuen Speicherort der Einstellungen zu finden:

https://elementor.com/pro-v140-form-integrations/

Leider nur auf Englisch. Aber ein Tipp, nutzen zum Übersetzen diesen sehr guten Online-Übersetzer: Deepl.com

Generelle Hilfe bekommst Du, leider wiederum nur auf Englisch, auf der Dokumenten-Seite von Elementor.

Elementor: Dein neuer WordPress Page-Builder

WordPress Page-Builder Elementor 800px

Elementor PageBuilder - Dein Design-Tool für Deine WordPress-Webseite

Der noch nicht mal zwei Jahre auf dem Markt existente Elementor PageBuilder, zählt mit seinen, jetzt schon 500.000 Installationen, zum absoluten Shootingstar in diesem Segment. Und ich erzähle Dir jetzt wieder einmal davon.

PageBuilder, die WordPress Design-Baukästen

Die PageBuilder, für WordPress sind im eigentlichen Sinne die Erweiterung der gebräuchlichen  Homepage-Baukästen, die für das WordPress CMS adaptiert und weiter entwickelt wurden. Das WordPress CMS, ist das derzeit weltweit am häufigsten eingesetzte System um Webseiten zu bauen. Und es ist für den normalen Verbraucher entwickelt worden. Das bedeutet, Du mußt jetzt kein Programmierer, Code-Freak, HTML-Junkie oder CSS-Fan mehr sein, um Dir eine tolle Webseite selbst zu gestalten. 

Wie funktioniert nun so ein PageBuilder?

Also, wie schon erwähnt, sind PageBuilder im Grunde genommen die Fortentwicklung der oft allgegenwärtigen Homepage-Baukästen. Wie in diesen klickt man per “Drag and Drop” das Aussehen der Webseite oder eines Beitrages zusammen ohne große Erfahrungen, in Design oder Code, zu brauchen. 

Allerdings darf man einen PageBuilder nicht mit einem WordPress-Theme verwechseln. Das wird leider sehr oft von Einsteigern verwechselt. Ein Theme ist für das Aussehen der Webseite für den Verbraucher am Bildschirm zuständig und kann inzwischen nur rudimentär mit dem WordPress eigenen Customizer verändert werden. Während der WordPress-PageBuilder die gesamte und flexible Umsetzung von Design, Formgebung und Darstellung aller verschiedenen Teile einer WordPress-Webseite ausmacht. Und das Ganze ohne Webdesign studiert haben zu müssen.

Allerdings und das mag Dich jetzt bestimmt verwundern, brauchst Du derzeit Beides, WordPress-Theme und WordPress PageBuilder, noch… Ich denke in wenigen Wochen wird es da eine weiter positive Entwicklung geben. Allerdings, auch das muss man erwähnen, kannst Du hier mit fast jedem kostenlosen WordPress-Theme starten. Maine Empfehlung aber sind die beiden folgenden kostenlosen WP-Themes. Da wäre zum ersten GeneratePress und zum anderen das Astra-Theme die Du entweder oben über die Links auf Deinen Rechner herunterladen kannst oder Du gehst in Deinem WordPress-Backend über den Menüpnkt Design und hinzufügen und suchst nach den oben genannten Designs. Zu jedem Theme gibt es auch eine PRO-Version, die Du allerdings nicht unbedingt benötigst.

Elementor: Vom Nobody auf 500.000 Installationen in noch nicht einmal 2 Jahren

Im Juni 2016 also, vor jetzt genau 20 Monaten, zum Zeitpunkt dieses Beitrages, begann der kometenhafte Aufstieg des Elementor-PageBuilder und dieser wurde in einer Freien Version dem Netzt zur Verfügung gestellt. Schon das allein ist eher ungewöhnlich. Warum? Weil die wenigen anderen Mitbewerber, keine oder so sehr kastrierte Versionen gratis zur Verfügung stellen. Dies hat natürlich einen positiven Effekt gehabt und dazu geführt das der WordPress Page-Builder von Elementor eine riesige Aufmerksam bekam. Auch wohl deshalb, weil der Hersteller des Plugins die Fa. Pojo Ltd, zusicherte, dass sich an der Free-Version, auf Dauer nichts ändern würde.

Daran hat sich bis heute nichts geändert und was das wirklich tolle war und bis heute ist, Das plugin wird laufend weiter entwickelt und es kommen immer wieder neue Elemente und sogar eigene Themes hinzu. Und die Vielfalt an Funktionen läßt wenige Wünsche offen. Inzwischen offeriert der Hersteller Pojo Ltd auch eine erweiterte Kauf-Version mit Namen Elementor PRO an. Das bedeutet aber nicht, dass nur noch die Pro.Version weiter entwickelt wurde, nein, auch die Kostenlose Version wurde und wird laufend verbessert, erweitert und stabiler gemacht.

Pojo Ltd selbst ist in dem Vertrieb von WordPress – Themen tätig und bietet eigene Profi-Themes an die den Elementor PageBuilder enthalten. Ebenso können andere Themen-Entwickler den WordPress Page-Builder von Elementor in Ihre WordPress-Themes integrieren. Dies gilt aber nur für die gratis Version. Die Elementor PRO Ausgabe ist den privaten WordPress Endrunden vorbehalten.

Elementor: Vom Anbeginn zum Start

Der WordPress Page-Builder von Elementor selbst ist ein Plugin und wird eben wie jedes WP-Plugin installiert. Da dieses Plugin bei WordPress direkt gelistet ist, kannst Du es auch einfach über dein WordPress Backend unter dem Menüpnkt Plugins und Installieren, suchen und direkt und bequem installieren. Die zum jetzigen Zeitpunkt aktuelle, Stand 12. Februar 2018, ist die Version 19.4. 

Ist das WordPress-PageBuilder installiert, findest Du es ganz prominent in Deinem WordPress-Editor, wenn Du einen Beitrag oder eine Seite bearbeiten willst. Du aktivierst es mit einem Klick auf den meist blauen Button mit der Aufschrift: IE Mit Elementor bearbeiten

WordPress Page-Builder Elementor Beitrag bearbeiten
Start des WordPress Page-Builder Elementor Beitrag bearbeiten (Screenshot Jörg Rothhardt)

Der WordPress Page-Builder von Elementor selbst, hat rechts im Hauptmenü die globalen Einstellungen, mit den folgenden Punkten: Meine Bibliothek, Einstellungen (global), Werkzeuge, System Info und bei PRO noch die Lizenz. Unter Bibliothek verwaltest Du die Templates und Deine eigenen gespeicherten Vorlagen, des weiteren kannst Du Vorlagen im- und exportieren. Die System Info zeigen Dir die Parameter Deinen WordPress und unter den Einstellungen verwaltest Du, oh Wunder wichtige, global gültige  Einstellungen.

Elementor: Eine schlüssige und einleuchtende Vorgehensweise bei der Bedienung

Startest Du den WordPress Page-Builder von Elementor über den Button, so gelangst Du, wie unten zu sehen, in ein formatfüllendes Fenster, in dem die eigentliche Bearbeitung stattfindet. Diese erfolgt im sogenannte WYSIWYG-Modus. Das bedeutet übersetzt “was Du siehts ist das was Du bekommst” und damit ist gemeint, was Du auf dem Bildschirm erstellst, das wird nachher auch so zu sehen sein. (zu allergrößten Teil). So kannst Du jetzt Seiten und Beiträge so individuell erstellen, wie Du es nur von den Illustrierten und Magazinen her kennst.

WordPress Page-Builder Elementor Beitragsbearbeitung
WordPress Page-Builder Elementor Beitragsbearbeitung (Screenshot Jörg Rothhardt)

Du bist jetzt aber nicht der Layouter, Web- oder Printdesigner und dir gehen gerade die Ideen flöten. Kein Problem, auch da ist Elementor Dein guter Helfer. Über die weit mehr als 120 Vorlagen derzeit kannst Du schnell was auswählen und nach deinen persönlichen Wünsche abänderen. Ist das nicht genial einfach?

Elementor-Vorlagen
WordPress Page-Builder Elementor Vorlagen (Screenshot Jörg Rothhardt)

Du möchtest Dich jetzt schon einmal über diese Vorlagen informieren? Kein Problem! Hier hast Du den Zugang zu allen in diesem Moment verfügbaren Templates. Dies findest Du in der Template Library .

Elementor Template Library Übersicht(Screenshot Jörg Rothhardt)

Elementor FREE verfügt neben den üblichen Funktionen, wie Text, Headline, Bilder, Videos, Buttons, Testimonials, über weitere Elemente, die sogenannten Widgets. Es sind in der Freien Version von Elementor derzeit 46 unterschiedliche Elemente, während die PRO-Version mit noch 26 zusätzlichen weiteren Elementen aufwartet. Und der Vollständigkeit halber kannst Du Dir das auf dieser Seite von Elementor noch einmal zu Gemüte führen. Elementor Free vs PRO

Ein anderes Feature ist, wenn Du möchtest das Dein Beitrag oder Deine Seite ohne Header, Footer und Seitenleisten, also ganz leer sein sollte, um beispielsweise eine Landingpage, Opt-In-Seite, Squeezepage oder ähnliches gestalten möchtest, auf der nicht ablenkendes ist, kannst Du Dich, anstatt für die Standard-Ansicht, für das Element “Elementor Canvas” entscheiden. Das geschieht jedoch auf 2 Arten. Bei einer Seite findest Du den Dialog rechts unter Template 

Auswahl des Seiten- oder Beitragstemplate
ElementorAuswahl des Seiten- oder Beitragstemplate (Screenshot Jörg Rothhardt)

Auch ein weiteres tolles  Merkmal von Elementor ist, das es bereits in vielen Sprachen von der sehr rührigen Community übersetzt wurde. Und es wird viele Leute freuen, es ist auch auf Deutsch verfügbar und diese Übersetzung ist sehr gut gelungen.

Mit den neuesten Versionen wurde der WordPress Page-Builder ELEMENTOR zwar sehr stark überarbeitet, was jedoch auf die Zukunft gesehen, eher ein Vorteil ist. Dabei sind folgende Neuerungen hinzu gekommen. Es gibt jetzt die permanente Speicherung Deiner Arbeit, so dass Du nichts mehr von Deiner aktuellen Arbeit verlieren kannst. Und der zweite Punkt ist die Undo/Redo Funktion hinter der History-Funktion. Das wiederum heißt, Du kannst etwas aus der Vergangenheit korrigieren, falls Du einen Fehler, den Du gemacht hast, bemerkst und zwar ohne alles noch einmal komplett neu machen zu müssen.

Ein weiteres cooles Feature ist die Inline-Editing genannte Funktion. Das bedeutet für Dich, Du kannst alles im Fontend bearbeiten und siehst sofort das Ergebnis in ganzer Pracht. Das gibt Dir noch mehr Gefühl für Aussehen, Form, Farbe und ermutigt Dich vielleicht zu weiteren Experimenten.

Elementor: Was geschieht , wenn Du dieses Plugin entfernst?

Der WordPress Page-Builder von Elementor ist ein Plugin und somit kein Theme, das wie Du oben schon gelesen hast, das elementare Gerüst Deiner WordPress-Webseite darstellt. Somit ist logisch, dass, wenn Du das Plugin abschaltest bzw. deaktivierst alle bisherigen Elemente die Du bearbeitet hast verschwunden sind. Und nein Deine Texte sind noch vorhanden. Nur die sogenannten Formatierungen, die Du vorgenommen hast sind perdu.

Das sind die Vorteile von Elementor gegenüber den meisten Page-Builder, die auf dem Markt so zu finden sind. Dies arbeiten sehr oft mit Shortcodes und das Endergebnis beim deaktivieren kann WordPress nicht mehr interpretieren, liefert nur noch Datenmüll und verwüstet Deine mühsam erarbeiteten Inhalte. Oder die Shortcodes sind noch zu sehen aber die Inhalte sind im Nirwana.

Du siehst also, Elementor ist vorbildlich anders. Klar büßt Du Dein Layout ein, wenn Du das Elementor-Plugin deaktivierst. Jedoch und das ist die gute Nachricht, Deine Inhalte sind und bleiben als reine HTML-Inhalte weiter sichtbar. Sie sind nicht verloren und das ist das Wichtigste für Dich

Mein Fazit: Elementor ist der derzeit ausgereifteste WordPress Page-Builder

Der WordPress Page-Builder von Elementor ist der für mich bequemste Page-Builder. Und somit meine ganz klare Empfehlung für Dich! Besonders wenn Du kein WordPress-Guru, kein studierter Web-Designer, HTML & CSS Code-Freak bist. 

Bist Du jedoch ein normaler Nutzer, willst Dir Deine Webseite aufbauen:

  1. ohne viel Geld auszugeben,
  2. ohne Abhängigkeit von einem Webmaster und
  3. die Freiheit liebst Deine Webseite selbst zu gestalten,
  4. Landingpages zu bauen, so viel Du brauchst
  5. ohne von einem Network oder Sponsor abhängig zu sein.

Wenn das alles auf Dich zutrifft, dann solltest Du Dich jetzt mit Elementor beschäftigen!

Elementor Page Builder Impressionen

Elementor PageBuilder_ diese 5 Bausteine brauchst Du

Was neues entdeckt

Vor einigen Tagen habe ich etwas neues entdeckt und gleich mal ausprobiert. Dieses Handytool macht aus Bildern in Sekunden tolle Videos. 

Und da Videos rocken, habe ich gleich mal welche gemacht. Und hier präsentiere ich Euch:

Elementor Page Builder Impressionen

Elementor PageBuilder_ diese 5 Bausteine brauchst Du
Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: https://www.youtube.com/watch?v=iNurAYQ7miM&feature=youtu.be

Und womit habe ich nun dieses Video erstellt. Das Tool heißt Quik und ist fürs Smartphone. Es ist ein kleines Programm, das aus Deinen Bildern auf dem Smartphone eine solche kleine Videosquenz von 30  Sec +/- mit Text, Bildern und Animationen kreiert.

Und wie findet Ihr das Tool. Die Quik App kannst Du im Google Playstore oder im Apple Appstore herunter auf Dein Smartphone laden.

Und wer ist der Ersteller bzw. Wer steckt hinter der QuikApp. Das ist der Kamera-Hersteller für Action-Kameras GoPro, der damit seinen Usern einen tollen Service und Mehrwert bietet. Und eigentlich für die GoPro-Actioncam gedacht ist, jedoch mit etwas Kreativität für alle Bilder auf Deinem Smartphone nützlich ist. 

Hier auf der Webseite von Quik.GoPro siehst Du eine kleine Vorschau was möglich ist.

Elementor Page Builder – der schnellste Komet, der am WordPress Firmament auftaucht.

Elementor.com Page-Builder

Das erste Mal, dass der Elementor Page Builder von sich Reden machte war Mitte 2016 und in meinem Dunstkreis tauchte er Mitte 2017 auf. Seitdem, in etwas mehr als eineinhalb Jahren, hat dieser bemerkenswerte WordPress Page Builder nicht nur eine enorme Dynamik entwickelt und viel erreicht, sondern auch seine größten Konkurrenten Beaver Builder und Thrive Architect (f.k.a. Thrive Content Builder) überflügelt.

Werfen Sie einen Blick auf diesen Screenshot von Google Trends, der das weltweite Suchinteresse der letzten 12 Monate für den Elementor Page Builder im Vergleich zu seinen Konkurrenten zeigt:

Der Trend von Elementor PageBuilder mit seinen Mitbewerbern-1

Wirklich, ich bin sehr erstaunt über diese Wachstumskurve. Und ich frage mich ernsthaft, WAS und WARUM  läuft Elementor so rasant gut. Wir werden uns das in wenigen Augenblicken genauer ansehen, aber zuerst: Es gibt einen weiteren Kandidaten, den wir in unsere Vergleichsrunde aufnehmen müssen!

Divi, die große Dame

Wir können “Divi, die große Dame” nicht ignorieren – trotz ihrer fortbestehenden Defizite, die sie aus meiner Sicht größtenteils “schwer zu händeln” machen.

Unabhängig davon ist klar, dass Divi immer noch der weltweit führende WordPress-Page Builder ist. Aber für wie lange noch?

Wenn mich Elementors Eigendynamik überwältigte, verblüfft mich Divis schiere Dominanz.

Divi’s Marketingstrategie beinhaltet noch nicht einmal eine kostenlose Version (wie Elementor und Beaver Builder), um neue Benutzer anzuziehen und zu locken. Also, warum ist Divi so ein große Dame?

Meine Sicht auf Divis Ruhm ist ein fabelhaftes Beispiel für Content-Marketing, das richtig gemacht wurde und so funktioniert, wie es beabsichtigt war. Elegant Themes (Die Macher hinter Divi) machen mit ihrem Blog einen sehr guten Job – sie sind sehr aktiv. Auch ihr Podcast DiviNation ist beliebt. (leider nur englisch)

Ich schreibe Elegant Themes’ unnachgiebige, gut ausgeführte Content-Marketing-Strategie als Grund für ihre Marktdominanz zu.

Natürlich ist Divi als Page Builder gut. Aber dieser ist nicht 5x besser wie Elementor, Beaver Builder oder Thrive Architect, wie es der Google Trends Screenshot oben darstellt. Ich bin, nicht nur abgesehen von dem Shortcode-Defizit, kein Freund Divi. Nicht nur im gleichen Maße wie Beaver Builder und Elementor, die ich für die besseren Produkte halte. Nicht nur subjektiv, sondern auch aufgrund des Feedbacks, das ich von jedem Page Builder bekomme, sei es in Blog-Kommentaren und E-Mails, die ich erhalte.

Und was ist mit dem Visual Composer?

“Guter” alter Visual Composer. Wenn Divi “die große Dame” unten den Page Builder ist – ist der gute alte Visual Composer, “die Großmutter” der Page Builder. Die OMI (Großmuttter) aller WordPress Page Builder, ist bereit, Ihre Website mit so vielen Spalten und Zeilen zu aufzublasen, wie Du für Geld kaufen kannst.

Es handelt sich um ein WordPress-Plugin mit einer großen User-Basis, der jedoch stark an Popularität verliert:

Der Trend von Elementor PageBuilder mit seinen Mitbewerbern-3

Wenn wir uns Divi im Vergleich zum Visual Composer ansehen, ist klar, wer zumindest die Macht behält (Divi) – und wer sie verliert (Visual Composer):

Divi gewann den Kampf gegen den Visual Composer etwa im September 2016.

Der ungekrönte Kaiser ist Divi.

Zur Zeit.

Aber für wie lange noch?

Schauen Sie sich die “Wachstumskurve” von Divi an: Sie wächst nicht. Es sinkt! Der Aufwärtstrend ist gebrochen. Jeder Aktien- oder Forex-Händler wird Ihnen sagen, dass das ein schlechtes Zeichen ist (es sei denn, Sie sind an Leerverkäufen interessiert – d.h. Wetten auf den Vermögenswert, der noch weiter abnimmt).

Divi hat seinen Höhepunkt erreicht. Wenn man sich die Grafik oben ansieht, verliert Divi an Schwung, während Elementor derzeit mit atemberaubenden 700% jährlich wächst.

Als Kontrast habe ich hier die Wachstumskurve von Elementor:

Elementors Aufwärtstrend

Tatsache ist: Der Elementor Page Builder könnte irgendwann in der Zukunft den Thron von Divi übernehmen. Ausgehend von seiner gesamten Ausrichtung: Es könnte in naher Zukunft sehr wahrscheinlich passieren.

Warum das Wachstum von Elementor ausschlaggebend ist

Manche ein Leser hier mag denken: “Ist mir piep egal, wie beliebt mein Page Builder ist, ich nehme ihn ja nur für mich und meine Webseiten”. Das ist erst einmal eine verständliche Argumentation. jedoch,  wenn Du in solch eine Technologie investierst, erlernst Du ein Werkzeug und verwendest dieses Werkzeug als Grundlage für Deine Webseite(n). Du willst, dass Dir dieses Werkzeug in ein paar Jahren gute Dienste leistet, stimmt’s?

Ein typisches Beispiel.

WordPress Page Builder” ist ein hart umkämpfter Markt. Ich bin mir ziemlich sicher, dass das Beaver Builder Team nicht erwartet hat, dass der Elementor Page Builder heimlich von hinten hochschießt. Ihr Fokus lag wahrscheinlich darauf, das mystische (und lukrative) “Königreich derWordPress Page Builder” zu erobern, indem sie den mächtigen Drachen Divi (und vielleicht Visual Composer) erschlagen.

Die Vernachlässigung schneller Veränderungen im Wettbewerbsumfeld kann für jedes Unternehmen fatal sein. Die Macher von Headway Themes sahen Divi nicht kommen. Heute ist das Headway-Theme Vergangenheit. Einst großartig, jetzt tot. Einst ein Vulkan, jetzt ein Dinosaurier. Einmal ein Feuersturm, jetzt ausgestorben.

Der Trend von Elementor PageBuilder mit seinen Mitbewerbern-4

Wie Sie oben sehen können, ist Headway jetzt nichts anderes als eine Fußnote. Ich habe immer noch Kunden mit Websites auf Headway. Es ist ziemlich frustrierend, ihnen zu sagen, dass die Fundamente ihrer Website aufgrund der Vernachlässigung ihrer Entwickler neu aufgebaut werden müssten. Wenn Headway durch eine der 7 Todsünden zugrunde geht, dann ist das die Sünde “Stolz!”. Sie wollten nie erkennen, wie sich alles um sie herum veränderte. Sie reagierten nie proaktiv. Haben nie geantwortet. Es ging einfach so weiter wie gewohnt.

Fatal. Tödlich und traurig. Es war ein großartiges, 100% einzigartiges Webdesign-Tool. Das leistungsstärkste Drag-and-Drop-Thema auf dem Markt.

Wenn man auf eine 5-Jahres-Zeitachse hinauszoomt, kann man sehen, wie Headway einst ein WordPress-Thema war, mit dem man rechnen musste, bevor es in Vergessenheit geriet.

Der Trend von Elementor PageBuilder mit seinen Mitbewerbern-5

Beachte die Zusammenhänge zwischen der Entstehung von Beaver Builder und Thrive Content Builder (kürzlich umbenannt in Thrive Architect). Als die beiden (und Divi) an Popularität zunahmen, schwankte der Aufstieg von Headway – und blieb auf der Strecke.

Die Gründe für das explosionsartige Wachstum von Elementor

Was ist der treibende Faktor für den rasanten Aufstieg von Elementor?

Es ist schwer zu sagen. Trotz alledem: Ich werde es versuchen. Unten stelle ich dar, was ich als wahrscheinliche Ursachen für Elementors explosives Wachstum sehe:

Könnte es die Preisgestaltung von Elementor sein?

Wenn Du eine Lizenz willst, die es Dir erlaubt, diese auf einer unbegrenzten Anzahl von Websites zu verwenden, dann gibt Dir Beaver Builder diese Lizenz für nur $99. Elementor Pro (mit unbegrenzten Sites) kostet $199.

Wenn Du Elementor nur für eine einzige Website benötigen, hat sich das Blatt gewendet und Elementor Pro ist günstiger als Beaver Builder Pro. Elementors 1-Seiten-Lizenz kostet nur $49. Die Einstiegslizenz von Beaver Builder beträgt 99 $.

Die Wahl zwischen Elementor und Beaver Builder hängt also von Deinen persönlichen Bedürfnissen ab.

Thrive Architect ist  preislich irgendwo dazwischen angesiedelt. Eine Einzelplatzlizenz für Thrive Architect (früher Thrive Content Builder) kostet $67. Du hast auch ein optionales Abonnementmodell. Mehr Details auf der Website von Thrive Themes, wenn Du interessiert bist.

Eine echt coole Sache, die es  zu beachten gilt, ist, dass Du Thrive Architect für einen einmaligen Preis von $67 kaufen kannst. Es gibt keine jährliches Abonnement, wie es gerade für WordPress-Plugins Mode ist.

Wie auch immer… Könnte die Preisgestaltung der Grund für den Erfolg von Elementor sein? Nee. Es ist mehr oder weniger ein Gleichstand, wenn man bedenkt, dass einige Benutzer unbegrenzte Site-Lizenzen und andere nur eine Single-Site-Lizenz wünschen.

Könnte die kostenlose Version von Elementor verantwortlich sein?

Wenn Sie noch oder kein Geld mehr haben oder einfach nur einen funktionsreichen, kostenlosen Page Builder wünschen – dann ist die klare Antwort – der kostenlose Elementor Page Builder. Die kostenlose Version von Beaver Builder ist zwar voll funktionsfähig, hat aber weitaus weniger Funktionen als die kostenlose Version von Elementor. Es führt kein Weg daran vorbei: Elementor gewinnt in diesem Punkt. Und Divi hat nicht einmal eine Free/Light-Version.

Die mächtige kostenlose Version könnte durchaus Teil für Elementors schnellem Aufstieg zum Promi-Status sein:) Was denkst du?

Könnte die zahlreichen Funktionen von Elementor Pro-Version verantwortlich sein?

Elementor Pro ist vollgepackt mit Funktionen – und alle paar Wochen kommen neue hinzu.

Beispiel: Animierte Überschriften. Das musst du ausprobieren. Eine recht beliebte, erst kürzlich hinzugefügte Attraktion.

Ich werde nicht auf ausführliche Details von Elementor Pro eingehen. Dies ist keine Elementor Pro-Bewertung – nicht einmal eine bloße Elementor-Bewertung. Also musst Du Dir die beeindruckende Feature-Liste erst einmal selbst anschauen.

Dennoch: Sind die Eigenschaften der Grund für den Erfolg? Hmm. Vielleicht!

Ist es möglicherweise das Elementor-Support-Team?

Ich habe bisher keine Hilfe vom Elementor-Support-Team benötigt, kann also keine Kommentare dazu abgeben. Vielleicht kannst Du das?

Noch sonst irgend etwas? Und was gibt es noch zu sagen?

Ich kann nicht mit noch weiteren Gründen aufwarten. Weisst du welche? Auf was führst Du den Erfolg von Elementor zurück? Teile mir deine Meinung unten in den Kommentaren mit!

Und was ist mit dem bald erscheinenden Beaver Builder 2.0 – wird er die Position von Elementor in Frage stellen? Die Zeit wird es weisen, sagen die Hessen!

Hast Du Elementor schon ausprobiert? Magst du es? Gefällt es dir? Magst du es nicht? Teile mir deine Meinung unten in den Kommentaren mit!