Elementor: #1 WordPress Page Builder

Elementor

Erstellen Sie Websites, gestalten Sie Ihre Zukunft

Treten Sie unserer Community von über 8 Millionen Profis bei, die Websites erstellen, zusammenarbeiten und zusammen mit der führenden Web-Erstellungsplattform für WordPress wachsen.

 

Live Drag & Drop-Editor

Erstellen und passen Sie jeden Teil Ihrer Website intuitiv mit dem visuellen Builder von Elementor an. Nullcodierung erforderlich.

 

90+ Widgets

Erreichen Sie Ihre Designziele mit einem Widget für jeden Bedarf und voller Freiheit bei der Anpassung.

 

Pixel-perfektes Design

Erstellen Sie makellose Websites mit benutzerdefinierten Positionen, Auffüllungen, Rändern und globalen Einstellungen für Farben und Typografien.

 

Eine Plattform, unbegrenzte Web-Kreationen

Von Landingpages und E-Commerce-Shops bis hin zu ausgewachsenen Websites – erstellen Sie alles mit Elementor.

 

Erweiterte Web-Erstellung

Erstellen Sie einzigartige Websites mit fortschrittlichen Animationen, benutzerdefiniertem CSS, separaten responsiven Designs und mehr.

 

Professioneller Workflow

Optimieren Sie Ihre Projekte und erstellen Sie konsistente Webdesigns mit einer benutzerdefinierten Vorlagenbibliothek und globalen Designeinstellungen.

 

Verbesserung von WordPress

Eliminieren Sie die Notwendigkeit für mehrere Plugins. Erstellen Sie professionelle Websites und erhöhen Sie die Seitengeschwindigkeit in Elementor.

 

Erweitern Sie Ihre Fähigkeiten
und wachsen Sie beruflich

Unsere Ressourcen und Tools wurden entwickelt, um Ihnen zu helfen, Ihre Fähigkeiten auf allen Ebenen zu erlernen, zu erweitern und zu entwickeln.

  • Blog, Holen Sie sich Expertentipps zur Web-Erstellung und die neuesten Elementor-Neuigkeiten.
  • Akademie, Greifen Sie auf Hunderte von Video-Tutorials und Kursen rund um die Web-Erstellung zu.
  • Entwickler-Hub, Durchsuchen Sie die umfangreiche Ressourcenbibliothek von Elementor für Entwickler.
  • Hilfezentrum, Ihre Anlaufstelle für Schritt-für-Schritt-Anleitungen zur Verwendung von Elementor.

 

Warum Elementor als Page Builder?

Mit Elementor erstellte Websites: 8M+
Globale Community-Mitglieder: 140K+
Meetup-Events: 400+

Tutorials, Webinare, Kurse und mehr: 330+ im Jahr 2020

 

Vom Benutzer erstellt, vom Benutzer gesteuert

Add-Ons von unseren Benutzern

Profis aus unserer Community haben benutzerdefinierte Add-Ons für Elementor entwickelt, die unsere große Auswahl an Website-Vorlagen und Widgets erweitern.  Add-Ons durchsuchen

 

Bau dein eigenes

Elementor wurde als Open-Source-Tool mit umfangreicher API entwickelt und ermöglicht es Ihnen, unser Produkt durch die Entwicklung eigener Vorlagen und Widgets zu erweitern.  Erfahren Sie mehr

 

Wie gut ist der Page Builder?

Elementor eignet sich perfekt, um der eigenen Webseite zeitnah ein individuelles und professionelles Design zu verleihen. Ohne große Kenntnisse im Bereich PHP, CSS oder Design macht Elementor es auch Einsteigern möglich, eine ansprechende Webseite zu gestalten. Ursprünglich als Page-Builder gestartet, ist Elementor mittlerweile zum hilfreichen Allround-Design-Plugin durch gestartet und rangiert als #1 Plugin der Branche. Mit Elementor ist es möglich, Bereiche der Webseite oder auch ganze Webseiten ohne Coding zu designen, weshalb es berechtigt ist, Elementor als Theme-Builder zu bezeichnen.

 

Elementor Free vs Pro

Bereits die Free-Version von Elementor kann mit zahlreichen Premium-Page-Buildern mithalten. Die Widgets in Elementor Free können mit kostenlosen Add-ons erweitert werden. Selbst die kostenfreien Templates bieten ein sehr gutes Design und können sich sehen lassen. Für alle Neueinsteiger bietet die Free-Version einen optimalen Startpunkt. Ohne Vorkenntnisse im Programmierungsbereich ist es für Anfänger möglich, sich schnell mit den Einstellungsmöglichkeiten vertraut zu machen. Durch die Vorlagen lässt sich der Design-Prozess sehr verkürzen, was Zeit spart und Ressourcen schont.

Die Pro Variante bietet im Gegensatz zu Elementor Free erweiterbare Theme-Builder Funktionen. In der kostenlosen Variante zeigt Elementor die klassische Page Builder Funktionalität. So ist es zum Beispiel nur möglich, Elemente von Beiträgen oder einzelnen Seiten im Inhaltsbereich zu gestalten. Elementor Pro ermöglicht eine gestalterische Anpassung sich wiederholender Elemente wie Sidebar, Kopf- oder Fußzeile (was sehr viel Arbeit spart, wenn man mal über zig Seiten hinweg das gleiche Element anpassen muss bei Änderungen). Auch Archiv- oder Indexseiten eines Designs lassen sich mit Elementor Pro automatisch übertragen.

 

Elemente der Free Variante

Man sieht schon in der Übersicht, dass die kostenlose Elementor Version einiges zu bieten hat:

Von Sektionen über Textelemente bis hin zu Bildern, Tabs, Akkordeons, Countern und Testimonials ist alles dabei.

Elementor bietet schon kostenfrei jede Menge Elemente für das Bauen von Webseiten.

 

Elemente der Pro Variante

In der Pro Variante wird das Angebot an Widget-Elementen noch deutlich erweitert um Portfolios, Slider, Formulare, Flipboxes, Countdowns, Preistabellen und vieles mehr.

Elementor Pro Features im Überblick:

  • Portfolio
  • Slides
  • Loginfelder
  • Formulare
  • unterschiedliche Blogansichten
  • Menüs
  • vordefinierte Templates
  • Preislisten
  • Call-to-Action Buttons
  • Preistabellen
  • Testimonials
  • Animierte Überschriften
  • Autorboxen
  • Suche
  • WooCommerce Elemente
  • Custom CSS Code Globale Widgets

Die Pro Version erweitert das Angebot an Widgets noch einmal deutlich.

Außerdem gibt es noch jede Menge Widget-Elemente für Theme-Building und WooCommerce Shops. Das Angebot ist wirklich reichlich:

Für Themes und WooCommerce Shops hat Elementor Pro noch viel mehr auf Lager.

 

Elementor, die Core Web Vitals und generell Performance

Elementor hat sich selbst auf die Fahne geschrieben in Zukunft jede Veränderung an der Site auf Performance hin zu prüfen. Jedes Update am Plugin wird vor Veröffentlichung erstmal einem Performance-Audit unterworfen, so dass keine Probleme mit der Geschwindigkeit zu erwarten sind. Zudem plant Elementor für die kommenden Updates Optimierungen, die auch für die Core Web Vitals Vorteile bringen und hat bereits Optimierungen eingebaut:

  • Nur Code Laden, der benötigt wird
  • Lazy Loading
  • Request Minimierung
  • Native Browsersupports nutzen statt eigene Scripte auszuliefern
  • Optimierung von internen JavaScript und CSS Files
  • Optimierter Backend und Rendering Prozess inkl. Caching
  • Schlankerer und besserer Code-Output

Natürlich hängt die Performance einer Elementor Site nicht nur an Elementor. Auch installierte Plugins haben Einfluss. Auch das verwendete Theme spielt eine große Rolle. Somit kann man schwer eine klare Aussage geben, ob alle Elementor Sites die Core Web Vitals bestehen werden. Fest steht allerdings, dass das Team um Elementor herum alles tun wird, dass Elementor hier nicht zum Flaschenhals wird.

 

.htaccess Tricks für eine bessere Performance bei Elementor Webseiten

In dem Hauptverzeichnis eurer WordPress-Installation, liegt immer auch die sogenannte .htaccess, welche bereits einige Regeln enthält, die WordPress oder verschiedene Plugin hinzugefügt haben. Diese Datei ist sehr mächtig und kann, mit den richtigen Snippets ausgestattet, für eine deutlich bessere Performance sorgen. Damit ihr nicht lange suchen müsst, habe ich euch die besten Code-Schnipsel für eure .htaccess herausgesucht.

# GZIP Komprimierung komplett aktivieren
 <IfModule mod_deflate.c>
 SetOutputFilter DEFLATE
 </IfModule>

# Browser Caching

# Bilder etc.
<FilesMatch "\.(ico|pdf|jpg|jpeg|png|gif|js|css)$">
Header set Cache-Control "max-age= 31536000"
</FilesMatch>

# HTML-Seiten für 1 Minute im Cache
<FilesMatch "\.(html|htm)$">
Header set Cache-Control "max-age=60"
</FilesMatch>

# Image Hotlinking verbieten (Website eintragen)
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?WEBSITE.at [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ http://deinbild.jpg [NC,R,L]

Suki Theme Logo
Brizy WordPress Page Builder: Perfekt für Landing Pages
Durch das Preis Leistungsverhältnis, sowie der Kompatibilität zu Zahlreichen Tools, Themes & Plugins, sowie der Performance bei kleineren Seiten ist der Brizy Page Builder der perfekte Weg zur Umsetzung Ihrer Landing Page.
Coperate Identity
Corperate Identity: Was ist das und wieso ist sie so wichtig?
Corporate Identity bezeichnet ein komplexes strategisches Konzept, welches inhaltlich und förmlich alle Unternehmensaktivitäten vereinigt.
Webseiten Performance
Mit htaccess WordPress Ladezeit verbessern
Die Performance von Webseiten gehört mit zu den wichtigsten Usability Faktoren. Mit Hilfe der htaccess können wir diese an die Spitze treiben.
  • All
  • Branding
  • Customizer
  • Design
  • DTF-Transferdruck
  • Hosting
  • Marketing
  • Merchandise
  • Mode Design
  • Page Builder
  • Performance
  • Plugins
  • Security
  • SEO
  • Textildruck
  • Theme
  • Transferdruck
  • Woocomerce
  • WordPress
Webseiten Performance
Mit htaccess WordPress Ladezeit verbessern
Die Performance von Webseiten gehört mit zu den wichtigsten Usability Faktoren. Mit Hilfe der htaccess können wir diese an die Spitze treiben.
DWV Rabatte
Dream Web Visions: Stundenpakete
Du kaufen unsere Arbeit für dich zum günstigen Paketpreis ein und kannst jederzeit einfach aufstocken, ganz nach Deinen Bedürfnissen! Flexible Leistung für dich.
Web Programming Dream Web Visions
Warum Dream Web Visions als Werbeagentur?
Besser jedem das Richtige als allen das gleiche. Bei einem persönlichen Gespräch erarbeiten wir mit Ihnen ein maßgeschneidertes Angebot auf Ihre Bedürfnisse abgestimmt aus.