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
Inhalt
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
Bewertungen
Anzeige von Kundenbewertungen mit Sternen, Text und evtl. Filtern – fördert Vertrauen, gerade bei Dienstleistungsangeboten.
- DE: Bewertungen
- EN: Reviews
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 Box
Kombination aus Bild + Titel + Text – praktisch zur Featuredarstellung oder zur Bewerbung von Angeboten.
- DE: Bild Box
- EN: Image Box
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
Blockquote
Ein Zitat oder hervorgehobener Textabschnitt mit spezieller Formatierung (oft größerer Text, Icon, Hintergrund). Perfekt, um Kunden- oder Expertenzitate optisch hervorzuheben.
- DE: Blockquote
- EN: Block Quote
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
Einfache Galerie
Manchmal auch Basis Galerie. Einfach Darstellung von mehreren Bildern zum Durchscrollen.
Für mehr Optionen gibt es die Galerie (Pro).
- DE: Einfache Galerie
- EN: Basic Galery
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
Fortschrittbalken
Balkenanzeige des Fortschritts (z. B. „80 % erfüllt“) – dekorativ und informativ.
Nichtzu verwechseln mit der mehrstufigen Fortschrittsanzeige 😉
- DE: Fortschrittbalken
- EN: Progress Bar
Fortschrittsanzeige
Mehrstufige Fortschrittsanzeige (z. B. Projektphasen) – nützlich bei komplexeren Angeboten oder Zustandsdarstellungen.
- DE: Fortschrittsanzeige
- EN: Progress Tracker
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
Hinweis
Ein Aufforderungs- oder Hinweisfeld (z. B. „Wichtig“, „Hinweis“), das sich deutlich hervorhebt, mit eigenen Farben und Icons. Nützlich zur Hervorhebung von Informationen oder Warnungen.
- DE: Hinweis
- EN: Alerrt
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
HTML
Ein Widget, in das eigener HTML-Code eingefügt werden kann – ermöglicht maximale Flexibilität.
Aber Achtung: Nutze es nur, wenn Du genau weißt, was der Code, den Du damit einfügst, tut.
- DE: HTML
- EN: HTML
Icon Liste
Liste mit mehreren Einträgen, jeweils mit Icon + Text –praktisch für die Darstellung von z. B. Vorteilen oder Schritten.
- DE: Icon Liste
- EN: Icon List
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
Innere Sektion
Basislayoutelemente zur Strukturierung der Seite in Spalten / Sektionen.
Mit dem neueren Container-Widget überholt. Container bieten mehr Flexibilität.
- DE: Innere Sektion
- EN: Inner Section
Link in Bio
Widget, meist für Landingpages, das eine Linksammlung (ähnlich eines Linktrees) in einer Box ermöglicht. Hilfreich bei Social Media Verlinkung.
- DE: Link in Bio
- EN: Link in Bio
Login
Formular für Nutzer:innenlogin in WordPress – sinnvoll für mitgliederorientierte oder geschützte Inhalte.
Achtung: Wenn 2FA abgefragt wird, wird auf die entsprechende, ungestylte WordPressmaske weitergeleitet.
- DE: Login
- EN: Login
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
Lottie
Einbindung von Lottie-Animationsdateien (Vektoranimationen) – modern und leichtgewichtiger als GIFs oder Videos. Effektvoll, aber übertrieben eingesetzt kann es ablenken.
- DE: Lottie
- EN: Lottie
Medien Karussell
Karussell (Slider) mit gemischten Medien (Bilder, Videos) – flexibel für Showcases. Beachte die Mobilperformance.
- DE: Medien Karussell
- EN: Media Carousel
Mega Menü
Breit angelegtes Menü mit mehreren Spalten, Bildern, Icons – gut für große Websites mit vielen Kategorien. Anspruchsvoll in der Umsetzung.
- DE: Mega Menü
- EN: Mega Menu
Menü Anker
Sprunganker oder Sprungmarke, mit dem Du interne Navigationspunkte (Scrollziele) definieren kannst – wichtig für Onepagelayouts.
- DE: Menü Anker
- EN: Menu Anchor
Navigationsmenü
Voll ausgestaltetes Navigationsmenü (inkl. Dropdowns, Off Canvas etc.). Muss bei größeren Seiten gut strukturiert genutzt werden.
- DE: Navigationsmenü
- EN: Nav Menu
Off Canvas
Seitliches Panel, das eingeblendet wird (z. B. für Menü, Newsletteranmeldung) – modern und platzsparend. Gut wenn mobile Nutzer:innen Priorität haben.
- DE: Off Canvas
- EN: Off Canvas
Verschachteltes Karussell
Karussell in Karussell („Slider im Slider“) – technisch anspruchsvoll, Mobiltauglichkeit kritisch; daher nicht zwingend eine erste Wahl zur Verwendung.
- DE: Verschachteltes Karussell
- EN: Neste Carousel
Zähler
Zähler, der animiert hochzählt (z. B. „1500+ Kund:innenen“) – gut zur Darstellung von Kennzahlen. Falls nur statisch, genügt oft simpler Text.
- DE: Zähler
- EN: Counter
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 😊
Ein Kommentar
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