OptimoCMS Docs
Zurück zur Übersicht

Website erstellen

Erstellen Sie eine neue Website in wenigen Schritten.

Eine neue Website erstellen

Klicken Sie auf "Neue Website" im Dashboard oder über das Menü. Füllen Sie aus: 1. Websitename – Der Name der Website 2. Domain – Die gewünschte Webadresse Die Website wird innerhalb weniger Sekunden erstellt. Sie können sofort mit dem Aufbau der Seiten beginnen.
Tipps
  • Die Anzahl der Websites, die Sie erstellen können, hängt von Ihrem Abonnement ab.
  • Sie können den AI Website Generator verwenden, um automatisch eine komplette Website generieren zu lassen.

AI Website Generator

Beim Erstellen einer Website können Sie den AI Website Generator wählen. Beschreiben Sie kurz, welche Art von Website Sie möchten (z.B. "Restaurant mit Speisekarte, Öffnungszeiten und Reservierungsformular") und die KI generiert automatisch: • Eine Startseite mit passenden Abschnitten • Relevante Unterseiten • Platzhalter-Inhalte, die Sie anpassen können Sie können alles nachträglich im visuellen Builder bearbeiten.

Website importieren (URL-Import)

Sie können eine bestehende Website importieren, indem Sie die URL eingeben. Das System crawlt die Website, erkennt Abschnitte, Farben und Schriften und wandelt alles in bearbeitbare Seiten um. Beim Import können Sie auch Unterseiten auswählen. Die maximale Anzahl an Seiten pro Import hängt von Ihrem Abonnement ab: • Testphase: kein Import verfügbar • Starter: 3 Seiten (1 Startseite + 2 Unterseiten) • Professional: 10 Seiten (1 Startseite + 9 Unterseiten) • Agency: 25 Seiten (1 Startseite + 24 Unterseiten) WordPress-Websites werden automatisch erkannt: Wenn die REST API offen ist, werden auch Blogbeiträge, Medien und SEO-Daten importiert.
Tipps
  • Nach dem Import können Sie manuell weitere Seiten hinzufügen.
  • Falls nicht alle Unterseiten verarbeitet wurden (Zeitlimit), können Sie diese später separat importieren.
  • Upgraden Sie Ihr Abonnement für mehr Seiten pro Import.

Verbesserter URL-Import

Der URL-Import wurde deutlich verbessert. Das System extrahiert jetzt Computed Styles (die exakten CSS-Werte) von jedem Abschnitt der Quellseite. Dadurch werden Farben, Schriften, Abstände und Hintergründe viel genauer übernommen. Verbesserungen: • Computed Styles Extraktion – Exakte CSS-Werte pro Abschnitt (Farben, Abstände, Ränder, Hintergründe) • SPA-Unterstützung – Moderne Single-Page-Apps werden korrekt gecrawlt • Bessere Abschnittserkennung – Intelligentere Erkennung von Abschnitten, auch auf komplexen Seiten • Automatischer Retry – Wenn zu wenige Abschnitte gefunden werden, versucht das System es erneut • Google Fonts Erkennung – Schriften werden automatisch erkannt und geladen
Tipps
  • Der Import funktioniert am besten bei Seiten mit einer klaren Abschnittsstruktur.
  • Komplexe interaktive Elemente (z.B. Lottie-Animationen, eigene JavaScript-Widgets) werden nicht importiert.

HD Import

HD Import ist eine Premium-Funktion, die die Importqualität durch KI-gestützten visuellen Vergleich (GPT-4o Vision) weiter verbessert. Nach dem Standard-Import macht das System einen Screenshot des Ergebnisses und vergleicht ihn mit der Originalseite. So funktioniert es: 1. Der Standard-Import wird durchgeführt 2. Ein Screenshot des Ergebnisses wird erstellt 3. KI vergleicht den Screenshot mit der Originalseite 4. Unterschiede werden automatisch korrigiert (bis zu 3 Iterationen) 5. Der Prozess stoppt, wenn der Unterschied weniger als 10% beträgt HD Import ist für Professional (5/Monat) und Agency (25/Monat) Abonnements verfügbar. Aktiviere ihn mit dem "HD Import"-Toggle auf der Importseite. Dauer: 90-150 Sekunden (länger als Standard-Import). Kosten: HD Import verwendet ein fortschrittlicheres KI-Modell (Vision) als der Standard-Import. Pro HD Import werden 2-3 Vision-Aufrufe gemacht, was ~3-5x mehr kostet als ein Standard-Import. Dein Verbrauch ist auf der Verbrauchsseite sichtbar.
Tipps
  • Verwende HD Import für Seiten, bei denen pixelgenaue Genauigkeit wichtig ist, wie Portfolios oder Design-Agenturen.
  • Der Standard-Import ist oft schon gut genug — probiere es zuerst ohne HD Import.
  • Du kannst deinen HD Import Verbrauch unter Agentur-Einstellungen → Verbrauch verfolgen.
Hinweis
  • HD Import hat ein Monatslimit: Professional 5/Monat, Agency 25/Monat.
  • HD Import ist nur für Professional- und Agency-Abonnements verfügbar.

Google Fonts Auto-Loading

Beim Importieren einer Website werden Google Fonts automatisch erkannt und geladen. Das System erkennt die Top-200 Google Fonts und konfiguriert sie automatisch in den Design Tokens deiner Website. Du musst nichts manuell einrichten — die Schriften werden automatisch über einen optimierten preconnect + link-Tag geladen.

Rufen Sie uns an