{"id":50716,"date":"2022-05-26T14:00:29","date_gmt":"2022-05-26T13:00:29","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=50716&preview=true&preview_id=50716"},"modified":"2023-08-23T16:03:11","modified_gmt":"2023-08-23T15:03:11","slug":"elementor-vorlagen-importiert","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/elementor-vorlagen-importiert\/","title":{"rendered":"Wie man Elementor-Websites exportiert und importiert (Deine vollst\u00e4ndige Anleitung)"},"content":{"rendered":"

Das Elementor-Tool<\/a> macht es einfach, sch\u00f6ne Seiten, Beitr\u00e4ge und ganze Webseiten zu gestalten. Doch selbst mit einem leistungsstarken Page Builder<\/a> wie Elementor in der Hand ist die Erstellung eines neuen Webseiten-Designs zeitaufw\u00e4ndig und m\u00fchsam.<\/p>\n

Hier kommt das Import- und Exportsystem von Elementor ins Spiel. Mit dieser Funktion kannst du deine Design- und Entwicklungszeit verk\u00fcrzen, indem du wiederverwendbare Vorlagen erstellst oder Layouts von Dritten f\u00fcr dein Projekt importierst.<\/p>\n

In diesem Beitrag werden wir das flexible und leistungsstarke Import\/Export-System von Elementor genauer unter die Lupe nehmen. Wir werden uns mit allem befassen, von Bereichsvorlagen bis hin zu Seitenvorlagen – und sogar mit dem Export deiner gesamten Elementor-Webseite. Los geht’s!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

So bereitest du deine Webseite f\u00fcr eine neue Elementor-Vorlage vor (in 2 Schritten)<\/h2>\n

Elementor-Vorlagen sind vorgefertigte Layouts, die auf einzelne Seiten oder bestimmte Elemente der Benutzeroberfl\u00e4che (UI) angewendet werden. Obwohl sie \u00e4hnlich wie WordPress-Themes klingen, gibt es einige wesentliche Unterschiede.<\/p>\n

WordPress-Themes \u00e4ndern das Design<\/a> einer ganzen Webseite. Im Gegensatz dazu beeinflussen Elementor-Vorlagen das Layout einer einzelnen Webseite. Da sie auf eine einzige Seite beschr\u00e4nkt sind, ist es m\u00f6glich, mehrere Elementor-Vorlagen gleichzeitig zu verwenden. Au\u00dferdem arbeiten diese Vorlagen mit einem WordPress-Theme<\/a>, egal ob kostenlos oder Premium<\/a>.<\/p>\n

Wenn du eine neue Elementor-Vorlage auf deine Webseite anwendest, kann sich ihr Aussehen und ihre Funktionen \u00e4ndern. Aus diesem Grund solltest du einige Ma\u00dfnahmen ergreifen, bevor du deine Vorlage \u00e4nderst.<\/p>\n\n

Schritt 1: Ein Backup erstellen<\/h3>\n

Es ist ratsam, ein Backup zu erstellen<\/a>, bevor du deine Elementor-Vorlage \u00e4nderst. So stellst du sicher, dass du die Inhalte wiederherstellen kannst, wenn du Probleme mit deinem neuen Design<\/a> hast.<\/p>\n

Verschiedene Plugins<\/a> erm\u00f6glichen es dir, ein Backup deiner Webseite zu erstellen. Dazu geh\u00f6rt das Plugin UpdraftPlus<\/a>, mit dem du alle deine Dateien und Datenbankinformationen in die Cloud kopieren kannst:<\/p>\n

\"UpdraftPlus
UpdraftPlus<\/figcaption><\/figure>\n

Wenn du ein Kinsta-Kunde bist, sichern wir deine Webseite automatisch jeden Tag. Wenn du h\u00e4ufigere Backups<\/a> brauchst, k\u00f6nnen wir deine Webseite alle sechs Stunden ($50 pro Webseite, pro Monat) oder jede Stunde ($100 pro Webseite, pro Monat) kopieren.<\/p>\n

Alternativ kannst du auch jederzeit manuell ein Backup erstellen. Dazu loggst du dich in dein MyKinsta-Dashboard<\/a> ein:<\/p>\n

\"MyKinsta
MyKinsta Dashboard<\/figcaption><\/figure>\n

W\u00e4hle im linken Men\u00fc Seiten<\/strong>\u00a0und klicke auf die betreffende Webseite. W\u00e4hle dann Backups > Manuell<\/strong>:<\/p>\n

\"Klicke
Klicke auf „Seiten“ und dann auf „Backup“<\/figcaption><\/figure>\n

Klicke einfach auf die Schaltfl\u00e4che Jetzt sichern<\/strong>\u00a0und wir k\u00fcmmern uns um den Rest. Wenn du auf Probleme st\u00f6\u00dft und dein letztes Backup wiederherstellen<\/a> m\u00f6chtest, navigiere zum Reiter Backups > Manuell<\/strong>. Hier zeigt MyKinsta eine Liste aller deiner Backups an:<\/p>\n

\"MyKinsta
MyKinsta zeigt eine Liste aller Backups an<\/figcaption><\/figure>\n

Um eine fr\u00fchere Version deiner Webseite wiederherzustellen, klicke auf die zugeh\u00f6rige Schaltfl\u00e4che Wiederherstellen auf<\/strong>. Du kannst nun w\u00e4hlen, ob du dieses Backup auf deiner Live-Site oder einer Staging-Webseite wiederherstellen m\u00f6chtest.<\/p>\n

Schritt 2: Versetze deine Webseite in den Wartungsmodus<\/h3>\n

Wenn du die Vorlage deiner Webseite \u00e4nderst, kann es zu unerwarteten Abst\u00fcrzen, Fehlern oder anderem seltsamen Verhalten kommen. Nachdem du ein neues Design angewendet hast, solltest du einige Zeit damit verbringen, deine Webseite zu testen und Anpassungen vorzunehmen.<\/p>\n

Wenn ein Besucher versucht, auf deine Webseite zuzugreifen, w\u00e4hrend du diese \u00c4nderungen vornimmst, kann sich das auf die Qualit\u00e4t des Besuchs auswirken. Das kann dazu f\u00fchren, dass dir potenzielle Ums\u00e4tze entgehen.<\/p>\n

Bevor du eine neue Elementor-Vorlage anwendest, solltest du deine Webseite in den Wartungsmodus<\/a> versetzen. Damit verhinderst du, dass Besucher auf deine Seite zugreifen, w\u00e4hrend du dein neues Design testest.<\/p>\n

Mehrere Plugins k\u00f6nnen einen eigenen Wartungsmodus erstellen. WP Maintenance Mode<\/a> ist jedoch eine beliebte Wahl:<\/p>\n

\"Das
WP-Wartungsmodus<\/figcaption><\/figure>\n

Dieses Plugin hat viele zus\u00e4tzliche Extras, wie z.B. einen Countdown f\u00fcr deinen Wartungs-Splash-Screen. Diese Funktion kann dir dabei helfen, die Neugestaltung und den Relaunch deiner Webseite in Szene zu setzen.<\/p>\n

Sobald sich deine Website im Wartungsmodus befindet, kannst du mit verschiedenen Vorlagen experimentieren und testen, wie sie im Frontend deiner Webseite aussehen. Wenn du mit den Ergebnissen zufrieden bist, kannst du deine Webseite aus dem Wartungsmodus nehmen – und die Besucher mit deinem neuen Design begeistern.<\/p>\n

Wie man Elementor-Vorlagen speichert (2 Methoden)<\/h2>\n

Als einer der weltweit beliebtesten Page Builder<\/a> hat Elementor einen gro\u00dfen Fundus an vorgefertigten Vorlagen von Drittanbietern. Manchmal m\u00f6chtest du aber auch deine eigenen Vorlagen erstellen.<\/p>\n

Die Verwendung von Vorlagen kann dir helfen, ein einheitliches Design f\u00fcr deine gesamte Webseite zu erreichen<\/a>. Au\u00dferdem kannst du damit Zeit sparen, vor allem wenn du dieselben Designs auf mehreren Webseiten verwendest.<\/p>\n

WordPress-Design- und -Entwicklungsagenturen k\u00f6nnen zum Beispiel davon profitieren, Vorlagen mit den Kernelementen zu erstellen, die sie regelm\u00e4\u00dfig auf ihren Kundenseiten verwenden.<\/p>\n

Methode 1: Speichere eine Seite als Elementor-Vorlage<\/h3>\n

Du kannst jede Seite als Elementor-Vorlage speichern. So kannst du ein einheitliches Erscheinungsbild erstellen, das du auf deiner gesamten Webseite einsetzen kannst.<\/p>\n

Du k\u00f6nntest zum Beispiel die Men\u00fcs deiner Webseite<\/a>, den Header und den WordPress-Footer<\/a> erstellen<\/a>. Diese Seitenvorlage kannst du dann auf alle deine Webseiten anwenden.<\/p>\n

Eine Vorlage zu erstellen bedeutet auch, dass du nicht f\u00fcr jede Webseite dieselben Elemente manuell neu erstellen musst. Das ist eine gute Nachricht f\u00fcr deine Produktivit\u00e4t.<\/p>\n

Um die aktuelle Seite als Elementor-Vorlage zu speichern, suche die gr\u00fcne Schaltfl\u00e4che Aktualisieren\/Ver\u00f6ffentlichen<\/strong> unten in der Elementor-Seitenleiste. Klicke dann auf das Pfeilsymbol dieser Schaltfl\u00e4che:<\/p>\n

\"Seite
Seite als Elementor-Vorlage speichern<\/figcaption><\/figure>\n

Du kannst jetzt auf Als Vorlage speichern<\/strong> klicken. Daraufhin \u00f6ffnet sich ein Fenster, in dem du der Vorlage einen beschreibenden Namen geben kannst:<\/p>\n

\"Benenne
Benenne deine Seitenvorlage<\/figcaption><\/figure>\n

Klicke dann auf Speichern<\/strong>. Du kannst nun jederzeit auf dieses Design zugreifen, indem du die Elementor-Bibliothek aufrufst und den Reiter Meine Vorlagen<\/strong> ausw\u00e4hlst.<\/p>\n

Methode 2: Einen Abschnitt als Elementor-Vorlage speichern<\/h3>\n

Viele Webseiten enthalten wiederkehrende Elemente. Dazu geh\u00f6ren Formulare zur Leadgenerierung<\/a> oder Texte, die deine meistverkauften Produkte beschreiben.<\/p>\n

Wenn du eine Abschnittsvorlage erstellst, kannst du sie mit nur wenigen Klicks zu jeder Seite hinzuf\u00fcgen. Du kannst sogar Abschnittsvorlagen f\u00fcr verschiedene Inhaltskategorien erstellen.<\/p>\n

Du k\u00f6nntest zum Beispiel eine Vorlage f\u00fcr einen Call To Action (CTA)<\/a> erstellen. Jedes Mal, wenn du einen CTA brauchst, kannst du diese Vorlage einfach importieren und den Inhalt anpassen.<\/p>\n

Um eine Vorlage zu erstellen, klicke bei gedr\u00fcckter Taste auf den betreffenden Abschnitt<\/strong>. W\u00e4hle dann Als Vorlage speichern<\/strong>:<\/p>\n

\"Einen
Einen Abschnitt als Vorlage speichern<\/figcaption><\/figure>\n

Gib der Vorlage in dem nun erscheinenden Fenster einen aussagekr\u00e4ftigen Namen. Klicke dann auf Speichern<\/strong>:<\/p>\n

\"Gib
Gib deinem Abschnitt einen Namen<\/figcaption><\/figure>\n

Um diese Vorlage auf einen beliebigen Abschnitt anzuwenden, rufe einfach die Elementor Vorlagenbibliothek auf. Du findest das Design in deinem Reiter Meine Vorlagen<\/strong>.<\/p>\n

So erstellst du eine Elementor-Vorlage<\/h2>\n

Du kannst zwar jede Seite oder jeden Abschnitt, die\/der gerade in Arbeit ist, als Elementor-Vorlage<\/a> speichern, aber manchmal m\u00f6chtest du eine Vorlage explizit zur Wiederverwendung erstellen. In diesem Fall kannst du dein Design als normale Elementor-Webseite beginnen und es dann als Vorlage speichern.<\/p>\n

Du kannst Elementor aber auch im Voraus mitteilen, dass du eine Vorlage erstellen willst. Dieser Ansatz gibt dir mehr Flexibilit\u00e4t, um Vorlagen f\u00fcr verschiedene Bereiche deiner Webseite zu erstellen.<\/p>\n

Du k\u00f6nntest zum Beispiel eine Vorlage f\u00fcr deine 404-Fehlerseite, eine Suchergebnisseite<\/a> oder sogar ein Popup-Layout erstellen. Mit dieser Methode kannst du au\u00dferdem jede Vorlage in deiner Bibliothek als Basis f\u00fcr ein neues Design verwenden.<\/p>\n

Um eine Seiten- oder Abschnittsvorlage zu erstellen, gehst du zu Vorlagen > Gespeicherte Vorlagen<\/strong>. Klicke dann auf Neu hinzuf\u00fcgen<\/strong>. Im n\u00e4chsten Fenster \u00f6ffnest du das Dropdown-Men\u00fc Vorlagenart ausw\u00e4hlen… <\/strong>:<\/p>\n

\"W\u00e4hle
W\u00e4hle einen Vorlagentyp<\/figcaption><\/figure>\n

Jetzt kannst du die Art der Vorlage angeben, die du erstellen m\u00f6chtest. Wir haben bereits \u00fcber Seiten- und Abschnittsvorlagen gesprochen, aber dieses Fenster bietet dir zus\u00e4tzliche Optionen.<\/p>\n

Nachdem du ausgew\u00e4hlt hast, gibst du deinem Entwurf einen beschreibenden Namen und klickst dann auf Vorlage erstellen<\/strong>. Dadurch wird die Elementor-Bibliothek gestartet, in der du eine bereits vorhandene Vorlage als Basis verwenden kannst. Alternativ kannst du dieses Fenster auch verlassen und mit einer neuen Vorlage beginnen.<\/p>\n

Jetzt kannst du deine Vorlage mit dem Standard-Elementor-Editor erstellen. Wenn du bereit bist, dein Design zu speichern, klicke auf Ver\u00f6ffentlichen<\/strong>. Dadurch wird das Feld Ver\u00f6ffentlichungseinstellungen<\/strong> ge\u00f6ffnet:<\/p>\n

\"Das
Das Feld Ver\u00f6ffentlichungseinstellungen<\/figcaption><\/figure>\n

Hier kannst du einige Regeln f\u00fcr die Verwendung dieser Vorlage festlegen. Du kannst zum Beispiel auf Bedingung hinzuf\u00fcgen<\/strong> klicken und festlegen, dass dieses Layout nur f\u00fcr einzelne Seiten geeignet ist.<\/p>\n

Wie exportiere ich Elementor-Vorlagen?<\/h2>\n

Du kannst Elementor-Vorlagen \u00fcber das WordPress-Dashboard exportieren. Auf diese Weise kannst du Designs mit deinen Kollegen teilen oder sie an Kunden zur Genehmigung schicken<\/a>. Du kannst die Exportfunktion auch nutzen, um Sicherungskopien deiner Elementor-Designs zu erstellen.<\/p>\n

Der Export von Vorlagen ist ein einfacher Weg, um deine Designs auf mehreren Domains zu verwenden. Das ist besonders praktisch f\u00fcr WordPress-Design- und Entwicklungsagenturen<\/a>, die zahlreiche Webseiten verwalten. Wenn du deine Designs zu Geld machen willst, ist der Export oft der erste Schritt, um sie mit der Welt zu teilen.<\/p>\n

Navigiere zu Vorlagen > Gespeicherte Vorlagen<\/strong> im WordPress-Dashboard, um ein Design zu exportieren. Auf dieser Registerkarte werden alle Vorlagen angezeigt, die du in deiner Bibliothek gespeichert hast:<\/p>\n

\"Alle
Alle gespeicherten Vorlagen anzeigen<\/figcaption><\/figure>\n

WordPress unterteilt diese Vorlagen auch in die Registerkarten Seite<\/strong> und Abschnitt<\/strong>. Suche einfach die Vorlage, die du exportieren m\u00f6chtest, und fahre mit dem Mauszeiger \u00fcber sie:<\/p>\n

\"W\u00e4hle
W\u00e4hle zwischen Seiten- und Abschnittsvorlagen<\/figcaption><\/figure>\n

Wenn der Link Vorlage exportieren<\/strong> erscheint, klicke ihn an. Elementor l\u00e4dt nun diese Vorlage als JSON-Datei herunter.<\/p>\n

Du kannst deine Vorlagen auch aus der Elementor-Bibliothek exportieren. \u00d6ffne in der Bibliothek die Registerkarte Meine Vorlagen<\/strong>. Suche die Vorlage, die du exportieren m\u00f6chtest, und klicke auf das zugeh\u00f6rige Symbol mit den drei Punkten:<\/p>\n

\"Vorlagen
Vorlagen direkt aus der Bibliothek exportieren<\/figcaption><\/figure>\n

Dann klickst du auf Exportieren<\/strong>. Elementor l\u00e4dt diese Vorlage nun als JSON-Datei herunter.<\/p>\n

So importierst du Elementor-Vorlagen<\/h2>\n

Manchmal m\u00f6chtest du vielleicht eine Vorlage in Elementor importieren. Dabei kann es sich um ein Design handeln, das du von einer anderen Webseite exportiert oder von einem Drittanbieter gekauft hast.<\/p>\n

Wenn du eine Vorlage im JSON- oder ZIP-Format hast, kannst du sie in die Elementor-Bibliothek hochladen. Navigiere dazu zu Vorlagen > Gespeicherte Vorlagen<\/strong>. Klicke oben auf diesem Bildschirm auf Vorlagen importieren<\/strong>:<\/p>\n

\"Suche
Suche und klicke auf die Schaltfl\u00e4che „Vorlagen importieren“<\/figcaption><\/figure>\n

W\u00e4hle dann deine Elementor-Importvorlage aus und klicke auf Jetzt importieren<\/strong>. Die Vorlage wird nun in deiner Bibliothek erscheinen.<\/p>\n

Um dieses Design auf dein Webseiten-Layout anzuwenden, \u00f6ffne einfach die betreffende Seite oder den Beitrag im Elementor-Editor. Dann klickst du auf das Symbol Vorlage hinzuf\u00fcgen<\/strong>, das durch einen wei\u00dfen Ordner dargestellt wird:<\/p>\n

\"Finde
Finde die Schaltfl\u00e4che „Vorlage hinzuf\u00fcgen“<\/figcaption><\/figure>\n

Im n\u00e4chsten Fenster w\u00e4hlst du die Registerkarte Meine Vorlagen<\/strong>. Hier findest du alle deine importierten Elementor-Vorlagen:<\/p>\n

\"Alle
Alle importierten Vorlagen anzeigen<\/figcaption><\/figure>\n

Um zu sehen, wie dieses Design auf der aktuellen Seite aussehen wird, klicke auf Vorschau<\/strong>. Wenn du diese Vorlage verwenden m\u00f6chtest, w\u00e4hle den zugeh\u00f6rigen Link Einf\u00fcgen<\/strong>.<\/p>\n

So exportierst und importierst du eine einzelne Elementor-Seite<\/h2>\n

Vielleicht m\u00f6chtest du dieselbe Seite auf mehreren Webseiten wiederverwenden. Wenn du zum Beispiel mehrere WordPress-Webseiten betreibst, k\u00f6nntest du eine standardm\u00e4\u00dfige \u00dcber uns-Seite<\/a> verwenden.<\/p>\n

Anstatt diese Seite manuell neu zu erstellen, kannst du sie als Elementor-Vorlage speichern und exportieren. Dann kannst du das Design in jede Webseite importieren, auf der Elementor installiert ist.<\/p>\n

Um eine einzelne Seite als Vorlage zu speichern, klicke auf das Pfeilsymbol neben der Schaltfl\u00e4che Ver\u00f6ffentlichen\/Aktualisieren<\/strong> in Elementor. Du kannst dann Als Vorlage speichern<\/strong> ausw\u00e4hlen:<\/p>\n

\"Eine
Eine einzelne Seite als Vorlage speichern<\/figcaption><\/figure>\n

Im darauf folgenden Popup gibst du der Vorlage einen Namen. Dann klickst du auf Speichern<\/strong>.<\/p>\n

Die WordPress-Vorlagenbibliothek sollte sich automatisch \u00f6ffnen. Du kannst die Vorlage, die du gerade erstellt hast, suchen und auf das Symbol mit den drei Punkten klicken. Wenn du dazu aufgefordert wirst, w\u00e4hle Exportieren<\/strong>:<\/p>\n

\"Finde
Finde alle Vorlagen in der Bibliothek<\/figcaption><\/figure>\n

Alternativ kannst du diese einseitige Vorlage auch exportieren, indem du in deinem WordPress-Dashboard zu Vorlagen > Gespeicherte Vorlagen<\/strong> navigierst. Bewege dann den Mauszeiger \u00fcber die betreffende Vorlage und klicke auf Exportieren<\/strong>.<\/p>\n

Sobald die einseitige Vorlage sicher auf deinem lokalen Computer gespeichert ist, kannst du sie in eine andere Webseite importieren. Wechsle einfach zu deiner neuen Webseite und navigiere zu Vorlagen > Gespeicherte Vorlagen<\/strong>.<\/p>\n

Oben auf diesem Bildschirm klickst du auf Vorlagen importieren<\/strong>. Jetzt kannst du dein einseitiges Design importieren.<\/p>\n

So exportierst und importierst du deine gesamte Elementor-Webseite (in 3 Schritten)<\/h2>\n

Elementor macht es dir leicht, einzelne Vorlagen zu importieren und zu exportieren, aber du musst vielleicht auch eine ganze Webseite exportieren<\/a>.<\/p>\n

Du k\u00f6nntest zum Beispiel ein Vorlagen-Kit erstellen, das alle Standardseiten deiner Webseite enth\u00e4lt, z. B. eine Kontaktseite und eine Homepage. Dieses Kit kannst du dann f\u00fcr deine Basis-Webseiten verwenden.<\/p>\n

Schauen wir uns an, wie du ein solches Kit erstellen kannst. Hier erf\u00e4hrst du, wie du deine gesamte Elementor-Webseite in drei einfachen Schritten exportieren kannst!<\/p>\n

Schritt 1: Aktiviere das Elementor Export Kit<\/h3>\n

Mit der Export-Kit-Funktion von Elementor kannst du deine komplette Webseite exportieren, einschlie\u00dflich ihrer Inhalte und Einstellungen.<\/p>\n

Diese Funktion kann hilfreich sein, wenn du verwandte Webseiten erstellst und das gleiche Branding beibehalten willst. Du k\u00f6nntest zum Beispiel eine Microsite erstellen, um eine bevorstehende Produkteinf\u00fchrung zu bewerben.<\/p>\n

Zum Zeitpunkt der Erstellung dieses Artikels ist das Export Kit von Elementor eine experimentelle Funktion. Du musst es aktivieren, indem du zu Elementor > Einstellungen<\/strong> navigierst. Dort kannst du auf die Registerkarte Experimente<\/strong> klicken:<\/p>\n

\"Klicke
Klicke auf die Registerkarte Elementor und finde die Registerkarte Experimente<\/figcaption><\/figure>\n

Scrolle zum Abschnitt Import Export Template Kit<\/strong>. Dann kannst du das zugeh\u00f6rige Dropdown-Men\u00fc \u00f6ffnen und Aktiv<\/strong> ausw\u00e4hlen:<\/p>\n

\"Scrolle
Scrolle zu der Option „Import Export Template Kit“<\/figcaption><\/figure>\n

Vergiss nicht, bis zum Ende dieser Seite zu scrollen und auf \u00c4nderungen speichern<\/strong> zu klicken. Diese experimentelle Funktion ist jetzt einsatzbereit.<\/p>\n

Schritt 2: Exportiere deine gesamte Elementor-Webseite<\/h3>\n

Navigiere in deinem WordPress Dashboard zu Elementor > Tools<\/strong>. Klicke jetzt auf das Import\/Export-Kit<\/strong>:<\/p>\n

\"Klick
Klick auf Import Export Kit<\/figcaption><\/figure>\n

Klicke auf Export starten<\/strong>. Wenn du dazu aufgefordert wirst, gib die Inhalte und Daten an, die du in deinen Download aufnehmen m\u00f6chtest.<\/p>\n

Du kannst zum Beispiel nur deine Vorlagen exportieren. Du kannst aber auch alle deine Inhalte exportieren, einschlie\u00dflich Seiten, Beitr\u00e4ge und benutzerdefinierte Beitragstypen:<\/p>\n

\"Exportiere
Exportiere einen oder alle gew\u00fcnschten Inhalte<\/figcaption><\/figure>\n

Klicke als N\u00e4chstes auf den Abschnitt Kit-Informationen<\/strong> und gib deiner Datei einen beschreibenden Namen. Du kannst auch eine optionale Beschreibung eingeben:<\/p>\n

\"Gib
Gib deiner Datei einen aussagekr\u00e4ftigen Namen<\/figcaption><\/figure>\n

Wenn du mit deiner Auswahl zufrieden bist, klicke auf Exportieren<\/strong>. Elementor erstellt nun dein Kit und zeigt eine Zusammenfassung aller in dieser Datei enthaltenen Elemente an:<\/p>\n

\"Du
Du bekommst eine Zusammenfassung des Kits angezeigt<\/figcaption><\/figure>\n

Elementor wird das erstellte Kit automatisch auf deinen Computer herunterladen. Wenn du dazu aufgefordert wirst, klicke auf Zur\u00fcck zum Dashboard<\/strong>.<\/p>\n

Schritt 3: Importiere deine Webseite<\/h3>\n

Du kannst dein Vorlagen-Kit jetzt in jede Webseite importieren, auf der Elementor installiert ist. Dabei werden deine bestehenden Inhalte \u00fcberschrieben, daher empfehlen wir dir, ein vollst\u00e4ndiges Backup zu erstellen, bevor du fortf\u00e4hrst.<\/p>\n

Sobald du dein Backup erstellt hast, musst du Elementor Experiments auf der Zielwebseite aktivieren. Navigiere dazu wie zuvor zu Elementor > Einstellungen > Experimente<\/strong>. Dann kannst du den Abschnitt Import-Export-Vorlagen-Kit<\/strong> ausw\u00e4hlen und diese Funktion aktivieren.<\/p>\n

Als N\u00e4chstes navigierst du zu Templates > Kit Library<\/strong>. Klicke auf Import starten<\/strong>. Auf dem folgenden Bildschirm w\u00e4hlst du die Datei aus, die du im vorherigen Schritt heruntergeladen hast:<\/p>\n

\"Importiere
Importiere ein Vorlagen-Kit<\/figcaption><\/figure>\n

Wenn du dein Kit auf eine bereits bestehende Installation anwendest, zeigt Elementor alle Vorlagen an, die die gleichen Bedingungen haben wie die, die du importierst. Du kannst dann ausw\u00e4hlen, welche Vorlagen du ersetzen und welche du beibehalten m\u00f6chtest.<\/p>\n

Wenn du deine Auswahl getroffen hast, klicke auf Weiter<\/strong>. Elementor importiert nun dein Site Kit.<\/p>\n

Wie du den Fehler „Ung\u00fcltige Datei“ in Elementor behebst<\/h2>\n

Manchmal bekommst du die Fehlermeldung „Ung\u00fcltige Datei“, wenn du versuchst, eine Vorlage zu importieren. Das bedeutet normalerweise, dass du versuchst, eine Vorlage zu importieren, die mit einer fr\u00fcheren Version von Elementor erstellt wurde.<\/p>\n

Um diesen Fehler zu beheben, musst du vor\u00fcbergehend auf eine fr\u00fchere Version von Elementor umsteigen. Dieser Wechsel kann zu Problemen mit deiner Webseite f\u00fchren.<\/p>\n

Aus diesem Grund empfehlen wir dir, ein vollst\u00e4ndiges Backup zu erstellen, bevor du fortf\u00e4hrst. Du kannst auch in Erw\u00e4gung ziehen, deine Webseite in den Wartungsmodus zu versetzen.<\/p>\n

Wenn du bereit bist, gehst du zur Elementor Plugin-Liste<\/a>. W\u00e4hle dann Erweiterte Ansicht<\/strong>:<\/p>\n

\"Klicke
Klicke auf die Option „Erweiterte Ansicht“<\/figcaption><\/figure>\n

Nutze das Dropdown-Men\u00fc unten auf der Seite, um eine fr\u00fchere Version von Elementor auszuw\u00e4hlen. Um die besten Ergebnisse zu erzielen, empfehlen wir, die letzte Version von Elementor 1 herunterzuladen, also 1.9.8<\/strong>:<\/p>\n

\"Lade
Lade die letzte Version von Elementor herunter<\/figcaption><\/figure>\n

Sobald du diese Datei hast, hast du ein paar M\u00f6glichkeiten. Du kannst deine aktuelle Elementor-Version deaktivieren und l\u00f6schen. Dann kannst du die Software, die du gerade heruntergeladen hast, hochladen und aktivieren.<\/p>\n

Alternativ kannst du auch Easy Theme and Plugin Upgrades<\/a> verwenden. Nachdem du dieses Plugin aktiviert hast, kannst du eine \u00e4ltere Elementor-Version hochladen, ohne die aktuelle Version zu deaktivieren und zu l\u00f6schen.<\/p>\n

Nachdem du die \u00e4ltere Version von Elementor hochgeladen hast, navigiere zu Plugins > Installierte Plugins<\/strong>. WordPress sollte automatisch auf die \u00e4ltere Softwareversion umgestellt haben:<\/p>\n

\"Die
Die neue Version von Elementor im Bereich Plugins anzeigen<\/figcaption><\/figure>\n

Du solltest jetzt in der Lage sein, deine Vorlage ohne Probleme zu importieren. Sobald der Import abgeschlossen ist, navigiere zur\u00fcck zu Plugins > Installierte Plugins<\/strong> und stelle die aktuellste Version von Elementor wieder her. Die Vorlage sollte sich nun in deiner Bibliothek befinden und zur Verwendung bereit sein.<\/p>\n

Die 3 besten Elementor-Addons zum Importieren und Exportieren von Vorlagen<\/h2>\n

Wie wir gerade gesehen haben, verf\u00fcgt Elementor \u00fcber ein robustes Import- und Exportsystem. Mit dieser Funktion kannst du Vorlagen f\u00fcr einzelne Abschnitte, Seiten und sogar ganze Webseiten erstellen.<\/p>\n

Vielleicht m\u00f6chtest du diese integrierte Funktion aber noch erweitern. Deshalb stellen wir dir hier drei Elementor-Addons f\u00fcr Importvorlagen vor, die den Import- und Exportprozess deutlich verbessern!<\/p>\n

1. Happy Addons Pro<\/h3>\n

Happy Addons Pro<\/a> erweitert das Standard-Elementor-Erlebnis um \u00fcber 20 neue Funktionen. Darunter sind mehrere Funktionen, die du in deinen Import- und Export-Workflow integrieren kannst:<\/p>\n

\"Happy
Happy Addons Pro<\/figcaption><\/figure>\n

Wenn du mit mehreren Webseiten arbeitest, solltest du die domain\u00fcbergreifende Copy-Paste-Funktion von Happy Addons Pro nutzen. Damit kannst du ganz einfach Inhalte von einer Webseite kopieren und auf einer anderen Domain einf\u00fcgen.<\/p>\n

Wenn du die Demo-Inhalte von Happy Addons Pro wiederverwenden m\u00f6chtest, kannst du sie in dein Elementor-Editor-Panel kopieren. Dar\u00fcber hinaus verf\u00fcgt dieses Addon \u00fcber eine ma\u00dfgeschneiderte Importfunktion. Sie bietet alle Funktionen, die du vom eingebauten Elementor-Import- und -Exportsystem erwarten w\u00fcrdest.<\/p>\n

Insbesondere kannst du nach Happy Addon-Vorlagen anhand der Namen der Abschnitte suchen oder nach der Kategorie der Seitenabschnitte filtern.<\/p>\n

Funktionen:<\/strong><\/p>\n