Wie exportiert und importiert man bestimmte Elementor-Seiten in WordPress?

Das Übertragen eines Designs von einer Website auf eine andere sollte sich nicht wie ein kompletter Neuaufbau anfühlen. Mit einer Elementor-Seite lassen sich mühelos ansprechende Layouts erstellen, doch viele Nutzer haben Schwierigkeiten, wenn sie nur eine einzelne Seite anstatt der gesamten Website übertragen müssen.

Die gute Nachricht ist, dass Elementor es Ihnen ermöglicht, bestimmte Seiten mit nur wenigen Klicks zu exportieren und zu importieren.

In diesem Leitfaden erfahren Sie, wie Sie Ihre Designs am einfachsten zwischen WordPress-Websites übertragen und dabei Layout, Styling und Inhalte beibehalten können.

Kurz gesagt: Übertragen Sie Ihre Designs in wenigen Minuten zwischen verschiedenen Websites

• Jedes Layout lässt sich exportieren, indem man es als Vorlage speichert. Die so erstellte .json-Datei kann auf einer anderen WordPress-Website wiederverwendet werden.

• Importieren Sie die Datei über den Bereich „Vorlagen“ und fügen Sie sie anschließend mithilfe des Elementor-Editors in eine beliebige Seite ein.

• Sparen Sie Zeit, indem Sie Abschnitte exportieren, Layouts auf mehreren Websites wiederverwenden oder komplette Template-Kits übertragen.

• Vermeiden Sie Probleme, indem Sie Ihre Website sichern, die Import-/Export-Einstellungen aktivieren und die Dateigrößenbeschränkungen oder die Plugin-Kompatibilität überprüfen.

Vorbereitung vor dem Export und Import

Bevor Sie sich mit Export- und Importprozessen befassen, ist eine sorgfältige Vorbereitung Ihres Standorts unerlässlich. Einige Vorsichtsmaßnahmen gewährleisten einen reibungslosen Ablauf und helfen, spätere Probleme zu vermeiden.

Sichern Sie Ihre Website

Das Erstellen eines Backups Ihrer Website dient als Sicherheitsnetz und ermöglicht es Ihnen, Ihre Website im Falle eines Fehlers beim Import-/Exportvorgang in ihren vorherigen Zustand zurückzuversetzen. Es gibt verschiedene Plugins, die Ihnen beim Sichern Ihrer Website helfen können:

• BlogVault: Dies ist eines der beliebtesten Backup-Plugins , mit dem Sie Ihre Backups in der Cloud speichern können.

• All-in-One WP Migrationerstellen Backups und sogar Ihre gesamte WordPress-Website mit wenigen Klicks exportieren.

• Kinstas integrierte Backupsverwenden Kinsta, sind tägliche automatische Backups Ihrer Website inklusive, sodass diese sicher bleibt.

Um eine manuelle Datensicherung zu erstellen, befolgen Sie diese Schritte:

• Gehen Sie zu WP Admin⟶ Tools⟶ Backups.

• Wählen Sie die Option zum Erstellen eines neuen Backups, den Rest erledigt das Plugin.

Aktivieren Sie die Import-/Exportfunktionen von Elementor

Bevor Sie beginnen, stellen Sie sicher, dass die Funktion „Vorlagen-Kit importieren/exportieren“ von Elementor aktiviert ist. Diese Funktion ermöglicht den Export und Import von Elementor-Vorlagen und -Seiten.

Zur Aktivierung:

• Navigieren Sie in Ihrem WordPress-Dashboard zu Elementor ⟶ Einstellungen ⟶ Experimente.

• Unter „Stabile Funktionen“ finden Sie die Option „Import/Export-Vorlagenkit“.

• Ändern Sie die Einstellung von „Standard“ auf „Aktiv“ und klicken Sie auf „Änderungen speichern“.

Jetzt können Sie Ihre Elementor-Seite exportieren und importieren

Schritte zum Exportieren einer bestimmten Elementor-Seite

Mit der Exportfunktion von Elementor ist es kinderleicht, eine Seite von einer Website zu exportieren und auf einer anderen wiederzuverwenden. Nachfolgend finden Sie eine Schritt-für-Schritt-Anleitung zum Exportieren einer Elementor-Seite:

Schritt 1: Öffnen Sie den Elementor-Seiteneditor

Suchen Sie zunächst die Seite, die Sie exportieren möchten:

• in Ihrem WordPress-Admin-Dashboardje nach Inhaltstyp zu Seiten oder Beiträge.

• Suchen Sie die Seite, die Sie exportieren möchten, und klicken Sie auf „Mit Elementor bearbeiten“, um die Seite im Elementor-Editor zu öffnen.

Schritt 2: Seite als Vorlage speichern

Um eine Seite zu exportieren, müssen Sie sie zuerst als Vorlage in der Elementor-Bibliothek speichern. So geht's:

• Sobald die Seite in Elementor geöffnet ist, suchen Sie die grüne Schaltfläche „Aktualisieren/Veröffentlichen“ am unteren Rand der Elementor-Seitenleiste.

• Klicken Sie auf das kleine Pfeilsymbol neben der Schaltfläche „Aktualisieren/Veröffentlichen“.

• Wählen Sie im Dropdown-Menü „Als Vorlage speichern“.

• Es öffnet sich ein Pop-up-Fenster, in dem Sie der Vorlage einen Namen geben können. Verwenden Sie unbedingt einen aussagekräftigen Namen (z. B. „Landingpage für XYZ“ oder „Kontaktseite“), damit sie später leicht wiederzufinden ist.

Nach Eingabe des Namens auf Speichern klicken.

Schritt 3: Exportieren Sie die gespeicherte Vorlage

Nachdem Ihre Seite als Vorlage gespeichert wurde, gehen Sie wie folgt vor, um sie zu exportieren:

• Navigieren Sie in Ihrem WordPress-Dashboard zu Elementor ⟶ Templates ⟶ Gespeicherte Templates.

• In diesem Abschnitt sehen Sie alle von Ihnen gespeicherten Vorlagen. Suchen Sie die soeben erstellte Vorlage.

• Bewegen Sie den Mauszeiger über die Vorlage, dann wird Ihnen die Option „Vorlage exportieren“ angezeigt. Klicken Sie darauf.

• Elementor lädt die Vorlage automatisch als .json-Datei auf Ihren Computer herunter.

Ihre Elementor-Seite wurde erfolgreich exportiert und als .json-Datei gespeichert, die Sie auf einer anderen Website verwenden können.

Entdecken Sie: So beheben Sie den Fehler „Medienimport fehlgeschlagen“ in WordPress

Schritte zum Importieren einer bestimmten Elementor-Seite

Nachdem Sie die Elementor-Seite exportiert haben, können Sie sie in jede andere WordPress-Website importieren, die Elementor verwendet. So geht's:

Schritt 1: Elementor auf der neuen Website aufrufen

Melden Sie sich im WordPress-Dashboard der Website an, auf die Sie die Elementor-Seite importieren möchten.

• Navigieren Sie zu Elementor ⟶ Vorlagen ⟶ Gespeicherte Vorlagen.

• Ganz oben auf dieser Seite sehen Sie die Schaltfläche „Vorlagen importieren“. Klicken Sie darauf, um den Importvorgang zu starten.

Anleitung: Elementor-Problem beim Laden beheben

Schritt 2: Exportierte Vorlage hochladen

Nun müssen Sie die zuvor exportierte .json-Datei hochladen:

• Im Fenster „Importvorlagen“ können Sie die .json-Datei entweder per Drag & Drop in die .json-Datei ziehen oder auf „Datei auswählen“ klicken, um sie manuell von Ihrem Computer hochzuladen.

• Nach dem Hochladen wird die Vorlage Ihrer Elementor-Bibliothek.

Schritt 3: Die importierte Vorlage auf eine Seite anwenden

Nachdem die Vorlage importiert wurde, können Sie sie auf jeder beliebigen Seite Ihrer neuen WordPress-Website verwenden. So geht's:

• Öffnen Sie die Seite, auf der Sie die importierte Vorlage anwenden möchten, und klicken Sie dann auf „Mit Elementor bearbeiten“.

• Klicken Sie im Elementor-Editor auf das Symbol „Vorlage hinzufügen“ (dargestellt durch einen weißen Ordner).

• Wechseln Sie zum Tab „Meine Vorlagen“, wo Sie die importierte Vorlage finden.

• Klicken Sie neben der importierten Vorlage auf „Einfügen“, und sie wird auf die Seite angewendet.

Sie können die Seite nun nach Bedarf an das Branding und die Inhalte Ihrer neuen Website anpassen.

Schau dir das an: Die besten WordPress-Import-Plugins

Erweiterte Tipps zum Exportieren und Importieren von Elementor-Seiten

Bei der Arbeit mit Elementor kann das Exportieren und Importieren von Seiten zu einem leistungsstarken Werkzeug werden, um Ihren Arbeitsablauf zu optimieren, insbesondere für WordPress-Designer und -Entwickler, die an mehreren Projekten arbeiten.

Nachfolgend finden Sie einige fortgeschrittene Tipps, die Ihnen helfen, die Effizienz dieser Funktion zu maximieren.

Nur bestimmte Abschnitte exportieren und importieren

Manchmal müssen Sie möglicherweise nicht die gesamte Seite exportieren, sondern nur einen bestimmten Abschnitt davon, wie beispielsweise eine individuell gestaltete Kopfzeile, Fußzeile oder einen Call-to-Action-Block (CTA).

Mit Elementor können Sie einzelne Abschnitte speichern und exportieren, die Sie dann importieren und auf mehreren WordPress-Websites oder -Seiten wiederverwenden können, ohne die gesamte Seite übertragen zu müssen.

Wie man einen bestimmten Abschnitt exportiert

Klicken Sie im Elementor-Editor mit der rechten Maustaste auf den Abschnitt, den Sie exportieren möchten.

• Wählen Sie „Als Vorlage speichern“.

• Geben Sie dem Abschnitt einen Namen, und er wird in Ihrer Elementor-Bibliothek gespeichert.

Gehen Sie beim Exportieren genauso vor wie beim Exportieren einer ganzen Seite: Gehen Sie in Ihrem WordPress-Dashboard zu Elementor ⟶ Templates ⟶ Saved Templates und exportieren Sie dann die Abschnittsvorlage.

Siehe auch: So beheben Sie das Problem, dass das Widget-Panel in Elementor nicht geladen wird

Wie man einen bestimmten Abschnitt importiert

Genau wie beim Importieren ganzer Seiten navigieren Sie in der neuen Website zu Elementor ⟶ Templates ⟶ Gespeicherte Templates.

• Importieren Sie die .json-Datei und greifen Sie über den Tab „Meine Vorlagen“ im Elementor-Editor auf den entsprechenden Abschnitt zu.

• Sie können diesen Abschnitt nun in jede beliebige Seite einfügen, indem Sie im Elementor-Editor „Vorlage hinzufügen“ auswählen.

Dadurch können Sie häufig gestaltete Elemente wie Fußzeilen oder Hero-Bereiche in mehreren Projekten wiederverwenden, was die Konsistenz erhöht und Zeit spart.

Mehr erfahren: WebP vs. PNG

Wiederverwendung an mehreren Standorten

Wenn Sie als Entwickler oder Designer mehrere Websites verwalten, ist der Export und Import von Elementor-Vorlagen eine effektive Methode, um die Designkonsistenz über alle Projekte hinweg zu gewährleisten. Zum Beispiel:

• Designagenturen: Sie können individuelle Seitenvorlagen wie Landingpages, Kontaktformulare oder Preistabellen für Kunden erstellen und diese problemlos auf mehreren Websites wiederverwenden. Das spart nicht nur Zeit, sondern gewährleistet auch ein einheitliches Markenbild.

• Geschäftsinhaber mit mehreren Websites: Wenn Sie mehrere Websites für verschiedene Geschäftsbereiche oder Dienstleistungen verwalten, gewährleistet die Wiederverwendung von Seitenvorlagen einen einheitlichen Stil und ein einheitliches Layoutund schafft so ein stimmiges Markenerlebnis über Ihre gesamte Webpräsenz hinweg.

Diese Funktion ist besonders wertvoll für Multisite-Netzwerke, in denen Sie Seiten schnell auf Subsites replizieren und gleichzeitig die einzelnen Inhalte getrennt halten möchten.

Wenn Sie häufig neu gestalten oder aktualisieren, können vorgefertigte Vorlagen Ihren Arbeitsablauf erheblich beschleunigen.

Erfahren Sie: So optimieren Sie Ihre Elementor-Website effizient

Große Dateien und Medien sorgfältig behandeln

Beim Exportieren von Seiten oder Abschnitten, die große Bilder, Videos oder aufwändige Designelemente, ist es wichtig sicherzustellen, dass Ihre WordPress-Installation und Ihr Server ordnungsgemäß konfiguriert sind, um größere Dateigrößen verarbeiten zu können.

Berücksichtigung der Dateigröße: Elementor exportiert alle mit einer Seite verbundenen Assets (z. B. Bilder, Icons, Schriftarten), sodass die Dateigröße bei medienreichen Seiten schnell ansteigen kann.

Manche Webhoster haben strenge Beschränkungen für die Größe von Datei-Uploads. Möglicherweise müssen Sie die maximale Upload-Größe erhöhen, indem Sie die Einstellungen in der php.ini-Datei anpassen oder Ihren Hosting-Anbieter um die Beschränkung vorübergehend aufheben zu lassen.

Erhöhung des Dateiuploadlimits: Um das PHP-Dateiuploadlimit zu erhöhen, können Sie Ihre php.ini -Datei bearbeiten oder Ihren Hosting-Anbieter um Unterstützung bitten. Eine typische Konfiguration könnte wie folgt aussehen:

• upload_max_filesize = 64M
• post_max_size = 64M
• Speicherlimit = 128 MB

Ihrer Website einfügen .htaccess- :

• php_value upload_max_filesize 64M
• php_value post_max_size 64M
• php_value memory_limit 128M

Dadurch wird sichergestellt, dass auch größere Elementor-Exportdateien (die möglicherweise hochauflösende Medien enthalten) erfolgreich importiert werden können.

Siehe auch: So aktualisieren Sie die PHP-Version von WordPress

Domänenübergreifendes Kopieren und Einfügen verwenden (Happy Addons Pro & Mighty Addons für Elementor)

Wenn Sie mehrere Elementor-basierte Websites verwalten, bieten Add-ons wie Happy Addons Pro und Mighty Addons for Elementor erweiterte Funktionen zum domänenübergreifenden Kopieren und Einfügen.

Dies ermöglicht es Ihnen, schnell beliebige Abschnitte, Widgets oder sogar ganze Seiten von einer Domain zu kopieren und direkt in eine andere einzufügen, ohne den kompletten Export-/Importprozess durchlaufen zu müssen.

Happy Addons Pro ermöglicht Ihnen Folgendes:

• Kopieren Sie Abschnitte oder Elemente von einer Elementor-Website und fügen Sie sie direkt in eine andere Domain ein.
• Sorgen Sie auf einfache Weise für einheitliches Design in mehreren Projekten und sparen Sie so viel Zeit bei wiederkehrenden Aufgaben.

Mighty Addons für Elementor bietet:

• Domänenübergreifender Inhaltstransfer.
• Vorgefertigte Template-Kits für verschiedene Branchen wie E-Commerce, Fitness und Gastgewerbe.

Durch den Einsatz dieser Tools wird der Transfer von Designs zwischen Projekten noch schneller und effizienter, insbesondere für Entwickler, die gleichzeitig an mehreren Websites arbeiten.

Siehe auch: WordPress-Debugging-Tools zur Fehlerbehebung

Export und Import vollständiger Vorlagensätze

Wenn Sie an größeren Projekten arbeiten und mehrere Seiten, Abschnitte und Website-Einstellungen übertragen müssen, der Template-Kit- Funktion von Elementor ganze Template-Kits exportieren und importieren.

So exportieren Sie ein vollständiges Vorlagenpaket:

Gehen Sie in Ihrem WordPress-Dashboard zu Elementor ⟶ Tools ⟶ Import/Export Kit.

• Klicken Sie auf „Export starten“ und wählen Sie aus, ob alle Vorlagen, Inhalte und Website-Einstellungen einbezogen werden sollen.

• Sobald der Exportvorgang abgeschlossen ist, laden Sie die .zip-Datei herunter, die Ihr Kit enthält.

So importieren Sie ein vollständiges Vorlagenpaket:

Auf der neuen Website gehen Sie zu Elementor ⟶ Tools ⟶ Import/Export Kit.

Klicken Sie auf „Import starten“, laden Sie die .zip-Datei hoch und wählen Sie die zu importierenden Elemente (z. B. Vorlagen, Inhalte, Website-Einstellungen) aus.

Template-Kits sind besonders nützlich für Webdesign-Agenturen , die häufig standardisierte Layouts erstellen und auf mehreren Websites einsetzen.

Sie können alle wichtigen Komponenten, Kopf- und Fußzeilen, globale Einstellungen und mehr exportieren und so Zeit sparen, wenn Sie neue Projekte beginnen.

Entdecken Sie: Die besten WordPress-Webdesign-Agenturen

Häufige Probleme beim Export-/Importvorgang und deren Behebung

Auch wenn der Export-/Importvorgang an sich unkompliziert ist, können einige Probleme auftreten. Hier sind einige häufige Fehler und ihre Lösungen:

Fehler „Ungültige Datei“: Wenn beim Importieren einer Vorlage die Fehlermeldung „Ungültige Datei“ erscheint, bedeutet dies in der Regel, dass die Datei mit einer anderen (wahrscheinlich älteren) Version von Elementor erstellt wurde. So beheben Sie das Problem:

• Wechseln Sie vorübergehend zu einer älteren Version von Elementor, die der Version entspricht, mit der die Vorlage erstellt wurde.

• Sobald die Vorlage erfolgreich importiert wurde, wechseln Sie zurück zur neuesten Version von Elementor.

können Sie Easy Theme und Plugin Upgrades einfach zwischen verschiedenen Versionen von Elementor wechseln.

Erfahren Sie mehr: Der ultimative Leitfaden zu WordPress-Fehlerprotokollen

Ersetzen vorhandener Vorlagen: Während des Importvorgangs fragt Elementor, ob Sie vorhandene Vorlagen mit demselben Namen ersetzen möchten.

Seien Sie dabei vorsichtig, da bestehende Designs auf Ihrer Website überschrieben werden können. Überprüfen Sie daher immer die Namen der importierten und exportierten Vorlagen, um Konflikte zu vermeiden.

Warnung zum Import von SVG-Dateienenthält SVG-Dateien (die häufig für Symbole verwendet werden), warnt WordPress Sie möglicherweise vor Sicherheitsrisiken beim Import dieser Dateien.

Um dieses Problem zu beheben, aktivieren Sie ungefilterte Datei-Uploads, indem Sie Folgendes zu Ihrer wp-config.php-Datei hinzufügen:

define('ALLOW_UNFILTERED_UPLOADS', true);

Dadurch kann Elementor SVGs problemlos importieren.

Abschluss

Die Möglichkeit, bestimmte Elementor-Seiten in WordPress-Websites zu exportieren und zu importieren, ist ein echter Wendepunkt und macht Ihren Arbeitsablauf effizienter.

Egal ob Sie an einer kompletten Website arbeiten, Seiten in eine bereits bestehende Installation migrieren oder Layouts für eine bestehende Website wiederverwenden – diese Funktion spart wertvolle Zeit und Mühe.

Wenn Sie der obigen Schritt-für-Schritt-Anleitung folgen, können Sie Designs unter den gleichen Bedingungen nahtlos verschieben, egal ob Sie die kostenlose oder die Pro-Version von Elementor verwenden.

Das Verständnis der Kit-Informationen gewährleistet einen reibungslosen Transfer, insbesondere bei der Verwendung derselben Vorlage oder desselben Thementyps.

Nutzen Sie diese leistungsstarke Funktion, optimieren Sie Ihren Workflow, maximieren Sie die Effizienz und verbessern Sie noch heute Ihr Elementor Pro-Erlebnis!

Häufig gestellte Fragen zu Elementor-Seiten in WordPress