Import-Funktionen

Die Import-Pipeline wandelt eine bestehende Website in bearbeitbare Seiten im CMS um. Der Prozess besteht aus mehreren Schritten: 1. Crawlen – Die Quellseite wird besucht und alle Abschnitte, Bilder, Farben und Schriften werden extrahiert 2. Analyse – KI analysiert die Struktur und ordnet jedes Element einem CMS-Block zu 3. Generierung – Die Abschnitte werden in bearbeitbare Blöcke mit den richtigen Einstellungen umgewandelt 4. Validierung – Jeder Block wird auf Korrektheit geprüft und fehlende Felder werden ergänzt 5. Speicherung – Die Seiten werden gespeichert und sind sofort bearbeitbar Der gesamte Prozess dauert 30-60 Sekunden für einen Standard-Import.

Es gibt zwei Import-Modi: Standard-Import: • Verfügbar für Starter, Professional und Agency • Dauer: 30-60 Sekunden • Verwendet KI-Analyse der HTML-Struktur und Computed Styles • Ergebnis: 80-90% Genauigkeit HD Import (Premium): • Nur für Professional und Agency verfügbar • Dauer: 90-150 Sekunden • Macht alles, was der Standard-Import macht, plus: → Erstellt einen Screenshot des Ergebnisses → Vergleicht visuell mit der Originalseite per KI (GPT-4o Vision) → Korrigiert automatisch Unterschiede (bis zu 3 Iterationen) → Stoppt, wenn der Unterschied weniger als 10% beträgt • Ergebnis: 90%+ Genauigkeit

So holst du das Beste aus dem Import: • Verwende die vollständige URL inklusive https:// (z.B. https://www.beispiel.de) • Seiten mit einer klaren Abschnittsstruktur (Hero, Features, Pricing, etc.) liefern die besten Ergebnisse • WordPress-Seiten mit offener REST API werden besonders gut importiert (Blogbeiträge, Medien, SEO-Daten) • Moderne Single-Page-Apps (React, Vue, Angular) werden dank SPA-Crawling unterstützt • Das System erkennt automatisch Dark-Mode-Einstellungen und übernimmt sie • Schriften (Google Fonts) werden automatisch erkannt und konfiguriert • Bilder werden heruntergeladen und in deiner Medienbibliothek gespeichert

Die Import-Pipeline ist leistungsstark, aber einige Elemente können nicht automatisch übernommen werden: • Lottie-Animationen und komplexe JavaScript-Widgets • Interaktive Elemente wie eigene Slider, Rechner oder Konfiguratoren • Eingeloggte Inhalte (hinter einem Login-Bildschirm) • Dynamische Inhalte, die nach dem ersten Seitenaufbau über APIs geladen werden • Sehr komplexe CSS-Layouts (z.B. mehrere überlappende absolut positionierte Elemente) • Eingebettete iframes (z.B. Google Maps, externe Widgets) Diese Elemente kannst du nach dem Import manuell über den visuellen Builder hinzufügen.