Das umfassende Glossar: Alle Elementor Widgets einfach erklärt

Britta Just
Oktober 31, 2025
Webdesign

Entdecke in meinem Glossar alle Elementor Widgets mit kurzen Erklärungen, Tipps & Empfehlungen – damit Du endlich den Überblick beim Einsatz von Elementor hast!

Wenn Du auf Deiner Website mit Elementor arbeitest, stehst Du irgendwann ob der vielen Optionen vor der Frage: Welches Widget macht eigentlich was? Genau dafür ist dieses Glossar da 😊

Hier findest Du eine vollständige Übersicht aller Elementor Widgets – inklusive der Pro Version – mit einer kurzen, praxisnahen Erklärung zu jedem einzelnen. Du erfährst außerdem, welche Widgets sich ähneln, auf welche Du besser verzichtest, und welche besonders nützlich sind, wenn Du Deine Website professionell gestalten willst.

Gerade für alle, die ihre Website selbst betreuen, ist dieses Glossar Gold wert: Es hilft Dir, die richtigen Elemente zu wählen und typische Stolperfallen zu vermeiden – von Performanceproblemen bis zu Herausforderungen mit der DSGVO. Egal, ob Du erst anfängst oder Elementor schon länger nutzt – mit diesem Glossar bekommst Du den Überblick, den Du Dir immer gewünscht hast.

Die Elementor Widgets im Überblick

Du kannst die Begriffe übrigens nach Alphabet (A bis Z) oder nach Elementoreingruppierung (Free, Pro, …) filtern.

Abstandshalter

Dient dazu, vertikalen Abstand zwischen Elementen zu schaffen – also z. B. zwischen einer Überschrift und einem Bild oder zwischen zwei Abschnitten. Du kannst die Höhe des Abstands in Pixeln oder über responsive Einstellungen (z. B. für Tablet und Mobil) festlegen.

Sollte sparsam eingesetzt werden: Zu viele manuelle Spacer machen das Layout unflexibel – etwa wenn sich Abstände auf kleineren Geräten unschön stapeln. Besser Innen- oder Außenabstände (Padding / Margin) direkt in den Widgets oder Abschnitten einpflegen. So bleibt das Design konsistenter und besser responsiv.

DE: Abstandshalter
EN: Spacer

Akkordeon

Eine Liste von Überschriften, bei der ein Abschnitt beim Klicken aufgeklappt wird, während die anderen geschlossen bleiben (typisch). Gut für FAQs oder Abschnittsinhalte.

Falls mehrere Abschnitte gleichzeitig offen sein dürfen, kann stattdessen das Toggle Widget sinnvoller sein.

DE: Akkordeon
EN: Accordion

Animierte Überschrift

Eine Überschrift, bei der einzelne Worte oder Phrasen animiert wechseln (z. B. „Wir helfen → Wir unterstützen → Wir begleiten“). Sehr wirksam im Hero-Bereich, aber mehrfach überstrapaziert – kann daher schnell als „Spielerei“ wirken.

DE: Animierte Überschrift
EN: Animierte Headline

Autorenbox

Zeigt Informationen über den/die Autor:in eines Artikels oder einer Seite (Name, Bild, Bio, Social Links). Besonders sinnvoll bei Blogs von Dienstleister:innen oder Coaches, um Persönlichkeit zu zeigen.

Die Autorenbox zieht sich die Details anhand der unter Benutzer hinterlegten Informationen.

DE: Autorenbox
EN: Author Box

Beiträge

Dynamische Anzeige von Blogbeiträgen oder Custom Posts (Grid, Liste, Filter) – essenziell für Blogs, News-Sektionen oder Content Marketing.

Ist inzwischen etwas überholt, das Loop Grip Widget bietet mehr und bessere Möglichkeiten der Darstellungen von Beiträgen.

DE: Beiträge
EN: Posts

Beitragsauszug

Zeigt eine Kurzvorschau Deines Blogartikels an, meist bestehend aus den ersten Zeilen oder einem manuell gesetzten Auszug. Ideal, um Leser:innen neugierig zu machen, ohne den ganzen Beitrag zu zeigen. Wird häufig in Bloglisten, Archiven oder auf Übersichtsseiten gemeinsam mit Titel und Bild eingesetzt.

Der Beitragsauszug kann entweder automatisch aus dem Text generiert oder im WordPress-Editor manuell gepflegt werden – letzteres gibt Dir mehr Kontrolle über die Darstellung und Suchmaschinenoptik.

Mein Hack: Ich setze hier nochmal die Meta-Description ein. Durch die Begrenzung auf 160 Zeichen sind alle Beitragsauszüge in etwa gleich lang, was auch optisch für Harmonie sorgt, und ich signalisiere den Suchmaschinen, dass dieser Text hilfreich / wichtig ist.

DE: Beitragsauszug
EN: Post Excerpt

Beitragsbild

Zeigt das Hauptbild eines Blogartikels oder Custom Posts an. Es dient als visueller Aufmacher in Blogübersichten, Beitragslisten oder Social Media Vorschauen und sorgt für Wiedererkennungswert im Design.

Tipp: Achte auf einheitliche Bildformate und eine optimierte Dateigröße, um ein stimmiges Layout und schnelle Ladezeiten zu gewährleisten. Das Beitragsbild wird in WordPress im Editor unter „Beitragsbild festlegen“ hinzugefügt und kann mit dynamischem Inhalt in Elementor automatisch angezeigt werden.

DE: Beitragsbild
EN: Post Image

Beitragsinfo

Zeigt Metadaten eines Blogbeitrags an, z. B. Veröffentlichungsdatum, Autor:in, Kategorien oder Kommentaranzahl. Ideal, um Leser:innen Orientierung zu geben und Vertrauen aufzubauen („Ah, der Beitrag ist aktuell.“).

Tipp: Du kannst die angezeigten Infos individuell anpassen – etwa nur das Datum und die Kategorie zeigen, um das Design aufgeräumt zu halten. In modernen Layouts wird die Beitragsinfo oft dezenter oder unterhalb des Titels platziert, manchmal auch ganz weggelassen, wenn sie die Leseführung stört.

Mit diesem Widget kannst Du auch die individuellen Felder, die Du zum Beispiel mit einem Plugin wie ACF definiert hast, darstellen.

DE: Beitragsinfo
EN: Post Info

Beitragsinhalt

Zeigt den kompletten Inhalt eines Blogartikels oder Custom Posts an, inklusive Text, Bilder, Videos und eingebetteter Widgets. Es ist das zentrale Element jeder Beitrags- oder Archivseite in Elementor.

Im besten Fall hast Du diesen Inhalt im Block Editor geschrieben und stellst ihn mit Elementor dynamisch dar. So bleibt Dein Layout konsistent, und neue Beiträge erscheinen automatisch korrekt formatiert. Mehr dazu in meinem Blogbeitrag „Der ultimative Guide für Blogger: Den WordPress Block Editor und Elementor richtig kombinieren„

DE: Beitragsinhalt
EN: Post Content

Beitragsnavigation

Fügt Navigationslinks zwischen einzelnen Blogbeiträgen ein, z. B. „Älterer Beitrag“ / „Neuer Beitrag“. So können Leser:innen einfach von einem Beitrag zum nächsten oder vorherigen wechseln, was die Verweildauer erhöht.

Du kannst die Navigation stilistisch anpassen (Buttons, Pfeile, Textlinks) und entscheiden, ob sie unterhalb des Beitrags oder an anderer prominenter Stelle angezeigt wird. Besonders sinnvoll in Blogs oder News-Bereichen mit mehreren Artikeln.

DE: Beitragsnavigation
EN: Post Navigation

Beitragstitel

Zeigt automatisch den Titel eines Blogbeitrags oder Custom Posts an. Es ist das zentrale Element jeder Beitragsseite und wird oft prominent über dem Inhalt oder im Header platziert.

Im Elementor Theme Builder kannst du den Beitragstitel dynamisch formatieren, z. B. Schriftgröße, Farbe oder Ausrichtung anpassen, damit er zu deinem Design passt. Achte darauf, dass Titel klar, prägnant und SEO-freundlich sind, um Leser:innen anzusprechen und Suchmaschinen zu unterstützen.

Er wird auch als Titel angezeigt, wenn Du mit der Maus über das offene Tab im Browser hoverst, sowie als Link für den Beitrag hinterlegt – es sei denn Du änderst das manuell ab.

DE: Beitragstitel
EN: Blog Post

Bild

Einfaches Bild Widget: Bild einfügen, Größe, Link, Alt-Text definieren. Grundlegend für visuelle Inhalte.

Tipp: Das Bild erscheint unscharf? Dann stell die Auflösung auf „Volle Größe“. Mehr Tipps zum richtigen Aufbereiten von Bildern für Deine Website in meinem Blogartikel „Bilder für WordPress richtig aufbereiten – meine komplette Anleitung„.

DE: Bild
EN: Image

Bild Karussell

Karussell von Bildern mit automatischem Wechsel. Stilvoll – allerdings kann der Auto Slider mobil störend wirken oder die Performance beeinträchtigen, daher ggf. nur einsetzen, wenn wirklich nötig.

DE: Bild Karussell
EN: Image Carousel

Breadcrumbs

Navigationspfad („Start › Kategorie › Artikel“) zur besseren Orientierung für Nutzer:innen und Suchmaschinen. Sehr hilfreich bei umfangreichen Seiten / Blogs.

Achtung: Wird nur angezeigt, wenn das SEO-Plugin Yoast installiert ist. Kann auch manuell mit dem Text Editor erstellt werden.

DE: Breadcrumbs
EN: Breadcrumbs

Call to Action

Kombiniert typischerweise Bild / Text / Button in einer Box mit Fokus auf Handlung („Jetzt buchen“, „Hier anmelden“). Ideal für Service- oder Kursangebote von Coaches, Berater:innen oder Dienstleister:innen.

DE: Call to Action
EN: Call to Action

Code Highlight

Anzeige von Quellcode mit Syntax-Hervorhebung, z. B. bei Blogbeiträgen mit Programmier- oder Technikinhalten. Für Dich vermutlich weniger oft im Gebrauch gebraucht, für mich als Webdesignerin aber hilfreich bei technischen Artikeln, um Dir zum Beispiel CSS Codes zur Verfügung zu stellen.

Schau Dir dazu auch gerne meine Blogserie „Meine liebsten CSS Code Snippets“ an.

DE: Code Highlight
EN: Code Highlight

Container

Neueres Layout-Element (Flex / Autosize) zur Organisation von Contentblöcken; ersetzt in vielen Fällen ältere Section / Column-Strukturen. Empfehlenswert, da moderner und flexibler.

Falls Deine Website noch auf Sections und Columns basiert, wird es langsam Zeit für den Umstieg *Wink mit dem Zaunpfahl* 😉

DE: Container
EN: Container

Countdown

Countdown Timer bis zu einem Ereignis oder einem Angebot („Nur noch 3 Tage“, „Nur noch 12 Stunden“). Wirksam für Marketing und Dringlichkeitseffekte, aber setze ihn mit Bedacht ein – sonst wirkt es zu „verkaufsgetrieben“.

DE: Countdown
EN: Countdown

Facebook Button

Fügt einen „Gefällt mir“- oder „Teilen“-Button von Facebook ein, mit dem Besucher:innen Inhalte direkt auf ihrer Facebook-Seite teilen können. Praktisch, um Reichweite zu erhöhen oder Interaktionen zu fördern.

DSGVO-Hinweis: Beim Laden des Widgets werden Daten an Facebook (Meta) übertragen – auch ohne Klick. Verwende deshalb am besten eine 2-Klick-Lösung oder eine datenschutzfreundliche Alternative wie Shariff.

DE: Facebook Button

Facebook Einbettung

Betten Facebookposts, -videos oder -beiträge direkt auf Deiner Website ein. Ideal, wenn Du Social Media Inhalte sichtbar machen möchtest, ohne sie doppelt zu pflegen.

DSGVO-Hinweis: Beim Einbetten werden Inhalte und Tracking-Skripte direkt von Facebook geladen, wodurch personenbezogene Daten an Meta übermittelt werden. Nur mit vorheriger Zustimmung oder über ein Plugin mit Datenschutzwrapper verwenden.

DE: Facebook Einbettung
EN: Facebook Embed

Facebook Kommentare

Ermöglicht Besucher:innen, Kommentare über ihr Facebookkonto direkt unter Deinen Beiträgen zu hinterlassen. Die Kommentare erscheinen dann sowohl auf Deiner Website als auch in Facebook.

DSGVO-Hinweis: Dieses Widget bindet den Facebookkommentarbereich technisch ein und sendet Daten (z. B. IP-Adresse, Browserinformationen) an Meta. Nur DSGVO-konform mit Consentbanner oder lokaler Kommentaralternative nutzen.

DE: Facebook Kommentare
EN: Facebook Comments

Facebook Seite

Zeigt eine Vorschau Deiner Facebookseite mit Profilbild, Like-Button und aktuellem Feed direkt auf Deiner Website. Praktisch, um Social Proof aufzubauen oder Deine Facebookcommunity zu zeigen.

DSGVO-Hinweis: Auch hier werden Inhalte von Facebookservern geladen, was Tracking durch Meta ermöglicht. Empfehlenswert nur mit Einwilligungsmanagement oder wenn Besucher:innen das Laden aktiv erlauben.

DE: Facebook Seite
EN: Facebook Page

Flip Box

Eine Box, die beim Hover mit der Maus „umklappt“ und eine Rückseite zeigt (z. B. Bild / Text → Button).

Stilistisch auffällig – wenn gelegentlich eingesetzt. Bei übermäßiger Nutzung kann es vom Inhalt ablenken.

DE: Flip Box
EN: Flip Box

Formular

Eines der mächtigsten Elementor Pro Widgets: Damit erstellst Du Kontakt-, Anmelde- oder Umfrageformulare direkt im Page Builder – ohne zusätzliches Plugin. Du kannst Felder individuell anpassen (Text, eMail, Auswahl, Checkboxen usw.) und Aktionen wie eMail-Versand, Weiterleitung oder Integration mit Tools wie MailerLite, ActiveCampaign oder Webhooks hinzufügen.

Das Formular Widget ist perfekt, wenn Du Leads sammeln oder Anfragen automatisieren willst.

DSGVO-Hinweis: Zum Formular gehört in der Regel ein Hinweis / Link auf Deine Datenschutzerklärung, wie mit den eingegebenen Daten umgegangen wird.

DE: Formular
EN: Form

Galerie

Erweiterte Galeriedarstellung mehrerer Bilder mit Optionen wie Filter, Masonry, Lightbox etc. Ideal für die Darstellungen mehrer Bilder zu einem Thema.

In der Basiversion von Elementor als Einfach Galerie mit eingeschränkten Optionen verfügbar.

DE: Galerie
EN: Gallery

Google Maps

Einbettung einer Karte über Google-API zur Standortanzeige.

DSGVO-Hinweis: Beim Anzeigen der Karte werden Daten an Google übertragen. Also immer über eine Constentlösung (Cookie Plugin) einbinden, bei der die Einwilligung vor Anzeige abgefragt wird.

DE: Google Maps
EN: Google Maps

Hotspot

Interaktive Punkte („Hotspots“) auf einem Bild, bei denen beim Klicken oder Hover zusätzliche Informationen angezeigt werden. Elegant für Erklärseiten oder Servicevisualisierungen.

Achtung, kann beim Anpassen für Tablet und Mobile etwas tricky werden.

DE: Hotspot
EN: Hotspot

Inhaltsverzeichnis

Inhaltsverzeichnis für lange Seiten (z. B. Blogartikel oder Tutorials) – verbessert Usability und SEO (mit Sprungmarken zur Zwischenüberschrift).

Lässt sich auch wunderbar als Vorlage anlegen und dann via Shortcode im Block Editor bei entsprechend langen Blogartikeln darstellen.

DE: Inhaltsverzeichnis
EN: Table of Content

Loop Grid

Wiederholende Darstellung in Schleife für dynamische Inhalte (z. B. Blogbeiträge, Custom Posts, Produkte) in einem statischen Raster (Grid) – also in Reihen und spalten. Alle Elemente sind gleichzeitig sichtbar, was Übersicht, Vergleichbarkeit und gute Lesbarkeit schafft, also sehr nützlich für Blog- bzw. Magazinseiten.

Empfehlung: Wenn Inhalte gefunden und gelesen werden sollen → Loop Grid.
Wenn Inhalte neugierig machen oder angeteasert werden sollen → Loop Carousel.

DE: Loop Grid
EN: Loop Grid

Loop Karussell

Wiederholende Darstellung in Schleife für dynamische Inhalte (z. B. Startseiten „Aktuelle Beiträge“, „Neueste Projekte“, Teaser-Bereiche, Mobile first-Layouts) in einem horizontalen Slider (Karussell). Es ist visuell dynamischer und benötigt weniger Platz las der Loop Grid, zeigt aber nie alle Inhalte gleichzeitig. Sehr nützlich für anspruchsvolle Designs, Testimonials, …

Empfehlung: Wenn Inhalte gefunden und gelesen werden sollen → Loop Grid.
Wenn Inhalte neugierig machen oder angeteasert werden sollen → Loop Carousel.

DE: Loop Karussel
EN: Loop Carousel

Disclaimer: Die Elementor Widgets (ohne eCommerce) umfassen 81 Widgets, von daher ist dieses Glossar sportlich und aktuell noch Work in Progress. Schaue gerne die Tage noch einmal vorbei 😊

Elementor, Elementor Pro, Elementor Widgets, Webdesign

Ein Kommentar

Simone sagt:

6. November 2025 um 20:15 Uhr

Liebe Britta
danke für diese Zusammenstellung.
Ich habe tatsächlich einige Widgets gefunden, die ich gut brauchen kann und ich nicht mal wusste, das es sie gibt.
Herzliche Grüsse Simone

Antworten

Schreibe einen Kommentar Antwort abbrechen

Hi, ich bin Britta 🖐️

Hier teile ich mein Wissen rund um modernes Webdesign und gebe Dir Tipps, wie Du Deine Website in eine Marketingmaschine verwandelst, die Dein Angebot auch dann verkauft, wenn Du im Urlaub bist oder Zeit mit Deinen Liebsten verbringst.

Linkbaum auf der eigenen Website

Hol Dir mein eBook „Linkbaum auf der eigenen Website“ mit Infos und Tipps rund um das Thema Linkbaum 👇

Das umfassende Glossar: Alle Elementor Widgets einfach erklärt

Die Elementor Widgets im Überblick

Inhalt

Abstandshalter

Akkordeon

Animierte Überschrift

Autorenbox

Beiträge

Beitragsauszug

Beitragsbild

Beitragsinfo

Beitragsinhalt

Beitragsnavigation

Beitragstitel

Bewertungen

Bild

Bild Box

Bild Karussell

Blockquote

Breadcrumbs

Call to Action

Code Highlight

Container

Countdown

Einfache Galerie

Facebook Button

Facebook Einbettung

Facebook Kommentare

Facebook Seite

Flip Box

Formular

Fortschrittbalken

Fortschrittsanzeige

Galerie

Google Maps

Hinweis

Hotspot

HTML

Icon Liste

Inhaltsverzeichnis

Innere Sektion

Link in Bio

Login

Loop Grid

Loop Karussell

Lottie

Medien Karussell

Mega Menü

Menü Anker

Navigationsmenü

Off Canvas

Verschachteltes Karussell

Zähler

Ein Kommentar

Schreibe einen Kommentar Antwort abbrechen

Hi, ich bin Britta 🖐️

Linkbaum auf der eigenen Website