OneFlow CMS

Benutzerhandbuch

OneFlow CMS – Ihr Werkzeug für moderne Webinhalte

Inhaltsverzeichnis

  1. Erste Schritte
  2. Einloggen und Abmelden
  3. Der Editor-Modus
  4. Texte bearbeiten
  5. Sections verwalten
  6. Seiten verwalten
  7. Medien & Bilder
  8. Design anpassen
  9. Website-Einstellungen
  10. KI-Funktionen
  11. Backups
  12. Konto & Passwort
  13. Häufige Fragen

Erste Schritte

Willkommen bei OneFlow CMS! Dieses Handbuch führt Sie Schritt für Schritt durch alle wichtigen Funktionen des Systems.

Was ist OneFlow CMS?

OneFlow CMS ist ein webbasiertes Redaktionssystem, mit dem Sie Ihre Website direkt im Browser pflegen und gestalten können. Sie sehen Ihre Änderungen sofort so, wie sie später für Ihre Besucher aussehen werden – ohne Umwege über komplizierte Verwaltungsoberflächen.

Systemvoraussetzungen

Tipp: Für die beste Erfahrung empfehlen wir einen Desktop-Computer oder Laptop.

Einloggen und Abmelden

Einloggen

  1. Öffnen Sie Ihre Website im Browser
  2. Scrollen Sie ganz nach unten und klicken Sie auf Bearbeiten im Footer
  3. Es öffnet sich der Login-Dialog

Login-Dialog

  1. Geben Sie Ihr Passwort ein
  2. Klicken Sie auf Anmelden (oder drücken Sie die Enter-Taste)

Nach erfolgreichem Login wird die Seite neu geladen und der Editor-Modus ist aktiv. Sie erkennen dies an der Editor-Toolbar am unteren Bildschirmrand und dem Banner „Bearbeitungsmodus aktiv".

Hinweis: Falls Sie Ihr Passwort vergessen haben, wenden Sie sich an Ihren Administrator.

Abmelden

  1. Klicken Sie in der Editor-Toolbar auf Beenden
  2. Sie werden automatisch in den Besuchermodus zurückversetzt

Hinweis: Falls Sie nicht gespeicherte Änderungen haben, werden Sie vorher darauf hingewiesen.

Der Editor-Modus

Die Editor-Toolbar

Nach dem Login erscheint am unteren Bildschirmrand die Editor-Toolbar. Sie ist in drei Bereiche unterteilt:

Editor-Toolbar

Links: Speicherstatus – zeigt an, ob es ungespeicherte Änderungen gibt.

Mitte – Werkzeuge:

Button Funktion
+ Neue Seite anlegen
? Editor-Hilfe anzeigen
Website Website-Einstellungen öffnen
Sektionen Sections-Übersicht und -Verwaltung
Nav Navigation sortieren
Design Farben und Schriftarten anpassen
Backups Sicherungen verwalten und wiederherstellen
Konto Passwort ändern

Je nach Konfiguration können weitere Buttons erscheinen (z.B. SEO, GEO, Analytics).

Rechts: Speichern-Button und Beenden-Button.

Gesamtansicht im Editor-Modus

Im Editor-Modus werden alle Inhaltsbereiche (Sections) mit Bearbeitungswerkzeugen dargestellt. Jede Section zeigt vier Aktions-Buttons:

Editor-Modus Gesamtansicht

Symbol Aktion
▲ Section nach oben verschieben
▼ Section nach unten verschieben
⚙ Section-Einstellungen öffnen
✕ Section löschen

Zwischen den Sections erscheinen + Buttons, um neue Sections einzufügen.

Hinweis: Änderungen werden erst für Besucher sichtbar, wenn Sie auf Speichern klicken.

Texte bearbeiten

Inline-Editing

Textinhalte bearbeiten Sie direkt auf der Seite. Editierbare Felder erkennen Sie an der gestrichelten Umrandung, die beim Überfahren mit der Maus erscheint.

  1. Klicken Sie auf ein editierbares Textfeld
  2. Der Text wird direkt bearbeitbar
  3. Tippen Sie Ihre Änderungen ein

Die Format-Toolbar

Sobald Sie ein Textfeld bearbeiten, erscheint eine schwebende Format-Toolbar mit folgenden Werkzeugen:

Button Funktion
F Text fett formatieren
K Text kursiv formatieren
U Text unterstrichen formatieren
🔗 Link einfügen
✕ Formatierung entfernen

Links einfügen

  1. Markieren Sie den Text, der verlinkt werden soll
  2. Klicken Sie auf das Link-Symbol (🔗) in der Format-Toolbar
  3. Es öffnet sich der Link-Dialog:
    • URL eingeben: Externe Adresse (z.B. https://example.com)
    • Interne Seite wählen: Dropdown mit allen Seiten Ihrer Website
    • In neuem Tab öffnen: Optional, für externe Links empfohlen
  4. Klicken Sie auf Einfügen

Sections verwalten

Ihre Website ist aus einzelnen Inhaltsbereichen aufgebaut, die Sections genannt werden. Jede Section hat einen bestimmten Typ.

Verfügbare Section-Typen

Inhalt:

Medien:

Interaktion:

Weitere:

Section-Einstellungen

Klicken Sie auf das Zahnrad-Symbol (⚙) einer Section, um deren Einstellungen zu öffnen:

Section bearbeiten

Einstellung Beschreibung
Navigationstitel Eigener Titel für die Navigation (optional)
In Navigation anzeigen Section als Sprungmarke in der Navigation
Hintergrundfarbe Individuelle Hintergrundfarbe für die Section
Schriftfarbe Wird automatisch basierend auf der Hintergrundfarbe berechnet
Hintergrundbild Bild als Section-Hintergrund

Je nach Section-Typ können weitere spezifische Einstellungen verfügbar sein (z.B. URL für Video/Embed-Sections).

Neue Section hinzufügen

  1. Klicken Sie auf den +-Button zwischen zwei bestehenden Sections
  2. Es öffnet sich der Template-Auswahldialog

Section hinzufügen

  1. Optional: Geben Sie einen Navigationstitel ein (z.B. „Über uns", „Kontakt")
  2. Wählen Sie den gewünschten Section-Typ aus der Übersicht
  3. Klicken Sie auf Einfügen
  4. Die neue Section erscheint an der gewählten Position

Sections verschieben

Nutzen Sie die Pfeil-Buttons (▲/▼) an jeder Section, um deren Reihenfolge zu ändern. Alternativ öffnen Sie über die Toolbar den Button Sektionen für eine Gesamtübersicht aller Sections mit Sortier-Optionen.

Section löschen

  1. Klicken Sie auf das ✕-Symbol an der Section
  2. Bestätigen Sie die Sicherheitsabfrage

Hinweis: Hero- und Footer-Sections können nicht gelöscht werden.

Seiten verwalten

Neue Seite anlegen

  1. Klicken Sie in der Toolbar auf + (Neue Seite)
  2. Geben Sie einen Seitentitel ein (z.B. „Über uns")
  3. Optional: Legen Sie den URL-Pfad fest (z.B. ueber-uns)
  4. Klicken Sie auf Erstellen (oder drücken Sie Enter)

Tipp: Wenn Sie den URL-Pfad leer lassen, wird er automatisch aus dem Titel generiert.

Seiteneinstellungen

Jede Seite hat individuelle Einstellungen, die Sie über die Seitenübersicht erreichen:

Seiten verwalten

Einstellung Beschreibung
Seitentitel Der Titel der Seite
URL-Pfad Die Adresse (z.B. /kontakt)
Navigationslabel Text für die Navigation (falls abweichend vom Titel)
In Hauptnavigation Seite in der Hauptnavigation anzeigen
In Footer-Navigation Seite in der Footer-Navigation anzeigen
Sprungmarken-Navigation Ankerlinks innerhalb der Seite anzeigen

SEO-Einstellungen pro Seite:

Feld Beschreibung
Meta-Titel Titel für Suchmaschinen (max. 70 Zeichen)
Meta-Beschreibung Beschreibung für Suchmaschinen (max. 170 Zeichen)
OG-Bild Vorschaubild für Social-Media-Shares

Seite löschen

  1. Öffnen Sie die Seiteneinstellungen
  2. Klicken Sie auf Seite löschen
  3. Bestätigen Sie die Sicherheitsabfrage

Hinweis: Die Startseite kann nicht gelöscht werden.

Medien & Bilder

Bild hochladen

Wenn eine Section ein Bildfeld enthält, können Sie Bilder direkt hochladen:

  1. Klicken Sie auf das Bildfeld oder den Upload-Bereich
  2. Es öffnet sich der Bild-Dialog mit zwei Tabs:

Tab „Hochladen":

Tab „Mediathek":

Bild-Metadaten

Für jedes Bild können Sie folgende Informationen hinterlegen:

Feld Beschreibung
Alternativtext Beschreibung für Barrierefreiheit und Suchmaschinen
Titel Kurztitel (erscheint als Tooltip)
Beschreibung Ausführlichere Beschreibung

Tipp: Nutzen Sie die KI-Analyse (siehe KI-Funktionen), um Alternativtext und Beschreibungen automatisch generieren zu lassen.

Design anpassen

Klicken Sie in der Toolbar auf Design, um den Theme-Editor zu öffnen. Das Design-Panel erscheint als Seitenleiste rechts.

Design-Editor

Design-Vorlagen

Am oberen Rand sehen Sie vordefinierte Design-Presets mit Farbvorschau. Klicken Sie auf eine Vorlage, um deren Farbschema als Ausgangspunkt zu verwenden. Von dort können Sie einzelne Farben anpassen.

Farben

Einstellung Beschreibung
Primärfarbe Hauptfarbe Ihrer Website (Buttons, Links, Akzente)
Primärfarbe (Dunkel) Dunklere Variante (automatisch berechnet)
Sekundärfarbe Zweite Akzentfarbe
Sekundärfarbe (Dunkel) Dunklere Variante (automatisch berechnet)
Akzentfarbe Hervorhebungsfarbe für besondere Elemente
Textfarbe Allgemeine Schriftfarbe
Hintergrund Hintergrundfarbe der Website (oder transparent)

Textfarben auf farbigen Flächen werden automatisch für optimalen Kontrast berechnet.

Schriftart und -größe

Klicken Sie auf Speichern, um das Design zu übernehmen. Die Änderungen werden sofort auf der gesamten Website wirksam.

Website-Einstellungen

Klicken Sie in der Toolbar auf Website, um die globalen Einstellungen zu öffnen.

Site-Einstellungen

Grundeinstellungen

Feld Beschreibung
Website-Titel Name Ihrer Website (erscheint im Browser-Tab)
Untertitel Ergänzender Text unter dem Titel

Logo & Favicon

Kontaktdaten

Ihre Kontaktinformationen werden an verschiedenen Stellen der Website verwendet (Footer, Kontakt-Section, Schema.org):

Social Media

Aktivieren Sie Social-Media-Links und legen Sie fest, wo sie angezeigt werden:

Navigation sortieren

Klicken Sie in der Toolbar auf Nav, um die Reihenfolge der Navigationseinträge zu ändern.

Navigation sortieren

Die Übersicht zeigt alle Seiten mit ihrer aktuellen Position. Nutzen Sie die Pfeil-Buttons (▲/▼), um Seiten nach oben oder unten zu verschieben. Klicken Sie anschließend auf Reihenfolge speichern.

Tipp: Welche Seiten in der Navigation erscheinen, steuern Sie über die Seiteneinstellungen (Seiten verwalten) — dort können Sie festlegen, ob eine Seite in der Haupt- und/oder Footer-Navigation angezeigt wird.

KI-Funktionen

OneFlow CMS bietet mehrere KI-gestützte Funktionen, die Ihnen bei der Content-Erstellung helfen.

KI-Bildanalyse

Beim Hochladen oder Auswählen von Bildern können Sie die KI-Analyse nutzen:

  1. Öffnen Sie den Bild-Dialog (Upload oder Mediathek)
  2. Klicken Sie auf KI-Analyse
  3. Die KI generiert automatisch:
    • Einen aussagekräftigen Alternativtext
    • Einen kurzen Titel
    • Eine kontextbezogene Beschreibung

Die generierten Texte berücksichtigen Ihre Geschäftsinformationen und den Kontext Ihrer Website.

GEO-Analyse (falls aktiviert)

Die GEO-Analyse prüft, wie gut Ihre Website für KI-Systeme (ChatGPT, Claude, Perplexity) sichtbar ist. Klicken Sie in der Toolbar auf GEO:

GEO-Analyse

Die Analyse umfasst vier Prüfungen:

Jede Prüfung liefert einen Score und konkrete Verbesserungsvorschläge.

Hinweis: Das GEO-Plugin muss für Ihre Website aktiviert sein. Wenden Sie sich an Ihren Administrator, falls der Button nicht sichtbar ist.

SEO-Analyse (falls aktiviert)

Die SEO-Analyse gibt Ihnen Empfehlungen zur Suchmaschinenoptimierung. Klicken Sie in der Toolbar auf SEO:

SEO-Analyse

Hier sehen Sie den aktuellen SEO-Status Ihrer Seiten und erhalten Verbesserungsvorschläge für Meta-Titel, Beschreibungen und Seitenstruktur.

Hinweis: Auch das SEO-Plugin muss für Ihre Website aktiviert sein.

HAI-Assistent (Human-AI-Interface)

Der HAI-Assistent hilft Ihnen, strukturierte Daten für KI-Systeme bereitzustellen. Hier können Sie die Kerninformationen Ihres Unternehmens pflegen, die dann als /llm.txt für KI-Systeme bereitgestellt werden.

Backups

Klicken Sie in der Toolbar auf Backups, um Sicherungen zu verwalten.

Backups verwalten

Automatische Backups

Bei jedem Speichern wird automatisch ein Backup erstellt. Sie müssen sich nicht selbst um Sicherungen kümmern.

Backup wiederherstellen

  1. Öffnen Sie die Backup-Übersicht über den Backups-Button in der Toolbar
  2. Sie sehen eine Liste aller verfügbaren Sicherungen mit Datum
  3. Klicken Sie auf Wiederherstellen bei der gewünschten Sicherung
  4. Bestätigen Sie die Wiederherstellung

Hinweis: Beim Wiederherstellen eines Backups werden alle aktuellen Inhalte der Seite durch die gesicherte Version ersetzt.

Konto & Passwort

Klicken Sie in der Toolbar auf Konto, um Ihr Editor-Passwort zu ändern.

Passwort ändern

  1. Geben Sie Ihr aktuelles Passwort ein
  2. Geben Sie das neue Passwort ein
  3. Bestätigen Sie das neue Passwort durch erneute Eingabe
  4. Klicken Sie auf Speichern

Häufige Fragen

Meine Änderungen sind nicht sichtbar – was tun?

Stellen Sie sicher, dass Sie auf Speichern geklickt haben. Der Speicherstatus in der Toolbar zeigt „Gespeichert" an, wenn alles erfolgreich war. Falls nötig, laden Sie die Seite mit Strg + F5 (Windows) bzw. Cmd + Shift + R (Mac) neu.

Kann ich Änderungen rückgängig machen?

Solange Sie noch nicht gespeichert haben, können Sie mit Strg + Z (Windows) oder Cmd + Z (Mac) Textänderungen rückgängig machen. Für bereits gespeicherte Zustände nutzen Sie die Backup-Funktion.

Warum kann ich eine Section nicht löschen?

Die Hero-Section (Kopfbereich) und die Footer-Section sind feste Bestandteile jeder Seite und können nicht gelöscht werden. Alle anderen Sections lassen sich über das ✕-Symbol entfernen.

Warum kann ich die Startseite nicht löschen?

Die Startseite ist die Haupt-Landingpage Ihrer Website und kann nicht entfernt werden. Sie können jedoch alle Inhalte der Startseite frei bearbeiten.

Wie füge ich Bilder ein?

Klicken Sie im Editor-Modus auf ein Bildfeld einer Section. Es öffnet sich der Bild-Dialog, in dem Sie neue Bilder hochladen oder aus der Mediathek wählen können. Unterstützt werden JPG, PNG und WebP bis 5 MB.

Wie lange bleibt meine Sitzung aktiv?

Die Editor-Sitzung bleibt standardmäßig 2 Stunden aktiv. Danach müssen Sie sich erneut anmelden.

Ich sehe die Editor-Toolbar nicht

Möglicherweise ist Ihre Sitzung abgelaufen. Scrollen Sie zum Footer und klicken Sie erneut auf Bearbeiten, um sich anzumelden.

Kann ich die Seite auf dem Smartphone bearbeiten?

Der Editor ist für Desktop-Browser optimiert. Auf Smartphones und Tablets funktioniert die Bearbeitung grundsätzlich, ist aber aufgrund des kleineren Bildschirms eingeschränkt.

Bei weiteren Fragen wenden Sie sich an Ihren Administrator oder den technischen Support.

OneFlow CMS – Benutzerhandbuch | Stand: Februar 2026

OneFlow CMS – Entwickelt von Z-KOMM in Dresden

Benutzerhandbuch | Stand: Februar 2026