Über die grundlegende Konvertierung hinaus entscheiden drei Einstellungen darüber, wie aufgeräumt und bearbeitbar Ihre Elementor-Seite am Ende ist: wie Icons, Bilder und die Struktur behandelt werden. Ob Sie diese vor dem Export richtig setzen, macht den Unterschied zwischen einer Seite, die Sie guten Gewissens übergeben, und einer, an der Sie eine Stunde lang aufräumen.
Alle drei haben eines gemeinsam: Der Konverter kann nur mit dem arbeiten, was tatsächlich in der Quelle steht. Bei jeder dieser Einstellungen geht es im Kern darum, ihm etwas zu geben, das er sauber zuordnen kann – und zu wissen, was zu tun ist, wenn das nicht möglich ist.
1. Icons, die in der Elementor-Icon-Bibliothek landen
Wenn Ihr HTML Font-Awesome-Klassen verwendet (wie <i class="fas fa-check"></i>), setzen Sie die Option Symbole auf Mit Elementor-Symbolbibliothek abgleichen, und jedes Icon wird zu einem echten, bearbeitbaren Icon, das Sie über die Icon-Auswahl von Elementor austauschen können – statt zu einem gesperrten SVG.
Noch besser: Eine Karte aus Icon + Überschrift + Kurztext wird in ein einziges Icon-Box-Widget konvertiert. Der Konverter ordnet das Icon anhand des Namens zu (über die Klasse des Icons und den Kartentitel, z. B. „Reusable“ → recycle) und übernimmt Icon-Größe, Abstände und Typografie. Findet er keine Entsprechung, bleibt das Icon leer, damit Sie selbst eines auswählen.
Tipp: Eigene, handgezeichnete SVGs können nicht in das Icon-Steuerelement von Elementor übernommen werden, daher sollten Sie in der Quelle Font-Awesome-Klassen bevorzugen, wenn Sie Icons aus der Bibliothek möchten.
2. Bilder: in Elementor befüllen
Die KI kann keine echten Bilddateien in HTML-Text einbetten, daher sind Bilder der kniffligste Teil. Der einfachste Weg: Setzen Sie Bilder auf Leere Bildplatzhalter. Jedes Bild wird zu einem leeren Platzhalter, und jeder Platzhalter behält seinen alt-Text als Beschriftung – so wissen Sie beim Hochladen in Elementor, welches Bild wohin gehört.
- Am besten: Laden Sie die Bilder zuerst in die Mediathek hoch und verwenden Sie dann diese
https://-URLs im HTML – sie werden ohne manuellen Schritt importiert. - Vermeiden: per Base64 eingebettete Bilder und lokale Dateipfade – der Konverter ersetzt diese standardmäßig durch leere Platzhalter.
3. Die Strukturübersicht: vor dem Export prüfen
Öffnen Sie den Tab Strukturübersicht, um den exakten Elementor-Baum neben einer Live-Vorschau zu sehen. Fahren Sie mit der Maus über eine Zeile, wird der passende Teil auf beiden Seiten hervorgehoben.
- Das Zielsymbol in einer Zeile legt eine Kopierwurzel fest – nur dieser Block wird exportiert, die äußeren Wrapper entfallen.
- Das ✕-Symbol schließt einen Teil vom Kopieren aus (praktisch für ein verirrtes Element, das Sie nicht brauchen).
- Die Übersicht zeigt, wie viele Komponenten es gibt, wie tief die Verschachtelung ist, und eine Aufschlüsselung nach Vertrauenswert (direkt / teilweise / als HTML beibehalten).
Ein kurzer Blick hier fängt alles ab, was nicht sauber zugeordnet wurde, bevor es überhaupt Ihre Live-Website erreicht.
Das Zusammenspiel der drei Einstellungen
Diese Einstellungen verstärken sich gegenseitig. Eine Kartenreihe aus Font-Awesome-Icons, echten Bild-URLs und flachem Markup wird zu einem Grid mit sauberen Icon-Box- oder Bild-Box-Widgets – etwas, das Sie auch von Hand gern so gebaut hätten. Dieselbe Reihe aus Inline-SVG, Base64-Bildern und fünf Wrapper-Ebenen wird zu einem tiefen Baum aus Containern mit gesperrten Grafiken. Dasselbe Tool, dieselbe Seite, ein ganz anderer Nachmittag.
Eine kurze Entscheidungshilfe
- Übernehmen Sie einen Abschnitt in eine bestehende Website mit eigenem Branding? Icons mit der Bibliothek abgleichen, Website-Farben, Website-Typografie. Der Block übernimmt Ihr Branding automatisch.
- Bauen Sie ein Design originalgetreu nach? Icons mit der Bibliothek abgleichen, Originalfarben, Originaltypografie. Registrieren Sie anschließend alle benutzerdefinierten Schriftarten in Elementor, bevor Sie das Ergebnis beurteilen.
- Bilder noch nicht hochgeladen? Leere Platzhalter – und sorgen Sie vorher dafür, dass jedes Bild in der Quelle einen aussagekräftigen Alt-Text hat.
- Lange Seite? Setzen Sie eine Kopierwurzel und übertragen Sie die Seite Abschnitt für Abschnitt.
Die Gewohnheit, die sich lohnt
Öffnen Sie die Strukturübersicht jedes Mal vor dem Export – nicht nur, wenn etwas falsch aussieht. Es dauert fünfzehn Sekunden, die Komponentenzahl, die Verschachtelungstiefe und die Aufschlüsselung nach Vertrauenswert abzulesen, und diese drei Zahlen sagen Ihnen, ob Sie jetzt exportieren oder zurückgehen und die Quelle korrigieren sollten. Die Eingabe zu korrigieren und erneut zu konvertieren ist durchweg schneller, als die Ausgabe in Elementor zu reparieren, und genau diese Gewohnheit unterscheidet einen reibungslosen Workflow von einem frustrierenden.