WordPress Page Builder Anleitung für Elementor

WordPress Page Builder Anleitung für Elementor

Warum ein Page Builder und wieso Elementor?

Pagebuilder ersetzen den vorhandenen WordPress-Editor. Mit einem PageBuilder ist es einfacher (und schneller) gut gestaltete Webseiten zu erstellen. Je besser die Gestaltung deinen Verkaufsprozess unterstützen kann, desto mehr wirst du verkaufen.

Pagebuilder gestalten genau genommen nicht die ganze Seite, sondern nur den Body auf der Seite (also den Inhaltsbereich), sind also eigentlich eine Art Content­-Area-Builder.

Andere Layout­bereiche wie Header, Footer und Sidebar kommen in der kostenloses Basisversion vom Theme (außer du nutzt Elementor Pro) und werden wie gewohnt bearbeitet und gestaltet.

Page Builder können Seiten gestalten aber auch Blogbeiträge deutlich aufmotzen.

Pagebuilder erstellen Layouts, die aus drei Komponenten bestehen:

  • Zeilen (row).
  • Spalten (column).
  • Elemente innerhalb der Spalten.

Zeilen, Spalten und Elemente (Widgets): Diese dreistufige Hierarchie gilt für alle Page­ Builder, auch wenn die Komponenten manchmal anders genannt werden.

Die Arbeit mit einem Page Builder ähnelt dem Hinzufügen von Widgets im Footer. Es ist ein bisschen wie mit Power Point zu arbeiten.

Die Page Builder-Elemente im Elementor  sind so sehr vielfältig. Es gibt Text, Überschriften, Buttons, Bilder, Tabs, Akkordeons, Listen mit Icons oder farbige Kästen, aber Page Builder sind durch das visuelle Arbeiten auch für komplexere Layoutstrukturen geeignet.

WordPRess Page Builder gibt es mehr als einen. Der Markt ist inzwischen absolut überfüllt. Es gibt viele kostenlose WordPress Page Builder und auch Themes, die einen eignen Page Builder installiert haben (wie zum Beispiel Divi Theme Page Builder oder den Enfold Page Builder).Mit den meisten habe ich als Webdesignerin schon gearbeitet und mich am Ende doch für den Elementor Page Builder entschieden.

Ich liebe den Elementor, weil er für Anwender einfach zu erlernen ist, sehr schnelle Webseiten erstellt und eine sehr gute Kontrolle über die mobile Ansicht erlaubt.

Hier geht es nun um die Installation und die Anwendung des Elementor Page Builders*.

Die Installation von Elementor

Über Plugins => Installieren kannst du den Elementor installieren.

WordPress Page Builer Anleitung

 

Suche Elementor und lade dir das Plugin herunter (bei mir ist der Elementor schon aktiv).

Download Elementor Page Builder, WordPress Page Builer Anleitung

Du musst das Plugin downloaden und aktivieren.

Elementor: Einführung in den WordPress Page Builder

*

*

Ich erkläre dir mal die Elementor-Sidebar am linken Bildrand:

  • Im pinken Blaken ganz oben gibt es links ein Menü für allge­meine Einstellungen (drei Striche) und rechts einen Button mit neun Punkten, der dich immer wieder zurückbringt.
  • Darun­ter ist das Suchfeld
  • In der Mitte sind die Elemente. Überschriften, Texte, Bilder, Videos, Buttons und viele andere Dinge.
  • Du kannst die Breite der Elementor Sidebar mit der Maus ändern oder die Sidebar komplett einklappen.
  • Ganz unten: Einstellungen (Rädchen), Rückgängig (Pfeil mit der Uhr) Mobile Ansicht (Monitor), Vorschau (Auge) und Speichern.

Elementor: Erstelle eine Seite mit dem Elementor

Am Beispiel der Über mich Seite erkläre ich die wichtigsten Funktionen. Natürlich könnte ich hier episch viel Text mit Screenshots platzieren: Aber wofür gibt es denn bitte Video-Tutorials?

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Tipps zum Elementor Page Builder

Nutze die Vorlagen, die der Elementor dir zur Verfügung stellt:

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Deine Sales Page erstellen

Für meine Kunden habe ich eine Salespage Vorlage erstellt, die gut konvertiert und die in ein paar Minuten erstellt ist. Du bekommst die Vorlage, wenn du mein Buch kaufst.

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Footer erstellen mit dem Elementor Page Builder

Wenn du ein paar Euro in die Hand nimmst und dir die Pro Version des Elementor* kaufst, dann kannst du auch deinen Footer mit dem Elementor erstellen.

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

WordPress Page Builder: Elementor ist extrem nutzerfreundlich

Seit ich meinen Kunden den Elementor installiere, habe ich kaum noch Nachfragen. Die Pflege der eigenen Homepage ist auf einmal ein Kinderspiel und so sollte es ja auch sein.

Ich kann den Elementor als WordPress Page Builder wirklich sehr empfehlen.

*Affiliate Links (Wenn du etwas über diesen Link kaufst, erhalte ich eine kleine Vermittlungsgebühr. Für dich ändert sich dadurch aber nichts.)

Willst du keine Blogartikel mehr verpassen?

Expertentipps für deine Webseite

  • Tipps & Tricks, um deine Webseite zu verbessern
  • Ideen & Angebote für deine Kunden
  • Angebote und exklusive Specials
  • Spannende Stories und Klatsch & Tratsch aus meinem Webdesigner-Alltag
Webdesign Darmstadt, Medienagentur Darmstadt, Webagentur Darmstadt, Suchmaschinenoptimierung Darmstadt, SEO Darmstadt, Gestaltung Darmstadt, Wordpress Darmstdt, Internetagentur Darmstadt

*Pflichtfeld. Du kannst dich jederzeit mit einem Klick wieder abmelden.
Meine E-Mails enthalten neben zahlreichen kostenlosen Tipps und Inhalten auch Informationen zu meinen Produkten, Angeboten, Aktionen und zu meinem Unternehmen.
Hinweise zum Datenschutz, Widerruf, Protokollierung sowie der von der Einwilligung umfassten Erfolgsmessung erhältst du unter Datenschutz.

Scroll to Top
Besser als dein Wettbewerb in nur 5 Tagen?

Mein konkreter Plan zeigt dir, 5 Tage in Folge meine besten Tipps, für einen Wettbewerbsvorteil, mit dem du garantiert Kunden gewinnst.

Außerdem bekommst du die ersten 20 Seiten meines Buches kostenlos zum Download.