Verwendung von Elementor-Vorlagen in WordPress: 2026 Schritt für Schritt Anleitung - DEUTSCH

Elementor wird mit mehr als geliefert 100 vorgefertigte Vorlagen, und Sie können eines mit etwa zwei Klicks auf einer leeren Seite ablegen. Die meisten Anfänger finden sie nie. Sie befinden sich hinter einem kleinen Ordnersymbol im Editor, Also bauen die Leute jeden Heldenabschnitt neu auf, Preistabelle, und Kontaktformular handschriftlich ausfüllen. Das sind Stunden Arbeit für ein Layout, das bereits in der Bibliothek lag, Warten.

Schnelle Antwort: Um ein einzelnes Layout zu verwenden, Öffnen Sie eine Seite mit Mit Elementor bearbeiten, Klicken Sie auf das Ordnersymbol (die Vorlagenbibliothek) auf der Leinwand, Wählen Sie einen Block oder eine Seite aus, und schlagen Einfügen. Für ein komplettes mehrseitiges Design, gehe zu Vorlagen → Website-Vorlagen in Ihrem WordPress-Dashboard, Vorschau eines Kits anzeigen, und klicken Sie auf Kit anwenden um jede Seite und ihre Farben auf einmal einzubinden. Bauen Sie selbst etwas? Verwenden Als Vorlage speichern, Verwenden Sie es dann überall wieder oder exportieren Sie es als Datei, um es zwischen Standorten zu verschieben.

Zuletzt überprüft: Juni 2026. Schritte, die anhand des aktuellen Elementor-Editors und der Website-Vorlagen überprüft wurden (Kit-Bibliothek) Schnittstelle.

Die meisten Komplettlösungen hören auf “Klicken Sie auf Einfügen.” Dieser geht weiter: Importieren von Kit-ZIPs von Drittanbietern, Erstellen eines Layouts mit der integrierten KI von Elementor, die Free-versus-Pro-Linie, die Käufer zum Stolpern bringt, und das Problem fehlender Bilder, das bei fast jedem Kit-Import auftritt. Elementor ordnete seine Pläne neu 2026 und gebündelt hinzugefügt “Eins” Pläne, Aber die Vorlagenfunktionen sind immer noch nach der gleichen Free- vs. Pro-Linie aufgeteilt wie immer.

Was zählt als “Vorlage” in Elementor

Menschen fassen drei verschiedene Dinge unter einem Wort zusammen. Zu wissen, welches Sie haben, erspart Ihnen später viel Ärger.

• Eine Vorlage (Block oder Seite). Ein gespeichertes Layout. Ein Block ist ein einzelner Abschnitt, wie ein Heldenbanner, eine Testimonials-Reihe, oder ein Preisraster. Eine Seitenvorlage ist ein ganzseitiges Layout, das Sie auf einer leeren Seite ablegen.
• Ein Vorlagenkit. Ein aufeinander abgestimmtes Set, das eine ganze Website abdeckt: heim, Über, Dienstleistungen, Kontakt, und Blogseiten, die eine Farbpalette und ein Schriftsystem gemeinsam haben. Wenden Sie ein Kit an und Sie erhalten jede Seite auf einmal.
• Ihre eigene gespeicherte Vorlage. Jeder Abschnitt oder jede Seite, die Sie einmal erstellen und speichern, und dann auf der gesamten Website wiederverwenden. Überschriften, Fußzeilen, und Call-to-Action-Blöcke leben hier.

Die Bibliothek mischt kostenlose Vorlagen mit Pro-Vorlagen (Die Pro-Designs tragen ein kleines Kronenabzeichen). Sie können alles so oder so durchsuchen. Ohne Pro-Lizenz kann man die gekrönten einfach nicht einfügen.

So fügen Sie eine vorgefertigte Vorlage in eine Seite ein

Das ist die alltägliche Bewegung: Sie erstellen eine Seite und möchten einen ausgefeilten Abschnitt, ohne ihn von Grund auf neu zu entwerfen.

• Öffnen Sie die Seite in Elementor. Gehe zu Seiten, Öffnen Sie die gewünschte Seite, und klicken Sie auf Mit Elementor bearbeiten.
• Öffnen Sie die Bibliothek. Klicken Sie auf das graue Ordnersymbol in der Mitte eines leeren Abschnitts, oder das Ordnersymbol oben im Editorbereich.
• Wählen Sie Blöcke oder Seiten aus. Das Blöcke Die Registerkarte enthält einzelne Abschnitte; das Seiten Die Registerkarte enthält vollständige Layouts. Nach Kategorie filtern (Über, Kontakt, Preisgestaltung, Dienstleistungen) um es schnell einzugrenzen.
• Vorschau, dann einfügen. Bewegen Sie den Mauszeiger über eine Vorlage, Klicken Sie auf die Lupe, um eine Live-Vorschau anzuzeigen, und klicken Sie auf Einfügen wenn es dir gefällt.
• Melden Sie sich an, wenn Sie dazu aufgefordert werden. Das erste Mal, dass Sie eine Pro-Vorlage einfügen, Elementor fordert Sie auf, Ihr Konto zu verbinden. Kostenlose Vorlagen stehen zur Verfügung, ohne dass ein Konto erforderlich ist.

Dieses Ordnersymbol ermöglicht die Drag-and-Drop-Bearbeitung in selbst gehostetem WordPress, Den gleichen Punkt behandeln wir in unserem WordPress vs. Vergleich von Website-Buildern. Sobald eine Vorlage auf der Leinwand landet, jeder Textblock, Bild, und die Schaltfläche kann direkt bearbeitet werden.

So wenden Sie eine vollständige Website-Vorlage an (Kit-Bibliothek)

Eine einzelne Seite ist eine Sache. Eine ganze Website an einem Nachmittag zu erstellen, ist eine echte Zeitersparnis. Das ist es, was Kits tun.

• Öffnen Sie die Kit-Bibliothek. In Ihrem WordPress-Dashboard, gehe zu Vorlagen → Website-Vorlagen. Bei älteren Installationen ist dies gekennzeichnet Kit-Bibliothek.
• Durchsuchen und Vorschau anzeigen. Kits nach Kategorie filtern, Bewegen Sie den Mauszeiger über das, das Ihnen gefällt, und klicken Sie auf Demo ansehen , um die mehrseitige Live-Vorschau anzuzeigen.
• Tragen Sie das Kit auf. Klicken Kit anwenden (In einigen Versionen steht „Importieren“.). Elementor richtet die Seiten ein, Menüs, und globales Design.
• Wählen Sie alle oder ausgewählte Teile aus. Sie können das gesamte Kit importieren (jede Seite, plus globale Farben, Schriftarten, und Einstellungen) oder kreuzen Sie nur die gewünschten Teile an, wie nur die Homepage und die globalen Stile.
• Legen Sie Ihre Homepage fest. Importierte Seiten werden unten angezeigt Seiten. Richten Sie Ihre Website auf die neue Homepage unten die Einstellungen → lesen.

Für vollständige Website-Kits ist Elementor Pro erforderlich. Wenn Sie die Site lieber in einfacher Sprache beschreiben und sie von einer Software zusammenstellen lassen möchten, Das ist ein anderer Arbeitsablauf, und unser AI WordPress Builder-Anleitung geht schneller durch, Eingabeaufforderungsgesteuerter Pfad.

So importieren Sie eine Kit-ZIP-Datei (Marktplatz oder eine andere Website)

ZIP-Kits erreichen Sie auf zwei Wegen: ein Premium-Kit, das auf einem Marktplatz wie Envato gekauft wurde, oder ein Website-Kit, das jemand von einer anderen Elementor-Site exportiert hat. Jeder verwendet einen anderen Importer, Überprüfen Sie also zuerst, welche Datei Sie haben.

Von einem Marktplatz (Envato-Vorlagen-Kits):

• Laden Sie das Kit-ZIP herunter. Kaufen Sie das Vorlagen-Kit, Speichern Sie dann die ZIP-Datei auf Ihrem Computer.
• Öffnen Sie den Kit-Importer. In WordPress, gehe zu Werkzeuge → Vorlagen-Kit, dann klick Laden Sie die ZIP-Datei des Vorlagenkits hoch. Installieren Sie das kostenlose Vorlagenkit-Import Plugin zuerst, wenn WordPress Sie dazu auffordert.
• Installieren Sie erforderliche Add-Ons. Viele Kits sind auf kostenlose Widget-Plugins angewiesen. Der Importer markiert, welche hinzugefügt werden sollen, Installieren Sie sie also, bevor Sie etwas einfügen.
• Fügen Sie ein, was Sie brauchen. Ziehen Sie einzelne Vorlagen aus der Bibliothek in Seiten, oder importieren Sie die Teile des Bausatzes zusammen.

Von einer anderen Elementor-Site (Natives Website-Kit): Gehe zu Elementor → Werkzeuge → Website-Vorlagen (ältere Versionen nennen dies Import / Export-Kit), Geben Sie die Postleitzahl ein, und wählen Sie aus, welche Teile Sie mitbringen möchten: Vorlagen (Überschriften, Fußzeilen, gespeicherte Layouts), Inhalt (Seiten und Beiträge), und Site-Einstellungen (globale Farben und Schriftarten). Es ist derselbe Exporter, den Sie zum Klonen einer gesamten Site zwischen Installationen verwenden würden.

Etwas verkaufen? Ein WooCommerce-Kit erscheint im Produkt, Wagen, und Kassenlayouts auf einmal, Das passt gut zu unserem Setup WordPress-E-Commerce-Hosting-Leitfaden. Vergewissern Sie sich vor dem Kauf einfach, dass das Kit die WooCommerce-Unterstützung auflistet.

So speichern Sie Ihre eigene Vorlage und verwenden sie wieder

Habe einen Header gebaut, ein Preisblock, oder ein Kontaktformular, das Sie wieder verwenden werden? Speichern Sie es einmal. Verwenden Sie es überall wieder.

• Speichern Sie eine ganze Seite. Klicken Sie auf den Aufwärtspfeil neben dem Grün Veröffentlichen (oder Aktualisieren) Schaltfläche unten im Bedienfeld, wählen Als Vorlage speichern, nenne es, und speichern.
• Bewahren Sie einen Behälter auf. Klicken Sie mit der rechten Maustaste auf den Containergriff (das Sechs-Punkte-Symbol darüber) und auswählen Als Vorlage speichern. Container ersetzten das alte Abschnitts- und Spaltenlayout, aber dieser Speicherschritt funktioniert auf die gleiche Weise.
• Finden Sie es später. Gespeicherte Designs landen im Meine Vorlagen Registerkarte in der Bibliothek.
• Wiederverwenden. Auf jeder Seite, Klicken Sie auf das Ordnersymbol, öffnen Meine Vorlagen, und ziehen Sie die Vorlage auf die Leinwand (oder klicken Sie auf Einfügen).

Ein wissenswerter Vorbehalt: Verwandeln Sie eine Kopf- oder Fußzeile in ein echtes Website-weites Element (sodass es automatisch auf jeder Seite erscheint) nutzt den Theme Builder, Das ist eine Pro-Funktion. Das Speichern und erneute Einfügen funktioniert bei der kostenlosen Version, aber Sie werden es jedes Mal manuell platzieren.

So verschieben Sie Vorlagen zwischen Websites

Entwurf auf einer Staging-Site und Umsetzung in die Produktion? Oder ein Layout in der separaten WordPress-Installation eines Kunden wiederverwenden? Dafür brauchen Sie kein Pro. Exportieren Sie das Design als Datei.

• Exportieren Sie es. Gehe zu Vorlagen → Gespeicherte Vorlagen, Bewegen Sie den Mauszeiger über die Vorlage, und klicken Sie auf Vorlage exportieren. Sie laden eine JSON-Datei herunter (eine Nur-Text-Layoutdatei, keine eingebrannten Bilder).
• Importieren Sie es auf der anderen Site. Auf der zweiten Seite, gehe zu Vorlagen → Gespeicherte Vorlagen, klicken Vorlagen importieren, und laden Sie den JSON hoch.
• Verknüpfen Sie die Bilder erneut. Weil die Datei keine Bilder enthält, Laden Sie sie nach dem Import erneut hoch oder hängen Sie sie erneut an. Text, Layout, und Styling übertragen alles sauber.

Betrachten Sie dies als kostenlos, manuelle Version dessen, was die Cloud-Vorlagen von Pro automatisch tun. Für eine Handvoll Designs, es geht schnell. Für Dutzende auf vielen Websites, Die Cloud-Bibliothek beginnt, sich zu amortisieren.

So passen Sie eine importierte Vorlage an

Eine Vorlage bringt Sie 80 Prozent des Weges. Das Letzte 20 Prozent macht es zu Ihrem, Und hier verdienen globale Stile ihren Lebensunterhalt.

Klicken Sie auf ein beliebiges Element, um seinen Text oder sein Bild direkt auszutauschen. Für Farben und Schriftarten, Färben Sie nicht jeden Knopf von Hand neu. Öffnen Site-Einstellungen aus dem Editor-Menü, dann bearbeiten Globale Farben und Globale Schriftarten. Warum global bearbeiten?? Ändern Sie die Akzentfarbe einmal pro Taste, Überschrift, und der damit verbundene Link wird gemeinsam aktualisiert. So sorgen Sie dafür, dass ein Kit einheitlich und nicht wie ein Flickenteppich aussieht.

Layoutänderungen erfolgen per Drag-and-Drop: Widgets verschieben, Spaltengröße ändern, Mithilfe der responsiven Vorschau können Sie Elemente auf bestimmten Geräten ausblenden (Desktop, Tablette, Handy, Mobiltelefon). Verbringen Sie fünf Minuten in der mobilen Ansicht, bevor Sie veröffentlichen. Vorlagen, die auf einem Breitbildschirm scharf aussehen, drängen sich oft auf 390 Pixel breit.

So generieren Sie eine Vorlage mit Elementor AI

Ich kann keine passende Bibliotheksvorlage finden? Lassen Sie Elementor eines erstellen. Elementor AI befindet sich im Editor und verwandelt eine schriftliche Eingabeaufforderung in ein Layout, Es lohnt sich also, es als Alternative zum Stöbern in der Bibliothek zu kennen.

• Starten Sie einen leeren Container. Fügen Sie einen neuen Container hinzu, dann suchen Sie nach dem Bauen Sie mit KI Möglichkeit (das lila KI-Symbol).
• Beschreiben Sie den Abschnitt. Geben Sie ein, was Sie möchten, mögen “einen Preisabschnitt mit drei Plänen und einer hervorgehobenen mittleren Ebene.”
• Wählen Sie eine Variante. Elementor gibt drei Layouts zurück. Klicken Verwenden Sie Layout auf das, das Ihnen gefällt, und es wird als bearbeitbarer Container auf die Leinwand gelegt.
• Verweisen Sie auf eine Website (Optional). Richten Sie die KI auf eine URL und sie erstellt Container, die dieser Seite nachempfunden sind.

Das gleiche Gremium schreibt Kopien, erzeugt Bilder, und erstellt benutzerdefiniertes CSS. Eine ehrliche Einschränkung: Elementor AI ist ein kostenpflichtiges Add-on, das darauf läuft Credits, getrennt von Ihrem Pro-Plan. Und die Ausgabe muss bereinigt werden, Betrachten Sie es also als einen schnellen ersten Entwurf, keine fertige Seite.

Kostenlos vs. Profi: Welche Vorlagen Sie tatsächlich erhalten

Hier ist die ehrliche Aufteilung, weil das Marketing es verwischt.

Kostenloser Elementor stellt Ihnen die Vorlagenbibliothek mit einer Mischung aus kostenlosen Block- und Seitenvorlagen zur Verfügung. Sie erhalten außerdem einen kleinen Satz Cloud-Vorlagen, plus die Möglichkeit zu speichern, Export, und importieren Sie Ihre eigenen Designs. Das reicht aus, um eine Website Seite für Seite aufzubauen. Viele Live-Sites laufen nur mit dem kostenlosen Plugin.

Elementor Pro schaltet die vollständige Website-Vorlage frei (Bausatz) Bibliothek, mit Hunderten von professionellen Kits. Außerdem wird der Theme Builder für Kopf- und Fußzeilen auf der gesamten Website hinzugefügt, der Popup-Builder, dynamischer Inhalt, und mehr als 100 zusätzliche Widgets. Die Preise beginnen bei 59 USD/Jahr (60 EUR/Jahr) für den Essential-Plan auf einer Website. Von da an steigen die bezahlten Stufen: Fortgeschrittenes Solo um USD 79, Fortgeschritten bei USD 99 für drei Standorte, und Experte bei USD 199 zum 25 Websites. Elementor hat seine lebenslange Lizenz wieder aufgegeben 2022, Daher verlängert sich jeder Plan jährlich, und Jahrespläne enthalten a 30-Tagesgeld-zurück-Garantie.

Fazit zu den Kosten: wenn Sie nur ein paar Seiten benötigen, Kostenloses Elementor plus ein Marktplatz-Kit mit ZIP können Sie transportieren. Pro verdient seinen Preis, sobald Sie konsistente Vorlagen für die gesamte Website wünschen, eine echte Kit-Bibliothek, oder dynamische Inhalte, die aus Ihren Beiträgen abgerufen werden.

Beheben häufiger Vorlagenprobleme

Vier Probleme sind für die meisten Fehler verantwortlich. Arbeiten Sie sie der Reihe nach durch.

Bilder fehlen, nachdem ich ein Kit importiert habe

Der häufigste Kopfschmerz, und normalerweise kein Fehler. Kits werden mit lizenzierten Demobildern ausgeliefert, die oft nicht weitergegeben werden können, Sie importieren also nicht immer. Überprüfen Sie Ihre Medienbibliothek zuerst. Wenn die Bilder nicht da sind, Führen Sie den Demo-Inhaltsimport des Kits erneut aus (wenn es eines anbietet) oder ersetzen Sie die Platzhalter durch Ihre eigenen Bilder. So oder so, Planen Sie auf jeden Fall, Demofotos vor dem Start auszutauschen.

Die von mir gewünschte Vorlage zeigt eine Krone und lässt sich nicht einfügen

Diese Krone bedeutet, dass es sich um eine Pro-Vorlage handelt. Kostenlose Konten können eine Vorschau anzeigen, es jedoch nicht einfügen. Wählen Sie stattdessen eine kostenlose Vorlage (Filtern Sie die Bibliothek nach „Nur kostenlos“.), oder upgraden Sie auf Pro. Es gibt keine Lösung, die sowohl legal als auch sicher ist, überspringen Sie also alle “auf Null gesetzt” Pro-Plugins finden Sie online. Sie sind eine häufige Quelle von Malware.

Der Kit-Import läuft ab oder schlägt auf halbem Weg fehl

Große Kits ersticken an engen Servergrenzen. Erhöhe deine PHP-Speicherlimit (256 MB oder mehr), maximale Ausführungszeit, und Upload-Größe über das Control Panel Ihres Hosts oder php.ini. Wenn Sie diese nicht ändern können, Importieren Sie ausgewählte Teile anstelle des gesamten Kits, oder wechseln Sie zu einem schnelleren Hosting. Unser Anleitung zum SSD-Hosting deckt die Stufe ab, in der sich der Elementor-Editor nicht mehr träge anfühlt, da es sich um einen ressourcenintensiven Builder handelt.

Das Layout sieht direkt nach dem Einfügen kaputt aus

Zwei übliche Ursachen. Zuerst, eine fehlende Abhängigkeit: Für das Kit ist ein Widget-Add-on erforderlich, das Sie nicht installiert haben, daher werden seine benutzerdefinierten Elemente leer. Installieren Sie das Add-on über den aufgeführten Importer. Zweite, ein Themenkonflikt. Wechseln Sie zum Leichtgewicht von Elementor Hallo Thema und noch einmal prüfen. Wenn es dort korrekt gerendert wird, Ihr altes Thema kämpfte gegen die Vorlage.

Häufig gestellte Fragen

Sind Elementor-Vorlagen kostenlos?, Oder brauche ich Pro??

Beide. Das kostenlose Elementor-Plugin enthält eine Bibliothek mit kostenlosen Block- und Seitenvorlagen, die Sie sofort einfügen können. Sie können auch Ihre eigenen speichern und importieren. Vollständige Website-Kits, der Theme Builder, und Hunderte von Premium-Vorlagen erfordern Elementor Pro, der bei 59 USD/Jahr beginnt (60 EUR/Jahr) für einen Standort. Pro-Vorlagen sind in der Bibliothek mit einer Krone gekennzeichnet.

Was ist der Unterschied zwischen einer Elementor-Vorlage und einem Vorlagenkit??

Eine Vorlage ist ein Layout: ein einzelner Abschnitt (wie eine Preistabelle) oder eine ganze Seite. Ein Vorlagenkit ist ein koordinierter Satz von Seiten für eine gesamte Website (heim, Über, Dienstleistungen, Kontakt, Blog) die die gleichen Farben und Schriftarten haben. Sie fügen eine Vorlage in eine Seite ein; Sie wenden einen Bausatz an, um die gesamte Website auf einmal zu erstellen.

Wie importiere ich ein Elementor-Vorlagenkit von Envato??

Laden Sie das Template Kit ZIP von Envato herunter, dann gehen Sie in WordPress zu Werkzeuge → Vorlagen-Kit und klicken Sie auf Laden Sie die ZIP-Datei des Vorlagenkits hoch. Wenn Sie dazu aufgefordert werden, Installieren Sie zuerst das kostenlose Template Kit Import-Plugin. Nach dem Hochladen, Installieren Sie alle erforderlichen Add-on-Widgets, die im Kit aufgeführt sind, Fügen Sie dann seine Vorlagen aus der Bibliothek ein.

Warum fehlen Bilder, nachdem ich eine Elementor-Vorlage importiert habe??

Kits werden mit lizenzierten Demobildern ausgeliefert, die häufig nicht weitergegeben werden können, Daher werden sie beim Import nicht immer übertragen. Überprüfen Sie Ihre Medienbibliothek, Führen Sie den Demo-Inhaltsimport des Kits erneut aus, falls vorhanden, oder ersetzen Sie die Platzhalter durch Ihre eigenen Bilder. Exportierte JSON-Vorlagen enthalten überhaupt keine Bilder, Daher müssen diese immer neu verknüpft werden.

Kann ich eine Kopf- oder Fußzeile seitenübergreifend mit Elementor-Vorlagen wiederverwenden??

Mit der kostenlosen Version können Sie eine Kopf- oder Fußzeile als Vorlage speichern und auf jeder Seite manuell wieder einfügen. Damit eines automatisch auf der gesamten Website angezeigt wird, Sie benötigen den Theme Builder, Das ist eine Pro-Funktion. Für die meisten Anfänger, Speichern und erneutes Einfügen ist in Ordnung, bis die Site wächst.

Verlangsamen Elementor-Vorlagen meine WordPress-Site??

Vorlagen selbst tun dies nicht, aber Elementor fügt CSS und Markup hinzu, die Seiten aufblähen können, wenn Sie umfangreiche Abschnitte stapeln. Halten Sie die Vorlagen schlank, Verwenden Sie ein Caching-Plugin, Beschränken Sie Widget-Add-ons von Drittanbietern, und auf einem Server mit soliden Ressourcen hosten. Ein schneller Host ist hier wichtiger als die Vorlagen.

Beginnen Sie mit der Bibliothek, Keine leere Seite

Der schwierige Teil von Elementor sind nicht die Vorlagen. Es ist die Erinnerung daran, dass es sie gibt. Sobald Sie wissen, dass dieses Ordnersymbol eine Bibliothek mit vorgefertigten Abschnitten öffnet, Sie hören auf, bei Null zu entwerfen. Das Gleiche gilt für Bausätze: Vorlagen → Website-Vorlagen kann eine ganze Website aufbauen, Sie bearbeiten also statt zu erstellen.

Halten Sie den Arbeitsablauf einfach: Fügen Sie eine Vorlage ein oder wenden Sie ein Kit an, Text und Bilder austauschen, Legen Sie Ihre Farben und Schriftarten global fest, und speichern Sie alles, was Sie wiederverwenden möchten. Das deckt ab 95 Prozent der realen Elementor-Arbeit, Alles über das kostenlose Plugin, bis Sie speziell die standortweiten Tools von Pro benötigen.

Erstellen Sie Ihre erste Website? Das Hosting-Finder-Tool verbindet Sie mit einem Plan, der dafür sorgt, dass der Elementor-Editor schnell und nicht träge ist. Und wenn Sie immer noch Elementor auf WordPress gegen einen gehosteten Site Builder abwägen, Der Vergleich zwischen WordPress und Website-Buildern weiter oben in diesem Leitfaden erläutert diesen Kompromiss vollständig.