Elementor: Kostenlose Version installieren und Seiten erstellen | Unterschiede Elementor Free vs. Pro

Affiliate-Hinweis v3.1
Affiliate-Hinweis v3.2 (mobil)
Testumgebung RHEL-FamilieWordPress 7.1.3Elementor 4.3.5Geprüft am 2026-10-16

Elementor ist ein Page-Builder-Plugin für WordPress: ein Editor, in dem du Seiten baust, indem du Widgets per Drag-and-drop auf die Ansicht ziehst, die Besucher sehen, statt im Bearbeitungsbildschirm des Admin-Bereichs zu arbeiten. Ich habe die kostenlose Version 4.3.5 auf einer Website mit WordPress 7.1.3 installiert, eine Seite mit Überschrift, Absatz und Button veröffentlicht und die kostenlose Version anhand der offiziellen Preistabelle mit den Pro-Tarifen verglichen.

1️⃣ Was ist Elementor: Unterschiede zum Block-Editor

Elementor ist der zweite Editor von WordPress und wird neben dem Block Editor installiert. Für jeden Beitrag und jede Seite wählst du, ob du sie im Block-Editor schreibst oder mit Elementor bearbeitest, und auf Seiten, die du mit Elementor bearbeitest, passt du Layout und Stile direkt auf der Ansicht an, die Besucher sehen.

2️⃣ Elementor kostenlos installieren: Plugin hinzufügen und Editor-Ansicht

Die Installation läuft wie bei jedem anderen Plugin, doch gleich nach der Aktivierung ändern sich die Ansichten. Wenn du unter [Plugins › Plugin hinzufügen] nach Elementor suchst, es installierst und aktivierst, erscheint beim Ansehen der Website in der Admin-Leiste der Eintrag [Edit with Elementor]. Der Editor öffnet sich als eigene Ansicht, bei der an die Bearbeitungsadresse der Seite [action=elementor] angehängt ist.

Ansicht Plugin hinzufügen im WordPress-Menü Plugins nach der Suche nach Elementor: Karte Elementor Website Builder und Button Aktivieren
Suchergebnisse für Elementor unter [Plugin hinzufügen]

Im Plugin-Verzeichnis von WordPress.org hat Elementor über 10 Millionen aktive Installationen und eine Durchschnittsbewertung von 4,5 aus 7.319 Bewertungen. Die am 13. Oktober 2026 veröffentlichte Version 4.3.5 setzt WordPress 6.8 und PHP 7.4 oder höher voraus.

Der Editor ist in ein Widget-Panel links und eine Vorschau rechts aufgeteilt. In Version 4.3.5 beginnt das Panel mit der Gruppe Atomic Elements, zu der Flexbox, Heading und Button gehören. Die Texte des Editors erscheinen auf Englisch, bis ein Sprachpaket installiert ist, und folgen danach der Sprache des Admin-Bereichs. Die Formular-Widgets und die Pro-Gruppe unten im Panel tragen ein Schloss, sodass du auf einen Blick siehst, was die kostenlose Version nutzen kann und was nicht.

Formular-Widgets mit Schloss und Pro-Einträge (Search·Posts·Portfolio·Menu·Form·Loop Grid) im Widget-Panel der kostenlosen Elementor-Version
Pro-Einträge im Widget-Panel der kostenlosen Version
🧭 Simulator: Elementor installieren und Seite erstellen
📍Plugin›Plugin hinzufügen
Plugin installieren
Gib Elementor in das Suchfeld ein, klicke auf [Jetzt installieren] und nach Abschluss der Installation auf [Aktivieren].
📍Seiten›Seite hinzufügen›Elementor-Editor
Seite hinzufügen
Erstelle mit [Seite hinzufügen] eine neue Seite und klicke in der Werkzeugleiste auf [Mit Elementor bearbeiten], um den Elementor-Editor zu öffnen.
example.com/wp-admin/plugin-install.php
Plugin hinzufügen Plugin hochladen
Plugins erweitern die Funktionalität von WordPress. Du kannst Plugins auf dieser Seite aus dem WordPress-Plugin-Verzeichnis installieren oder ein Plugin im .zip-Format hochladen, indem du oben auf den Button klickst.
SuchergebnisseEmpfohlenBeliebtEmpfohlenFavoriten
Plugins suchenStichwort
7.046 Einträge
Elementor Website Builder – more than just a page builder
AktivierenWeitere Details
The Elementor Website Builder has it all: drag and drop page builder, Atomic Editor, pixel perfect design, global and reusable style systems, mobile r …
Autor Elementor
★★★★★ (7,319)
Zuletzt aktualisiert: vor 5 Tagen
10+ Millionen aktive Installationen
✓ Kompatibel mit deiner WordPress-Version
example.com/wp-admin/post-new.php?post_type=page
+↶↷≡WEdit with WordPress엘리멘터 예시 페이지 · 페이지임시 글 저장공개
Elementor-Beispielseite
Tippe „/“, um einen Block auszuwählen
Der Elementor-Editor öffnet sich — weiter zum Editor-Simulator in 3️⃣
Klicke links im Menü auf einen aktiven Eintrag oder auf eine Schaltfläche im Bildschirm.

3️⃣ Eine Seite mit Elementor erstellen: Flexbox-Container und Widgets

In Elementor baust du eine Seite auf, indem du zuerst einen Flexbox-Container platzierst und dann Widgets hineinsetzt. Erstelle unter [Seiten › Seite hinzufügen] eine Seite, öffne den Elementor-Editor und klicke auf der leeren Fläche auf [+], um Flexbox auszuwählen.

Ein Klick auf das [+] des Containers öffnet das Widget-Panel, und wenn du nacheinander auf Heading, Paragraph und Button klickst, landen sie im ausgewählten Container.

Den Text änderst du, indem du ein Widget anklickst und ihn im Eingabefeld des linken Panels bearbeitest. Stellst du im [Layout] des Containers [Direction] auf vertikal und [Gap] auf 16px, stapeln sich die drei Widgets untereinander.

Editor der kostenlosen Elementor-Version mit Überschrift-, Absatz- und Button-Widget untereinander in einem Flexbox-Container und dem Layout-Panel links
Flexbox-Container und [Layout]-Panel im Elementor-Editor

Klickst du auf [Publish], ist die Seite mit dem Hinweis [Your Page is live] sofort online, und in der Besucheransicht steht der mit Elementor gebaute Bereich zwischen Header und Footer des Themes.

Besucheransicht einer mit der kostenlosen Elementor-Version erstellten und veröffentlichten Beispielseite: Überschrift, Absatz und Button unter dem Seitentitel des Themes
Besucheransicht der veröffentlichten Beispielseite

Der große Text oben im Bild ist der Seitentitel, den das Theme anzeigt; die Überschrift, der Absatz und der Button darunter sind die Widgets im Flexbox-Container von Elementor.

🧭 Elementor-Editor-Simulator
WordPress PluginElementor 4.3.5
방문자 화면
📍 Elementor-Editor › Arbeitsfläche [+] › Flexbox
Klicke auf der leeren Arbeitsfläche auf [+] und wähle Flexbox.
📍 Elemente › Atomic Elemente › Überschrift · Absatz · Button
Klicke im linken Panel auf ein Widget oder zieh es auf die Arbeitsfläche. Mit 🔒·👑 markierte Elemente gibt es nur in Elementor Pro, ein Klick zeigt daher nur den Upgrade-Hinweis.
📍 Widget auf der Arbeitsfläche › Bearbeitungs-Panel · Flexbox › Stil › Layout
Klicke auf ein Widget, um im linken Panel seinen Text zu ändern, oder auf den Container, um Richtung und Abstand zu ändern. Felder mit 👑 gibt es nur in Elementor Pro, sie zeigen nur den Upgrade-Hinweis.
📍 Oben rechts im Editor [Veröffentlichen]
Klickst du auf [Veröffentlichen], erscheint unten links ein Hinweis, und im Tab [Revisionen] des Verlauf-Panels kommt diese Version als neue Zeile hinzu.
📍 Website anzeigen
Besucher sehen es genau so, wie du es gebaut hast, unter dem Header des Themes.
Angie✦엘리멘터 예시 페이지 (임시글) ▾새로운 소식🔔
요소
모든 Pro 위젯에 액세스하세요. 지금 업그레이드
재사용 가능한 구성 요소를 생성하세요
사이트 전체에서 일관성을 유지하는 디자인 요소를 만드세요.
전역 위젯을 만나보세요
이 기능을 사용하면 위젯을 전역으로 저장한 다음 여러 영역에 추가할 수 있습니다. 모든 영역을 한 곳에서 편집할 수 있습니다.
해상도전체 ▾
태그▾
태그p ▾
링크
ID
속성
표시 조건
◎로컬 ⋮
표시
방향
컨텐츠 정렬
항목 정렬
간격
감싸기
표시
플렉스 항목
자체 정렬
정렬
플렉스 크기
여백
패딩
넘침 처리
위치▾
Z-index
앵커 오프셋PX
글꼴 패밀리
글꼴 두께▾
글꼴 크기PX
텍스트 정렬
텍스트 색상
오버레이
색상
클리핑▾
테두리 두께PX
테두리 색상
테두리 유형▾
테두리 반지름PX
혼합 모드▾
불투명%
상자 그림자
변환
전환
필터
배경 필터
상호작용을 사용하여 요소에 애니메이션을 적용
페이지 로드나 스크롤 같은 사용자 상호작용에 의해 트리거되는 입장 애니메이션 및 효과 추가.
이력
아직 기록 없음
작업을 시작하면 편집기에서 수행한 모든 작업을 다시 실행/실행 취소할 수 있습니다.
이전 버전을 보려면 리비전 탭으로 전환하세요
페이지 설정
제목✦ AI로 쓰기
상태임시글 ▾
대표 이미지✦
⊕
정렬0
댓글 허용아니요
제목 숨기기아니요
페이지 레이아웃기본 ▾
디자인 시스템⋮
태그
h1 ⋮
Example예제 페이지
엘리멘터 예시 페이지
여기로 위젯 끌어오기
만세! 페이지가 공개되었습니다.
Pro 전용
example.com/…/
Example예제 페이지
엘리멘터 예시 페이지

4️⃣ Unterschiede zu Elementor Pro: Anzahl der Widgets, Theme-Builder und Preise

Mit der kostenlosen Version kommst du bis zum Seiteninhalt mit über 40 Widgets. Der Theme-Builder, mit dem du Vorlagen für Header, Footer und Beitragslisten der Website erstellst, sowie die Widgets für Formulare, Popups und E-Commerce gehören zu Elementor Pro.

KategorieKostenlosEssentialAdvanced SoloAdvancedOne
Jahrespreis$0$60$84$108$180 (Verlängerung $228)
Zahl der WebsitesKeine Lizenz1131
Pro-Widgets0 (über 40 kostenlose Widgets)57858585
Theme-Builder❌✅✅✅✅
Dynamische Inhalte❌✅✅✅✅
Formular-Builder❌✅✅✅✅
Popup-Builder❌❌✅✅✅
Eigener Code · CSS❌❌✅✅✅
E-Commerce-Funktionen❌❌✅✅✅
Cloud-Vorlagenspeicher❌10203030
Credits für KI-Generierung · Bildoptimierung · Barrierefreiheit❌❌❌❌25.000 pro Monat

Die Werte in der Tabelle habe ich am 16. Oktober 2026 auf der Preisseite von elementor.com und der Plugin-Seite auf WordPress.org geprüft. Eine Rückerstattung ist nur bei jährlicher Zahlung und innerhalb von 30 Tagen möglich.

Essential enthält den Theme-Builder und den Formular-Builder, aber nicht den Popup-Builder, eigenes CSS und die E-Commerce-Funktionen. Websites, die einen Onlineshop oder Popups brauchen, landen bei Advanced Solo oder höher.

5️⃣ Wann Elementor nicht passt: Websites, für die der Block-Editor reicht

Für Websites, bei denen der Fließtext wichtiger ist als das Seitendesign, etwa textlastige Blogs, reichen der Block-Editor und ein Theme. Elementor passt zu Seiten, deren Layout du selbst gestalten musst, wie Landingpages oder Unternehmensvorstellungen.

Der Text einer mit Elementor erstellten Seite wird zwar auch als Kopie im WordPress-Inhalt gespeichert, Layout und Stile erzeugt aber das Plugin. Deaktivierst du das Plugin, bleiben die Texte von Überschrift, Absatz und Button erhalten, während das Container-Layout und die Button-Farbe verschwinden; deshalb behältst du das Plugin bei Seiten, die du einmal mit Elementor gebaut hast.

🔢 FAQ & empfohlene Inhalte

Wenn du unter [Plugins › Plugin hinzufügen] nach Elementor suchst, erscheinen auch Add-on-Plugins, die Widgets hinzufügen. Laut Beschreibung bietet Essential Addons for Elementor über 120 Widgets (inklusive Vorlagen) und ElementsKit über 100. Beide Plugins haben über 1 Million aktive Installationen. Premium Addons for Elementor hat über 90 Widgets und über 600.000 aktive Installationen (geprüft am 19. Oktober 2026).

Mit den Gerätesymbolen in der oberen Leiste des Editors wechselst du zwischen Desktop-, Tablet- und Mobilansicht. Die Arbeitsfläche wird im Tablet-Hochformat auf höchstens 1024px und im Mobil-Hochformat auf höchstens 767px schmal, und in der Mobilansicht wird das Menü im Theme-Header zu einem ☰-Button. Die Werte habe ich im Editor der kostenlosen Version 4.3.5 geprüft (21. Oktober 2026).

Klickst du in der oberen Leiste des Editors auf das Verlaufssymbol (↺), sammeln sich im Tab [Aktionen] des Panels [Verlauf] Vorgänge wie Hinzufügen, Verschieben und Löschen von Widgets, die neuesten oben; ein Klick auf eine Zeile führt zu diesem Stand zurück. Um zu einer früher gespeicherten Version zurückzukehren, öffnest du den Tab [Revisionen].

ℹ️ Affiliate-Hinweis
Die Inhalte dieser Website enthalten Affiliate-Links. Kauft ein Besucher über einen dieser Links ein Produkt oder eine Dienstleistung, erhält die Website vom Verkäufer eine Provision. Der Betrag, den der Käufer zahlt(bei Aktionsrabatten sinkt er ↓), steigt dadurch nicht. Angegebene Preise, Rabatte und Lagerbestände entsprechen dem Stand bei Erstellung und können abweichen; prüfe sie daher vor dem Kauf beim Verkäufer. Produkte werden nach eigenen Kriterien ausgewählt und bewertet, und Provisionen beeinflussen weder die Reihenfolge noch den Inhalt der Bewertungen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Beweisen Sie, dass Sie ein Mensch sind: 9   +   6   =