HTML to Elementor
Zurück zu den Tutorials

Copy-paste vs. JSON-Import: Zwei Möglichkeiten, HTML in Elementor einzubinden

Der Konverter bietet Ihnen zwei Exportpfade. Beide erzeugen dieselben Komponenten, passen aber zu unterschiedlichen Arbeitsabläufen.

Option A — Elementor-Daten einfügen

Klicken Sie auf Elementor-Daten kopieren, öffnen Sie die Seite in Elementor, klicken Sie mit der rechten Maustaste auf eine leere Fläche und wählen Sie „Von anderer Website einfügen“. Die Komponenten landen direkt in Ihrem Layout. Das ist der schnellste Weg, wenn Sie einen Abschnitt zu einer bestehenden Seite hinzufügen.

  • Ideal für: schnelle Einschübe an Ort und Stelle.
  • Erfordert: den geöffneten Elementor-Editor auf der Zielseite.

Option B — JSON-Vorlage herunterladen

Klicken Sie auf .json-Vorlage herunterladen, öffnen Sie dann in Elementor die Vorlagenbibliothek und wählen Sie Vorlagen importieren. Die gesamte Seite steht als wiederverwendbare Vorlage bereit, die Sie überall einfügen können.

  • Ideal für: komplette Seiten, Wiederverwendung auf verschiedenen Websites, Versionskontrolle.
  • Erfordert: Zugriff auf die Vorlagenbibliothek (Elementor Pro empfohlen).

Welche sollten Sie verwenden?

Sie benötigen nur eine einzelne Karte oder einen Hero-Bereich? Einfügen. Sie migrieren eine vollständige Landingpage oder bauen eine Bibliothek wiederverwendbarer Blöcke auf? Laden Sie die JSON herunter. Verwenden Sie in jedem Fall zuerst die Steuerung Bereich kopieren in der Strukturübersicht, damit Sie nur den gewünschten Teil exportieren.

Nach dem Import

Überprüfen Sie Abstände und Ausrichtung, verlinken Sie Schaltflächen neu (extrahierte Blöcke können ihre href verlieren) und weisen Sie Navigationsmenü- oder Formular-Widgets echten WordPress-Quellen zu – diese können nicht automatisch übernommen werden.