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: 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. 

Von 0 auf 4385 Besucher in nur 3 Monaten

Social Media Besucher

Lasse mich Dir erzählen wie das erreicht habe

besucher seit Start vor 3 Monaten

Ja, das hätte ich jetzt auch nicht so schnell erwartet. Du siehst also an der Grafik oben, die meine Besucher der letzen 3 Monate zeigt. Warum mache ich das?

Nun vor fast genau 3 Monaten und 5 Tagen habe ich diese Webseite gestartet. Und so mancher der mich schon etwas länger kennt, weiss genau. Das ist nicht mein 1. WordPress-Blog. Ich habe jetzt seit ich 2008 meine Arbeit verlor, vieles ausprobiert. Meinen Traumjob, der mich 1992 in die Region Niederlausitz / Spreewald geführt hatte, war von einen Tag zum anderen weg. Und dadurch auch meine Lebensgrundlage, denn eines war mir klar mit fast 60 Jahren bekomme ich keine gleichwertige Arbeit und von gleichwertigen Lohn war nur zu träumen. So machte ich mich auf die Suche. Probierte den Verkauf von Tiroler Spezialitäten, versuchte mich im network-Marketing, investierte tausende von Euros in Schulungen bei den bekannten Internet-Marketern, und zwar bei fast Allen. Das einzige, das ich dabei lernte, war Erfahrung, wie die Marketer Geld verdienten, und zwar an mir. Aber ich blieb immer am Ball und das was mir wirklich Spass machte, mich mit Leidenschaft erfüllte, war WordPress und das Bauen und Gestalten von WordPress-Webseiten. Um dem Frust und Druck des Jobcenters zu entgehen, beantragte ich dann 2013 meine Altersrente, die, wenn auch mit Abschlägen bewilligt wurde. Da ich seit 2010 ein kleines Haus besitze, das ohne Belastung ist, konnte ich also beruhigt meinen Unruhestand antreten und mich ganz dem Internet widmen. 

4385 Besucher, wie alles anfing

Und ja, auch da habe ich weiter gelernt und auch so manchen Euro gelassen, für teure WordPress – Profi-Themes und Profi -Plugins. So kann ich mit Fug und Recht von mir sagen, ohne Angeben zu wollen, ich kenne mich mit WordPress recht gut aus. Und so kam ich, über den Umweg, Affiliate und Nischen-Marketing schlußendlich immer wieder zu meiner absoluten Liebe und Leidenschaft, zu WordPress. Im Jahr 2017, lernet ich dann Elementor kennen und beschloss für mich, das wird mein Ding. Dieses Plugin ist so klasse, so genial einfach, also einfach genial. Und dem will ich mich widmen.

So ging es weiter…

So stand im Oktober 2017 mein Entschluss fest. Du machst jetzt diesen Blog und hilfst Menschen, die nichts von HTML oder CSS verstehen und sich auch nicht damit auseinandersetzen wollen oder aus Zeitgründen können, schnell und einfach WordPress-Webseiten zu bauen, sowie alles was dazu gehört, seien es Landingpages, Salespages, Opt-in Seiten, Video-Salesletter, aber auch WordPress-Sicherheit und vieles mehr.

Und jetzt kamen sukzessive die Besucher

Wie schon gesagt, am 21.Oktober 2017 veröffentlichte ich den ersten Beitrag. Und darauf bin ich jetzt stolz, ich habe in dieser Zeit 59 Beiträge geschrieben und mehr als 4385 Besucher haben meine Webseite besucht. Und das alles habe ich ohne bezahlte Werbung erreicht und Dank Volker Schiebel nur über seine Kanäle: “Gratismailer, Power4space, ePromo24” und über die üblichen Social Media Schinen wie XING. LinkedIn, Google+ und Twitter erreicht.

Und Du kannst das auch!

5 unbezahlbare Tipps, wie mehr Leser Deine Beiträge schmökern

5 unbezahlbare Tipps für Überschriften die knallen!

Wie schreibst Du Deine Blog - Beiträge, die mehr Leser fesseln

Machen wir uns jetzt mal nichts vor! Die Meisten von uns schreiben Blog Beiträge nicht oder zumindest nicht gerne, stimmt’s? Aber warum ist das so? Du weißt nicht was Du schreiben sollst? Oder werden Deine Beiträge nicht gelesen? Vielleicht wartest Du auch einfach nur ab, denn was Du schreibst ist wichtig, klar? 

Aber jetzt mal ehrlich, Du wartest und wartest und keine S.. interessiert sich für Deinen Text. Keiner kommt vorbei, naja, vielleicht ein Spamer oder Hacker, der Deine Webseite mit Links oder Schadende infizieren will!

Aber WARUM? Warum liest das keiner? Ganz einfach, weil Deine Überschrift nicht anzieht, auffällt, neugierig macht. Schließlich ist es einzig und allein die Überschrift, auch Headline genannt, die den Besucher Deiner Webseite anlockt, wie der Nektar die Biene. Denn was sieht derjenige der im Internet sucht. Nur eine Headline! Du musst bedenken, Du hast nur Sekundenbruchteile um die Aufmerksamkeit Deines Besuchers zu erhaschen. Er scannt Google oder jede andere Suchmaschine und wenn das, was er sucht nicht nach wenigen Augenblicken gefunden hat und Ihn zum weiterlesen ermuntert ist er weg und das auf nimmer Wiedersehen. Denke einmal an die Zeitung mit dem roten B… links oben. Was hat sie so erfolgreich gemacht. Ihre reißerischen Headlines!

Und Ludwig Leseratte entdeckt Deine Headline über seinen RSSFeed, den Suchergebnissen auf Google & Co. oder auf der Zeitleiste in seinen Social-Medien-Kanälen. Und dort selektiert er nur anhand der Überschriften. Das ist ja auch klar. Auf Grund der Fülle an Angeboten kann er nur selektiv entscheiden und so sagt das Gehirn:”Klasse, da will ich mehr erfahren!” Wenn dieser Impuls nicht da ist, bist Du schon im Nirvana des Internet-Streams verschwunden.

Aber jetzt kommt die gute Nachricht für Dich! Überschriften gut zu schreiben ist keine Kunst! Nein, denn es gibt ein ganz klare Wissen dazu und deshalb habe ich Dir hier 5 der erfolgreichsten Überschriften sozusagen als Blaupause hier hinterlegt. Diese musst Du nur entsprechend umformulieren, um mehr Besucher und Leser für Deinen Beiträge zu erhalten.

Tipp 1: Wie Du / Sie ............, die............

Diese Headline zählt wohl zu den absoluten Klassikern der Überschriften. Warum? Nun, Ludwig Leseratte bekommt sofort was er sucht, nämlich einen Nutzen und das ist was ihn interessiert.

Das hat die “Wie Du… “Headline zu einer meiner uneingeschränkten Favoriten gemacht. Und hier sind jetzt 2 Beispiele:

Wie Du tolle Blogbeiträge schreibst, die Deine Leser einfach fesseln

Wie Sie mehr Traffic auf ihrer Webseite bekommen, die Ihnen mehr Besucher und somit mehr Anerkennung bringen

Tipp 2: Wie Du / Sie ............, in nur............

Hier ein weiterer Klassiker der “Wie Du…” Option, die durch das “in nur” den Leser in eine vorbestimmt Haltung gleiten lässt. Sie lässt eine Hoffnung aufkeimen und verführt deshalb zu lesen. Und hier wieder 2 Beispiele für Dich

Wie Du mit diesen Tipps, in nur 5 Tagen mehr Besucher erhalten kannst

Wie Sie mit nur 15 Minuten Training, in nur 20 Tagen ein SixPack aufbauen

Tipp 3: Wie Du / Sie ............ und weniger ............

Und jetzt aber die 3. und letzte “Wie Du… “ Überschrift, die durch die und Verbindung eine Praxis aus dem NLP oft genutzt wird um unterschwellig eine Verbindung herzustellen. Jetzt wieder 2 Beispiele dazu:

Wie Du 4 mal am Tag essen kannst und weniger wiegen wirst

Wie Sie mehr Leads bekommen und weniger Geld für Werbung ausgeben

Tipp 4: ............ Wege um ............

Diese Headlines werden als “List Post” bezeichnet. Dabei ist es nicht wichtig  ob Du 9 Tipps9 Fehler, 9 Punkte, 5 Tricks, 7 Wege, oder 3 Sonst etwas… benützt. 

Diese Headlines sowie die “Wie Du…” Überschriften laufen bestens. Warum?

Sie suggerieren dem Leser ein eindeutiges Versprechen, etwas zu bekommen und as siehst Du in den 2 Beispielen

5 Wege, um Deine(n) Ex zurück zu gewinnen

3 Wege, um jetzt einen Job zu bekommen

Hier ist noch eine Studie dazu die ich gefunden habe.

Tipp 5: ............ Tipps für ............

Jetzt zum letzten Tipp, der wieder zu den “List Post” zählt. Aber was macht jetzt diese Headline. Sie trifft eine Vorauswahl Deiner Leser. Schau Dir einmal das Beispiel 1 an, Landingpages. Es spricht speziell Interessierte an Landingpages an. Un beachte die 3 Beispiele unten.

5 Tipps für eine Landingpage, die Kunden bringt

10 Tipps für mehr Fitness

20 Tipps für mehr Traffic und Besucher

Zusammenfassung:

Du kannst die allerbesten Texte schreiben, die wertvollsten Inhalte , Tipps und Ideen liefern. Aber wenn das keiner liest, weil Deine Headline nicht die Leser anspricht, war jede Mühe umsonst.

Also, Du hast hier den Tipp.”Was jeder Texter über Headlines oder Überschriften wissen sollte.

Nimm Dir Zeit für eine gute Überschrift, denn so bekommst Du mehr und mehr Leser für Deinen Blog.

Aber Achtung, die Überschrift darf kein Blender sein, sie muss halten was sie verspricht.

Und jetzt bist Du am Zug. Habe Dir die Tipps geholfen bessere Überschriften zu verfassen? Dann freue ich mich über ein Feedback oder einen Kommentar.

Du willst mehr zum Thema Überschriften erfahren?

Gratis Report für Dich.

90 Vorlagen für verkaufsstarke Überschriften

Elementor vs Visual Composer

Elementor vs. Visual Composer

Wie kommt es, dass WordPress Page Builder so beliebt sind?

Die Fähigkeit, eine WordPress-Website anzupassen, ist mit Sicherheit das Wichtigste, was jeder an dieser großartigen Open-Source Websoftware-Lösung schätzt. Im Wesentlichen kannst Du jederzeit mit wenigen Klicks alle von Dir gewünschten Änderungen an Deiner Website vornehmen. Vor ein paar Jahren war es allerdings schon sehr viel schwieriger und man musste schon zahlreiche Fähigkeiten erlernt haben, um die notwendigen und gewollten Anpassungen zu schaffen und das Erscheinungsbild der Website komplett zu verändern.

WordPress hat uns schon immer eine Vielzahl an Widgets und andere Tools für die Anpassung des Erscheinungsbildes unserer Website zur Verfügung gestellt. Als dann allerdings die Entwickler von visuellen Seiten in diesen Markt einstiegen, haben wir einen völlig neuen Ansatz erlebt.

Visuelle Webseiten-Baukästen sind in unser Leben als eigenständiges Produkt, wie beispielsweise, Jimdo, Wix oder andere Vertreter dieser Branche gekommen. Die Zeit entwickelt sich weiter und einige Entwickler haben sich entschlossen, die modernen Drag-and-Drop-Funktionalitäten als separates Plugin in das WordPress CMS einzubinden. Um ehrlich zu sein, glaube ich, dass dies eine der besten Möglichkeiten ist, mit den WordPress-Vorlagen zu arbeiten.

So haben wir jetzt ein paar große Akteure auf dem Markt, die, allerdings nur in der Mehrzahl der Premium-Themes von WordPress enthalten sind.

Diese unabhängigen, visuellen Entwicklungsumgebungen (Page Builder) sind :

  • Elementor Page Builder
  • Visual Composer (jetzt:  WPBakery Page Builder für WordPress (ehemals Visual Composer))

Sie können eine Menge separater Artikel für diese zwei unterschiedlichen Page Builder finden und um ehrlich zu sein, es gibt eine Menge Dinge, die bei Rezensionen falsch interpretiert oder über die sie vielleicht sogar gelogen haben, als sie sie überprüften.

Heute möchte ich die Hauptunterschiede zwischen diesen beiden aufzeigen und Dir sagen, welche davon Deinen Bedürfnissen am ehesten genügt und welche Art von Page Builder Du benötigst, wenn Du bei der Entwicklung Deiner Website keine Kopfschmerzen bekommen willst.

Vor- und Nachteile des Visual Composers

Visual-Composer

Zuerst einmal ist es fair zu erwähnen, dass einige der Anbieter auf meinem TemplateMonster Marketplace den Visual Composer in ihre Themes aufnehmen und einige von ihnen den Elementor Page Builder.

Das ist der Grund, warum ich vor der Arbeit an diesem Artikel eine Anfrage für das Feedback an einigen von ihnen geschickt habe und ihre Gedanken zu diesen beiden gesammelt habe. Beginnen wir damit, die Vor- und Nachteile des Visual Composers zu betrachten und zu sehen, was diese Karre so unter der Motorhaube hat.

Grundsätzlich hast Du 2 Möglichkeiten der Bearbeitung.

  1. Im Frontend (Auf der Ansichtsseite der Seite)
  2. Im Backend (Auf der Editor-Seite der Seite)

Im Bild oben siehst Du das Frontend und im Bild unten habe ich ein Bild der einzelnen Elemente hinzugefügt.

Elemente Visual-Composer

Der WP Bakery Page Builder ex Visual Composer kann sehr einfach in Dein Projekt implementiert werden. Installiere einfach das Visual Composer Plugin und Du kannst die Layouts Deiner Seiten kontrollieren, ändern und verschiedene Module hinzufügen.

Hier findest Du die Vorzüge des Visual Composers:

  1. Zwei Arten von Editoren: Frontend Editor und Backend Editor
  2. WordPress Shortcode-Unterstützung
    SEO optimiert
  3. Funktioniert mit jedem WordPress-Thema
  4. Verfügbar für die Verwendung in Beiträgen und benutzerdefinierten Beitragstypen
  5. Multilanguage ready
  6. Dokumentation und Video-Tutorials für die Arbeit mit dem Programm

Über den letzten Punkt, den ich oben erwähnt habe, ist über das wir noch diskutieren müssen. Dass man zu den Pro- und Contra-Aussagen der gleichen Art verschiedene Angaben machen kann, möchte ich Dir dann noch erklären.

Der Visual Composer ist ein sehr mächtiges Werkzeug für die Website-Entwickler. Allerdings, wenn Du ein normaler WordPress-Benutzer bist, kannst Du eine Menge SchWidrigkeiten ja Probleme mit der “sogenannter Benutzerfreundlichkeit des Visual Composer’s” bekommen.

Hier findest Du die Nachteile des Visual Composer:

Du wirst Dich definitiv in einige Tutorials und Online-Lektionen vertiefen müssen, um zu verstehen, wie einige der Backend-Funktionen im VC funktionieren und ich glaube, dass dies das größte Problem mit dem Visual Composer-Plugin ist. Noch problematischer wird es für Dich, da die Tutorials und Online-Lektionen auf Englisch sind und so für Dich vielleicht nur sehr schwer nachvollziehbar sein können. Zudem sind einige der Funktionen gesperrt und Du kannst sie nicht nutzen, wenn Du nicht die Premium-Version des VC-Plugins kaufst.
Die Premium-Version von VC ist noch nicht einmal live zu begutachten. Du kannst sie nur vorbestellen, so dass Du nicht sofort die WooCommerce-Integration nutzen könntest, in der freien Version. Zu dem kannst Du auf den Premium-Support, die Entwickler-API oder den Footer und Header Editor dann nicht zugreifen.
Es steigt außerdem Deine Website-Lastgeschwindigkeit stark an.
Die Gesamterfahrung mit dem Visual Composer ist gut, es wäre nicht die Wahrheit zu sagen, dass er kein guter WordPress-Editor ist und ich möchte ganz ehrlich zu Dir sein. Das einzige Problem für mich ist die Tatsache, dass mir die Arbeit mit dem Visual Composer zu vielen Fragen und Problemen bringt. Der Grund ist einfach – VC Page Builder ist die besten Optionen für diejenigen, die Themen professionell entwickeln und einige grundlegende Fähigkeiten in der Web-Entwicklung besitzen, so dass, wenn Du ein Neuling bist oder einfach nicht zuviel Zeit mit dem notwendigen Lernen verbringen willst, ist das nicht der richtige Weg für Dich.

Das Problem mit der Geschwindigkeit des Ladens Deiner Webseite ist für mich wie für einen Benutzer am schmerzhaftesten, deshalb mag ich Visual Composer in meinen Projekten nicht wirklich, deshalb habe ich eigentlich nie wirklich benutzt und ich kann ihn noch einmal zurückgehen. Obwohl ich die Pro-Version gekauft habe.

Ich werde Dir jetzt nicht sagen, dass die Verwendung der Premium-Version ein Verbrechen oder ein großes Problem ist, denn Elementor gibt Dir die gleiche Auswahl, aber es gibt einen großen Bonus, der mit Elementor-Themen auf unserem Marktplatz kommt, ich werde Dir später in diesem Beitrag mehr darüber erzählen, lies jetzt weiter.

Hier ist, was die Web-Entwickler von unserem Marktplatz über Visual Composer sagen:

Visual Composer ist ein echtes Ungeheuer, aber es bedeutet nur, dass man über ausreichende Fähigkeiten verfügen muss, um dieses Ungeheuer zu bändigen. Als Web-Entwickler fühle ich mich sehr wohl dabei, und das ist der Grund, warum wir es überhaupt erst in unsere Themes implementiert haben. Der Backend-Editor gibt mir die Freiheit, die mir keiner der existierenden Builder gibt.

Würde ich es regelmäßigen Benutzern empfehlen? Ich bin mir nicht sicher, ich würde nach etwas Benutzerfreundlicherem suchen. Wir haben jedoch unser Bestes getan, um sicherzustellen, dass unsere Themes für Sie einfach zu benutzen sind, indem wir die Themes so gestaltet haben, dass sie im Hinterkopf behalten.

Vor- und Nachteile von Elementor

Elementor.com Page-Builder

Elementor ist mehr als ein neuer Player auf dem Markt, aber die Anbieter haben sehr schnell damit begonnen, diesen Page Builder zu nutzen.

Dieser Page Builder hat seine größte Anstrengung in die vollständig anpassbaren Elemente gesteckt, so dass der Frontend-Editor der bequemste ist, den ich je benutzt habe. Wie Dir vielleicht denken kannst, habe ich schon einige verschiedene Builder wie Wix, Jimdo und andere verwendet.

Elementor Design Helfer

Eine Übersicht der kostenlosen Version von Elementor Widgets

Die größte Teil der Funktionen, die der Elementor Page Builder Dir bieten kann, sind die gleichen wie sie auch anderen auf dem Markt haben, aber es gibt einige wichtige Unterschiede, die ich für Dich hervorheben sollte.

Die Hauptvorzüge des Elementor Page Builder:

  1. Größtes Design-Control mit Optionen zur Größenanpassung von Abschnitten und Spalten
  2. Viele vorgefertigte Templates sind völlig kostenlos.
  3. Gute mobile Gestaltungsmerkmale (Desktop, Tablet, Handy)
  4. Große Liste an Optionen für die responsive Einstellungen
  5. Die einfachste Benutzeroberfläche unter allen Page Buildern auf dem Markt.
  6. Sie veröffentlichen ständig neue Features und Artikel.

Eine meiner Lieblingsbeschäftigungen in der  gesamten Elementor-Strategie ist die Tatsache, dass sie, als sie die Pro-Version ihrer Produkte herausbrachten, beschlossen haben, keines der bisherigen freien Features auszunehmen, die dieses Plugin bereits so stark im Markt etabliert ist

Es bedeutet, dass das kostenlose Elementor nicht zu einer Demoversion von sich selbst geworden ist und die Pro-Version nur einige zusätzliche Funktionen freigibt, die nicht die wichtigsten sind, die Du für die Entwicklung einer großartigen Website benötigst.

Die eingebauten Layouts sind fantastisch und die Sammlung ist ziemlich umfangreich. Wenn Du also ein WordPress-Thema mit dem enthaltenen Elementor kaufst, kannst Du sicher sein, dass Du es genau so aussehen lassen können, wie Du es Dir wünscht.

Das Entscheidende aber an Elementor ist die einfache Anwendung. Als ich zum ersten Mal in den Elementor Page Builder eintauchte und versuchte, meine erste Seite zu erstellen, googelte ich keine Frage und öffnete nicht einmal ihre Dokumentation. Alles ist so intuitiv, dass es selbst ein Schüler verstehen kann, wie man damit arbeitet.

Hier ist, was Marketer über Elementor sagen und warum sie es dem Visual Composer oder einem anderen Hersteller vorziehen:

Ich habe bereits 67 Webseiten mit Elementor Builder erstellt, das war eine erstaunliche Erfahrung und ein wirklich schnelles Geld! Warum schnell? Weil dieser Builder es mir erlaubt, eine Template-basierte Website innerhalb von 1 Werktag zu erstellen.

Stellen Sie sich vor – 1 Website in 1 Tag. Ich werde vielleicht nächstes Jahr ein Buch schreiben, ich nenne es so etwas wie “Wie der Elementor-PageBuilder mich zum Millionär gemacht hat”.

Hier kommt der coolste Teil über den Elementor PageBuilder: Sie können sich diesen kostenlos holen und zudem können auch das JetElements-Addon für den Elementor kaufen. Dieses Add-on enthält ab sofort 19 Module. Grundsätzlich können Sie alle Demos und Live-Vorschauen auf der JetElements Landing Page ausprobieren. Sie brauchen also nicht einmal die Pro-Version von Elementor mit diesem tollen Addon!

Fazit:

Um die Sache abzuschließen, muss ich sagen, dass Du vor der Auswahl eines korrekten WordPress Page Builder Deine Bedürfnisse und Erwartungen betrachten musst. Ich glaube, dass es zwei Ansätze für die Entwicklung der WordPress-Website gibt, und Du solltest einfach die Zielgruppe auswählen, auf die Du Deine Website anwenden könnest:

Wer genug Erfahrung in der Web-Entwicklung sowie keine Angst vor der komplizierten Benutzeroberfläche hat und einen guten Backend-Editor sucht, sollte sich für den Visual Composer Page Builder entscheiden.
Wenn Deine Zeit nicht mit dem Studieren der Dokumentation, dem Umgang mit einer komplexen Oberfläche und der Optimierung der Ladegeschwindigkeit Deiner Website verschwenden willst, solltest Du den Elementor Page Builder wählen.

Ich bin ein Textblock. Klicke den Bearbeiten-Button um diesen Text zu bearbeiten. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Top-Info: Landingpage erstellen, anhand abgestimmter Farben

Landingpage erstellen vorher - nachher

Wenn Du eine Landingpage erstellen willst, beabsichtigst Du ja ein bestimmtes Ziel erreichen, stimmt doch?

Eine Landingpage erstellen, eine Squeezepage, oder eine Eintragungsseite verfolgt doch einen bestimmten Zweck, oder? Dazu muss du dir Gedanken über diesen Zweck machen. Was soll oder muss er bewirken. Soll nur eine E-Mail-Adresse gewonnen oder soll ein Produkt verkauft werden. Eine weitere Überlegung ist die Gestaltung der Webseite. Hast du schon ein bestimmtes Corporate Identity, sprich deine eigenen Firmenfarben. Ein weiterer Punkt der oft vergessen wird ist, harmonieren denn die Farben überhaupt miteinander! Denn eines ist ja klar, wenn ich die falschen Farben wähle wird der Besucher die Seite schnell wieder verlassen und zwar ohne mein Angebot überhaupt zu würdigen. Du musst bedenken, der Besucher entscheidet nach dem ersten Eindruck. Und wie du unten siehst macht diese Farbstellung keinen harmonischen Eindruck.

Landingpage unharmonisch

Was ist ein Farbschema

Zu diesem Thema gibt es lange Abhandlungen im Internet. Die zum Teil sehr wissenschaftlich sind und viele Menschen beschäftigen sich professionell mit diesem Punkt. Da sind Verkaufspsychologen, Webdesigner, Texter, Werbegrafiker, aber auch Maler etc. Allein unter dem Suchbegriff “Farbschemata” gibt es über 1 Million Einträge auf Google. Aber, Gott sei Dank, es gibt auch mich und ich habe dir schon einige Tools aus dieser riesigen Menge herausgesucht. Toll was?

Da gibt es zum einen die Webseite von Chromaflo.com die das Theme sehr umfassend behandelt und wenn du Interesse an diesem Thema hast, besuche einfach mal die Webseite. Grundsätzlich kann man sagen, es gibt in den Farbschemata 4 grundsätzliche Richtungen. Diese werden:

  1. Monochromatisch (1-Farbe)
  2. Angrenzende Farben (3-Farben) manchmal auch als ähnlich
  3. Triade (3-Farben)
  4. Tetrade (4-Farben)

bezeichnet.

Hierzu habe ich mal 3 Tools für dich herausgesucht:

  1. Paletton
  2. Adobe Color CC
  3. Color Scheme Designer

Diese 3 Online Design-Tools helfen ungemein den richtigen und harmonischen Farbton zu finden. Mir persönlich gefällt das Tool von Paletton.com am besten, weil es einfach und bequem zu bedienen ist und ja, es ist auf Englisch aber sehr leicht zu bedienen. Das macht dir das Landingpage erstellen und die optimale Farbgebung erheblich einfacher. Denn du willst ja mit Sicherheit den maximalen Erfolg, wenn du eine Landingpage erstellst.

online-colorshemer-paletton_com

Landingpage erstellen: Und so sieht das harmonisch aus

Die Grundfarben sind Rot, Gelb, Blau. Im HTML-Code  sind das, Rot = #ff0000; Gelb = #ffff00; und Blau = 0000ff. Und daraus kann man jetzt, zum Landingpage erstellen im Colorshemer-Tool aus www. Paletton.com die einzelnen Grundfarben eingeben. Wie das geht zeige ich dir in diesem Video.

online-colorshemer-paletton_com
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=fC19N0UU5Ok

Unterhalb siehst du das Ergebnis. Hier habe ich die Farben aus dem Video angewandt. Ich hoffe das Ergebnis gefällt Dir und ich freue mich über einen Kommentar.

Landingpage harmonisch

10 Fehler die Du bei Landingpages vermeiden solltest

10 Fehler die Du bei deinen Landingpages

10 Fehler, die Du bei Deinen Landingpages nicht machen darfst

Was sind Landingpages eigentlich

Landingpages, ist dafür da, eine bestimmtes Produkt oder eine Dienstleistung zu bewerben. Und ganz wichtig dabei ist, es darf nur 1 Produkt oder 1 Dienstleistung sehr klar und deutlich beworben bzw. heraus gestellt werden. Es bringt nichts ellenlange Beschreibungen und Kundenmeinungen dabei hinzuzufügen. Denn bringt eine Landingpage keine Leads, Adressen, Interessenten oder Newslettereinträge hat sie ihr Ziel verfehlt. Somit kann man im Grunde sagen, je besser eine landingpage gemacht wurde, desto erfolgreicher wird man das jeweilig definierte Ziel erreichen. Welche Optionen du hast um dich besser zu präsentieren und mehr Umsatz zu machen. Das habe ich hier in den 10 Fehlern beschrieben, die du vermeiden solltest.

LP-EBook Schritt für Schritt
Landingpage

Fehler Nr. 1 - kein Ziel - kein Idealkunde

Den 1. Fehler, den sehr viele Marketer , besonders aber Einsteiger, begehen, ist. Sie haben keine Ahnung wer ihre Zielgruppe bzw. ihr Idealkunde ist. Die Meisten denken mein Produkt oder meine Dienstleistung braucht eigentlich Jeder. Denn es ist so genial. Aber ist das wirklich so? Jeder mensch hat bestimmte Bedürfnisse und Wünsche. Dies mündet in einem Ziel. Was heißt das jetzt aber genau. Nun, nehmen sie einmal mich. Ich bin fast 69 Jahre alt, männlich, Rentner und bin erstens nicht 100 % gesund und liebe die EDV sowie besonders das Internet und die Chancen. Ich kann aber gar nichts anfangen mit Computerspielen, mit Schicki-Micki, dumpfen Fernseh-Serien. Das heißt jetzt, Du kannst mir Werbung schicken für GZSZ oder ähnliches etc. Es interessiert mich nicht. Ich werde es nicht anschauen und wenn man mich nervt ist es Spam und ich werde sauer.

Fazit: Also beschäftigt Euch mit eurer Zielgruppe und erstellt ein Kunden-Avatar, definiert euren idealen Kunden. 

Fehler Nr. 2 - keine knackige Headline bei Landingpages

Den 2. Fehler, bei dem zahlreiche Einsteiger riesige Schwierigkeiten haben, ist, dass Sie keine Top-Headline für Ihre Landingpages erstellen können, die anspricht und den Interessenten fesselt.

Das bedeutet, es muss lupenrein kommuniziert werden, was den Besucher bzw. Interessent erwartet und um was es geht. 

Eindeutige Aussagen kommen einfach am besten an. Eine Haupt-Überschrift muss klar, einfach und verständlich sein. Als Ergänzung darf und sollte eine Subheadline, also eine Unter-Überschrift nicht fehlen.

Fazit: Nur mit einer fesselnden Haupt-Überschrift, knackst Du deine Besucher.

Landingpages fesselnde und Headlines

Fehler Nr. 3 - Erwartungshaltung sowie Rechtschreibung

Immer wieder erlebst du sicherlich auch und das sollte eigentlich selbstverständlich sein, die Rechtschreibung ist zum Teil mangelhaft. Ja, ich kenne das auch! Du sitzt vor dem Rechner und tippst in den Editor deinen Text. Doch dieser Gerät schreibt einfach etwas ganz anderes. Also ist es immer wichtig, den gesamten Text selbst durchzulesen oder besser noch von einer anderen Person gegenlesen zu lassen.

Denn Du willst je Deinem Gegenüber etwas tolles bieten und Dich als Experte präsentieren. Da machen Rechtschreibfehler keinen guten Eindruck.

Ebensowenig ist es hilfreich wenn die Erwartungshaltung, die Du durch die Werbung erzeugt hast, nicht erfüllt wird. Wirbst Du mit einem Gratis E-Book, dann kannst Du nicht eine Angebot für 9,99 € zeigen. 

Du denkst Dir jetzt bestimmt, das ist doch logisch, aber sicherlich hast Du solche oder ähnlich Fehler auch schon erlebt.

Fazit: Lieber 5 mal schauen ob alles so ist, dass es Deine zukünftigen Kunden animiert auf deiner Landingpage zu bleiben und letztendlich den Butten zu drücken.

Fehler Nr. 4: Kein oder das falsche Bild oder Video

Neben der Headline ist ein aussagekräftiges Bild oder Video der wichtigste und entscheidendenste Punkt für den Erfolg der Landingpage. Das Bild auch “Heroshot” genannt, muss klar das Angebot und die Nutzen zeigen, wenn man das Angebot annimmt.
Klar muss auch der Text das noch einmal aussagen. Jedoch, wie heißt es so schön:

Ein Bild sagt mehr als tausend Worte.

Allerdings sind kurze Videos von 1 -2 Minuten, die das essentielle des Angebots, verbunden mit einer klaren Handlungsaufforderung noch viel stärker.

Fazit: Denke daran ein “Heroshot”-Bild oder ein knackiges Video hilft dem Interessenten bei seiner Entscheidung und da der Interessent uns seine wertvolle zeit schenkt, müssen wir damit respektvoll umgehen.

Fehler Nr. 5 - Wenig oder kaum Vertrauensaufbau

Der Vertrauensaufbau ist ein wichtiges Detail um dem Besucher und Interessenten positiv zu stimmen. 

Was gehört jetzt aber dazu: Wenn man über echte Testimonials verfügt, sind diese ein hervorragendes Instrument des Vertrauensaufbaus. Daneben sind Siegel von anderen Institutionen wirkungsvoll. Aber bitte nur solche die man auch selbst nutzen darf.

Aber bitte nicht übertreiben und denkt daran weniger ist oft mehr. Was heißt das jetzt wieder! Vermeidet jedwede Ablenkung. Sei es durch Menüs oder zusätzliche Informationen. Das einige was noch an Links sein muss ist das Impressum und der Datenschutz, also alles was rechtlich notwendig ist.

Fazit: Ohne Vertrauensaufbau, wird der Besucher die Seite nur kurz überfliegen und wieder verschwinden.

Fehler Nr. 6 - Keinerlei Vorteile oder Nutzen

Oftmals werden, statt Vorteile bzw. Nutzen, nur die Eigenschaften eines Produktes oder einer Dienstleistung aufgeführt.

Das berühmte Beispiel, das Dir sicher auch bekannt, ist lautet:

Du willst ein Loch in die Wand haben, um ein Bild auf zu hängen, nur darum kaufst Du eine Bohrmaschine.

Denke genau über die Vorteile Deines Produktes oder der Dienstleistung nach. Und zwar aus Sicht der zukünftigen Kunden. Und fasse die am sinnvollsten in Form eines Listenelementes, wie unten dargestellt, zusammen.

  1. Headline 1
  2. Sub-headline 2
  3. Bild oder Video 3
  4. Nutzen und Vorteile 4
  5. Call-to-Action 5

Gut kommt es an, wenn Du die Zeilen der Auflistung unterschiedlich formatierst, so wie ich das oben dargestellt habe.


Fazit: Vermeide diesen fatalen Fehler, denn ohne Vorteile keine neuen Interessenten oder Kunden.

Fehler Nr. 7 - Call to Action fehlt oder ist undeutlich.

Die klickstarke Landingpage besitzt auch einen klaren Call-to-Action Button. Damit ist aber weder die Farbgebung noch die Form des Buttons gemeint.Das Entscheidende ist, durch die eindeutige Handlungsauffoderung muss klar werden, was getan werden muss um das entsprechende und gewünschte Ergebnis zu bekommen.

Das kann von einem “Klicke hier” bis zu einem “Jetzt hier zum Newsletter anmelden und Geschenk abholen” gehen. Je nachdem, um was es auf der Landingpage geht.

Im Grundsatz geht es bei dem Call to Action darum sich als Inhaber der Landingpage, immer klar äußert. 

Fazit: Hat man als Betreiber keinen eindeutigen Call to Action, verliert man schnell, eventuell mögliche Interessenten, Kunden oder Käufer.

Fehler Nr. 8 - Bei der Landingpage fehlt Dringlichkeit

Vielen Einsteiger ins Marketing ist nicht klar, dass Besucher einer Landingpage, die dieser, ohne Aktion, wie Anmeldung, Kauf oder Download wieder den Rücken kehren, zum einen Geld gekostet haben und zum anderen sehr wahrscheinlich verloren sind. So müssen wir nach dem Motto verfahren

Jetzt oder nie

Das heißt wiederum, Du musst alles tun, damit der Besucher, jetzt auf der Stelle, während er auf der Landingpage ist, den Button anklickt! Aus diesem Punkt ist es nötig, ein wenig sanften Druck zu erzeugen. 

Wie kann das geschehen? Etwa, in dem ein zeitlich befristeter Produktverkauf oder ein kostenloser Download angeboten wird.

Fazit: So wird beim Besucher die “Angst” vor Verlust, etwas nicht zu bekommen oder Geld zu verlieren, erzeugt. Das kann zu spürbarem Anstieg der Anmeldungen oder Käufe führen.

Fehler Nr. 9 - Wichtige Inhalte sind nicht im sichtbaren Bereich

Im Marketing und bei Landing-Pages wird oft mit viel zuviel Information gearbeitet und so die Landing Page überfrachtet.

So rutscht oft der entscheidende Teil der Seite aus dem sichtbaren Bereich des Bildschirmes. Wissenschaftlich ausgerückt, ist der Call to Action nicht “Above the Fold”. Was ist damit gemeint? Nun wenn man eine Zeitung anschaut, sieht man die Hauptüberschrift und das wesentliche oben auf der Seite. Auch wenn diese gefaltet ist.

So soll es bei Landingpages, aber auch auf jeder Webseite sein. 

Daher ist es wichtig, dass für den Erfolg einer Landingpage, Headline, Sub-Headline, Bild o. Video und Button (Call to Action) sofort auf dem Bildschirm zu sehen sind.

Fazit: Bitte schaue jede Landingpage auch im fertigen Zustand auf dem Bildschirm dem Tablet und dem Smartphone an.

Fehler Nr. 10 - Tests werden nicht gemacht

Was bei einer Landingpage funktioniert oder wie diese beim Besucher ankommt, läßt sich nicht zu 100% voraussagen.

Grundsätzlich sollte man sich an diesen 10 Punkten orientieren. Da man einerseits auf das zu bewerbende Produkt oder die Dienstleistung berücksichtigen muss und auf der anderen Seite die Anforderungen der Besucher nicht genau kennt, ist eine Konzeption einer jeden Landingpage empfehlenswert. 

Doch das reicht nicht aus. Nein – jetzt geht die Arbeit erst richtig los. Warum? Nun es muss einfach getestet werden. Das heißt, regelmäßig die Ergebnisse zu analysieren. Headlines, Sub-Headlines, Bilder etc. zu verändern. 

Aber nur nach und nach. Und nur 2 Variationen gegen einander. Das wird nach und nach die richtigen Erkenntnisse bringen und anschließend auch die gewünschten Ergebnisse

Fazit: Wenn Du also Landingpages erfolgreich nutzen willst, dann empfehle ich Dir das Buch hier von Tim Ash. Dort erfährst Du so ziemlich alles wissenswertes über Landingpages.

10 Fehler die Du bei deinen Landingpages vermeiden solltest
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=q34ESeqtq_I

Elementor PageBuilder

Elementor.com Page-Builder
Elementor.com Page-Builder

Schneller als die Meisten

Kein Drag & Drop mehr. Mit Elementor können Sie auf dem Frontend mit sofortigen Echtzeit-Ergebnissen arbeiten

Gratis & Open Source

Elementor ist der erste vollständig kostenlose und Open-Source-Frontend-Webseitengenerator, der vollen Zugriff auf alle Designfunktionen bietet, die Sie benötigen könnten.

Einfach zu benutzen

Jede Steuerung wurde sorgfältig ausgewählt, um die beste Benutzerhilfen zu bieten und ermöglicht es Ihnen so, mit Rekordgeschwindigkeiten neue Webseiten zu entwerfen

Keinen Code schreiben

Erreichen Sie High-End-Designs ohne Code schreiben zu können. Der resultierende Seitencode ist für jedes Gerät und jeden Bildschirm kompakt und optimiert

Mit jedem Theme. Jede Seite.

Verwenden Sie Elementor mit Ihrem Lieblings- oder angepassten Thema. Ändern Sie Themen und behalten Sie alle Ihre Designs. Zielseiten, Homepages, Beiträge, Portfolios, Produkte. Elementor kann zum Entwerfen einer beliebigen Seite oder eines benutzerdefinierten Beitragstyps verwendet werden.

Perfekte Pixel

Komplette Anpassung über das gesamte Layout

Sektionen in Breite und Höhe

Gehen Sie über die bisher schlichten und universellen Seitenentwürfe hinaus, indem Sie mehr Kontrolle über die unterschiedlichen Sektionen haben werden. Die einzelnen Seitenbereiche von Elementor bilden die fundamentale Architektur der Seite und ermöglichen es Ihnen, eine Design zu erreichen, die bisher ausschließlich für benutzerdefinierte Websites mit hohen Kosten reserviert war.

Größe der Spalten ändern

Mit der Größe der Spalten zu arbeiten war nie einfacher. Ergreifen Sie eine der Ecken und ziehen Sie sie, bis das Spaltenlayout genau richtig ist. Sie können auch in den Standardeinstellungen auswählen und der Reihe einfach weitere Spalten hinzufügen. Mit Elementor haben Sie die vollständige Kontrolle über die Höhe und Breite Ihrer Spalten.

Position von Spalten und Inhalt

Mit Elementor können Sie festlegen, ob die Spalte am oberen, mittleren und unteren Rand eines Abschnitts positioniert oder auf den gesamten Abschnitt ausgedehnt werden soll. Sie können den Inhalt auch auf dieselbe Weise innerhalb der Spalte positionieren. Diese einzigartige Funktion gibt Ihnen die Freiheit, ein Design zu erstellen, das viel individueller ist.

Einstellung von Innen & Außenabstand

Legen Sie den inneren und äußeren Rand für Abschnitte, Spalten und Widgets mithilfe von px, EM oder in % fest. Diese Funktion ist einzigartig für Elementor. Ohne die Verwendung von % oder EM kann die von Ihnen gewählte Größe der Überschrift in Mobilgeräten zu riesig aussehen. Mit unseren dynamischen Größeneinstellungen können Sie die verschiedenen Skalierungsmöglichkeiten voll ausnutzen.

Spaltenlabstand

Ändern Sie den Abstand zwischen den Spalten, damit Ihr Design gut zur Geltung kommt. Indem Sie den Abstand auf einmal ändern, können Sie verschiedene Spaltenlayouts ausprobieren und dabei visuell entscheiden, welche die beste Anpassung ist. Diese Einstellung ist erstaunlich einfach anzupassen, macht aber einen großen Unterschied im Endergebnis.

© Bilder & Texte stammen von Elementor und übersetzt von Jörg Rothhardt

Diese Website speichert einige Informationen über die Besucher. Diese Daten werden verwendet, um eine persönlichere Erfahrung zu ermöglichen und um Ihren Aufenthaltsort auf unserer Website in Übereinstimmung mit der Europäischen Allgemeinen Datenschutzverordnung zu verfolgen. Wenn Sie sich dazu entschließen, das Tracking zu deaktivieren, wird in Ihrem Browser ein Cookie eingerichtet, das diese Auswahl ein Jahr lang speichert.. OK, Nein
646