Warum Sie benutzerdefinierte Elementor-Widgets verwenden sollten

Heute werden wir über benutzerdefinierte Elementor-Widgets sprechen und darüber, wie sie jede Website unabhängig von ihrer Art und Größe verbessern können.

Von Dutzenden beliebter Drag-and-Drop-WordPress-Seitenersteller ist Elementor der intuitivste. Diese Tatsache macht es zum beliebtesten Seitenersteller sowohl für Entwickler als auch für Laien. Mit zusätzlichen Tools (Designs, benutzerdefinierte Widgets und Add-Ons) wird das Entwerfen von Websites zu einem kreativen Prozess, bei dem fast keine technischen Schritte erforderlich sind.

Aber zuerst fangen wir mit den Grundlagen an.

Was ist ein Widget?

Widgets sind ein Kernelement jeder Elementor-Website. Sie sind Bausteine ​​Ihres Designs und können einfach in jede Seite an jeder Stelle eingefügt werden. Widgets können für eine bestimmte Aufgabe verantwortlich sein, wie das Erstellen von zusätzlichem Abstand zwischen Modulen, das Einbetten eines Bildes oder das Einfügen eines Titels. Oder sie können Ihnen helfen, erweiterte Inhaltselemente zu erstellen. Ein Widget kann alles darstellen, von einem einfachen Absatz und einer Schaltfläche bis hin zu Schiebereglern, Postkarussells, Preisboxen, Produktlisten und mehr.

Derzeit zählt die kostenlose Version von Elementor über 30 Standard-Widgets sowie über 14 Widgets, die sich auf Ihr Thema beziehen (Kopfzeilen, Fußzeilen, 404-Seite usw.).

Wenn Sie Plugins verwenden, die mit ihren eigenen Widgets geliefert werden (z. B. WooCommerce oder eine Bibliothek mit benutzerdefinierten Widgets), sehen Sie diese auch im Elementor-Menü:

Über benutzerdefinierte Widgets für Elementor

Die große Popularität von Elementor wurde nicht nur durch eine flexible Drag-and-Drop-Oberfläche bestimmt. Obwohl das Plugin für Anfänger ziemlich intuitiv ist, bietet es Funktionen für professionelle Entwickler, um benutzerdefinierte Elementor-Lösungen zu erstellen.

WordPress-Entwickler von Drittanbietern nutzten diese Gelegenheit, um ihre eigenen Add-Ons mit benutzerdefinierten Elementor-Widgets zu erstellen. Sie waren sowohl für Benutzer ohne Programmierkenntnisse als auch für Fachleute hilfreich, die nach einer fortschrittlichen und sofort einsatzbereiten Lösung suchen.

Lesen Sie weiter, wenn Sie wissen möchten, warum Sie eine zusätzliche Sammlung kostenpflichtiger oder kostenloser Add-Ons für Elementor haben sollten.

Warum benutzerdefinierte Elementor-Widgets verwenden?

1. Unbegrenzte Auswahl an Elementor-Widgets

Die WordPress.org-Bibliothek zählt Dutzende von Plugins mit benutzerdefinierten Elementor-Widgets auf. Die meisten von ihnen funktionieren als universelle Lösungen, sodass ihre Elemente für alle Arten von Websites nützlich sind.

Zum Beispiel ein Homepage-Media-Slider-Widget:

Andere gängige Widgets, die Sie in solchen Plugins finden können, sind:

• Post-Display-Widgets (Listen, Raster usw.)
• Zähler & Countdowns
• Preislisten & Preistabellen
• Zeitleisten
• Google Maps
• Flip-Boxen
• Social-Media-Widgets
• Popups und mehr.

In der Zwischenzeit bieten einige Elementor-Addons Widgets für bestimmte Zwecke wie Online-Shopping, Erstellen des Website-Layouts usw.

Die gängigsten WooCommerce-orientierten Widgets sind Produktregisterkarten, Produktliste, Produktkarussell, Kategorie, Schieberegler, Mini-Einkaufswagen und Menü.

Quelle: Premium-Addons

Außerdem gibt es Plugins, die sich in Elementor integrieren, indem sie ein separates Widget erstellen. Zum Beispiel bietet unser MotoPress Hotelbuchungs-Plugin ein kostenloses Elementor-Integrations-Addon, mit dem Sie ein Buchungsformular-Widget zu jedem Website-Bereich hinzufügen können.

Ein weiteres nennenswertes Addon ist das Stratum Elementor Mega Menu . Genau wie bei der Hotelbuchung handelt es sich um ein einzelnes Widget, mit dem Sie das Aussehen Ihres Mega-Menüs direkt im Seitenersteller bearbeiten können.

2. Erweiterte Funktionalität

Bei professionell gestalteten Websites soll jedes ihrer Elemente einem bestimmten Ziel dienen (z. B. Handlungsaufforderung, Buchungsassistent, Produktlisting usw.). In vielen Fällen umfasst ein Element mehr als ein Ziel. Aber grundlegende Elementor-Widgets sind nicht dafür gemacht, mehrere Inhalte in ein Element zu passen.

Beispielsweise müssen Sie Erfahrungsberichte auf einer Unternehmenshomepage einfügen. Wenn Sie Elementor PRO nicht gekauft haben, können Sie nicht auf ein Premium-Testimonial-Widget zugreifen und nur sein kostenloses Analog verwenden. Sie möchten mindestens drei Benutzerberichte haben, aber Sie möchten auch Platz auf einer Seite sparen.

Die beste Lösung ist die Verwendung eines Widgets mit einem Karussell-Layout. Ein kostenloses Testimonial-Element unterstützt ein solches Format eindeutig nicht. Aber zum Glück finden Sie das gleiche Widget in den Addons wie Stratum :

3. Fortgeschrittenes Styling

Erweiterte Funktionalität kommt mit erweiterten Styling-Optionen. Dies sind die Hauptgründe, warum benutzerdefinierte Widgets von Drittanbietern existieren. Sie erhalten mehrere Styling-Funktionen, die im visuellen Drag-and-Drop-Seitenersteller gut verpackt sind. Einfach zu bedienen und schnell einzusetzen, sind diese Widgets ein Segen für jeden Anfänger und ein Zeitgewinn für Profis.

4. Gebrauchsfertige Vorlagen

Viele Elementor-Addon-Sammlungen enthalten Bibliotheken mit Starter-Site-Designs. Mit dem Kauf eines Addons erhalten Sie also professionell gestaltete Vorlagen, die Sie sofort verwenden können. Wenn Sie nur ein Anfänger sind, geben Ihnen diese Vorlagen Hinweise, wie Sie Ihr Seitendesign schön gestalten können.

5. Spart Geld bei der Pro-Entwicklung

Selbst wenn Sie die Pro-Versionen aller Elementor-Add-Ons kaufen, werden Sie weniger Kosten für die Entwicklung einer Website aufwenden, als wenn Sie einen Profi einstellen würden. Offensichtlich erfordern WordPress und insbesondere Elementor eine Lernkurve für Anfänger. Aber wenn Sie mit der Software vertraut sind, können Sie sie leicht selbst handhaben. Die WordPress-Community ist riesig, daher finden Sie unzählige kostenlose Tutorials zum Erstellen einer Website mit einem soliden WordPress-Theme und einigen Plugins.

Für Freiberufler, die Websites für ihre Kunden entwickeln, können Elementor-Addons ebenfalls nützlich sein. Wenn sie fertige Widgets verwenden, erleichtert und beschleunigt das ihren Arbeitsprozess.

Top 5 kostenpflichtige und kostenlose Elementor-Addons

Falls Sie sich fragen, hier ist eine kurze Auswahl der besten kostenlosen Add-On-Widgets für Elementor:

Stratum Elementor-Addons

Seit der Veröffentlichung von Stratum im Jahr 2020 hat es sich zu einer äußerst wettbewerbsfähigen Freemium-Lösung von Inhaltsmodulen entwickelt. Es ist eines dieser wenigen kostenlosen Elementor-Addons, bei denen alle Widgets kostenlos sind. Mit dem Plugin können Sie alle über 24 Widgets in seiner kostenlosen Version verwenden, während einige erweiterte Funktionen nur in der Premium-Version verfügbar sind. Die Pro-Version ist zum günstigsten Preis auf dem gesamten Markt erhältlich.

Benutzer können Stratum nur deshalb als vorteilhaft empfinden, weil es die genauen Entsprechungen von kostenpflichtigen Elementor Pro-Widgets und kostenlosen Elementor-Widgets bietet, jedoch mit erweiterter Funktionalität. Stratum arbeitet schnell, verlangsamt Ihre Website nicht und ist vollständig kompatibel mit anderen Elementor-Add-Ons.

Höhepunkte:

• Alle 24+ Widgets sind kostenlos
• 6 analoge Widgets zu kostenpflichtigen Elementor PRO-Widgets
• Module erben das visuelle Styling Ihres Themes
• Erweiterte Design-Toolchain
• Integration der Elementor-Vorlagenbibliothek

Wesentliche Add-ons für Elementor

Mit über 1 Million Installationen bietet Essential Addons die höchste Anzahl an Installationen unter seinen Konkurrenten im kostenlosen Segment der Elementor-Addons. Die kostenlose Version bietet mehr als 45 grundlegende, aber funktionsreiche Elemente wie Form Styler, Post, Social Media und viele mehr. Die Zahl der neuen Widgets wächst ständig. Das Plugin ist leichtgewichtig und verlangsamt Ihre Website nicht, da die Funktion „Modulare Steuerung“ es Benutzern ermöglicht, Elemente jederzeit zu aktivieren oder zu deaktivieren.

Mit Essential Addons Pro erhalten Sie Zugriff auf über 30 weitere Premium-Widgets wie Off-Canvas, Lightbox & Modal, erweiterte Post- und Galerie-Widgets, Parallax-Effekte, Formular-Styler und viele mehr.

Außerdem bietet die Premium Edition von Essential Addons über 100 vorgefertigte Blöcke. Sie können diese Vorlagen einfach in Ihre Seiten importieren und mit der Anpassung beginnen und sofort das gewünschte Ergebnis erzielen.

Höhepunkte:

• Marketingorientierte Widgets
• Elementsteuerung
• Elemente des Formularstils
• Soziale Symbole
• 7+ Erweiterungen

Premium-Addons für Elementor

Wir wechseln zu Premium-Add-Ons – einem weiteren der besten kostenlosen Elementor-Add-Ons. Die PA Elementor-Widgets sind anpassbarer, haben eine modulare Struktur und unterstützen das Deaktivieren nicht verwendeter Widgets, um die Leistung zu verbessern. Außerdem bietet das Plugin einige interessante Rendering-Optionen.

Die meisten PA-Widgets wie Google Maps, Bildraster, Fortschrittsbalken, Preistabelle sind kostenlos. Die Liste der PRO-Widgets besteht aus interessanteren Elementen wie Alert Box, Magic Section, Social-Feed-Widgets und mehr.

Höhepunkte:

• Domainübergreifendes Copy'n'Paste
• Anzeigebedingungen für Inhalte
• WooCommerce Produktlisten-Widget
• Schwebende Effekte
• Vorlagenbibliothek
• Post & Page Duplicator

Glückliche Addons für Elementor

Happy Elementor Addons von weDevs wird zu Recht als eines der besten Elementor-Widgets auf dem Markt bezeichnet. Das Plugin bietet Lösungen für häufige Designprobleme in der Elementor-Community. Derzeit zählt die Bibliothek über 45 kostenlose Elementor-Widgets, während das Premium-Paket über 46 erweiterte Elemente hinzufügt!

Das Addon unterstützt die Integration mit Happy Templates, was bedeutet, dass Sie Zugriff auf über 400 Designvoreinstellungen erhalten.

Höhepunkte:

• Domänenübergreifendes Kopieren und Einfügen
• Über 400 fertige Designvoreinstellungen
• Unbegrenzte Verschachtelung von Abschnitten
• Bildmaskierung
• Schwebender Effekt
• Bedingte Inhaltsanzeige

PowerPack-Addons für Elementor

PowerPack ist eine Sammlung von über 60 kreativen Widgets und Erweiterungen, von denen 30 kostenlos sind. Sie reichen von Header-Widgets bis hin zu erweiterten Preistabellen und Popups. Das Plugin bietet mehrere einzigartige Widgets, die Sie unter den besten kostenlosen Add-Ons für Elementor kaum finden können. Das sind zum Beispiel Restaurant Price Menu, Group Carousel und mehr.

Eine weitere großartige Funktion, die mit diesem Add-On geliefert wird, sind weiße Markierungen. Sie können Ihre Marke pflegen, während Sie Kundenseiten und -projekte erstellen.

Schließlich bietet PowerPack eine umfangreiche Vorlagenbibliothek mit über 150 gebrauchsfertigen Abschnittsblöcken.

Höhepunkte:

• Kopfzeilen-Ersteller
• Zauberstab-Funktion
• WooCommerce-Builder
• Erweiterte Anzeigebedingungen
• Schema-Markup-Widgets
• Benutzerdefinierter Cursor

Rekapitulieren

Es gibt keine Möglichkeit, dass Sie nach diesem Beitrag keine benutzerdefinierten Elementor-Widgets verwenden. Wenn Sie nach weiteren Elementor-Lösungen suchen, werfen Sie einen Blick auf: