OptimoCMS Docs
Zurück zur Übersicht

Seiten

Erstellen und verwalten Sie die Seiten Ihrer Website mit dem visuellen Builder.

Seitenübersicht

Auf der Seiten-Seite sehen Sie eine Tabelle mit allen Ihren Seiten. Sie können: • Nach Seitentitel suchen • Nach Status filtern (Entwurf oder Veröffentlicht) • Nach zuletzt bearbeitet oder Titel sortieren Jede Zeile zeigt den Seitentitel, den Slug (URL-Pfad), den Status und wann die Seite zuletzt bearbeitet wurde.

Neue Seite erstellen

Klicken Sie oben rechts auf „Neue Seite". Füllen Sie aus: 1. Titel – Der Name Ihrer Seite (z. B. „Über uns") 2. Slug – Der URL-Pfad (wird automatisch generiert, z. B. „ueber-uns") 3. Vorlage (optional) – Wählen Sie ein vorgefertigtes Layout als Ausgangspunkt Klicken Sie auf „Erstellen". Wenn Sie eine Vorlage gewählt haben, gelangen Sie direkt zum visuellen Builder.
Tipps
  • Der Slug bestimmt die Webadresse Ihrer Seite. Verwenden Sie kurze, beschreibende Wörter mit Bindestrichen.
  • Den Slug können Sie später noch ändern.

Seite bearbeiten

Klicken Sie auf eine Seite in der Tabelle, um die Detailseite zu öffnen. Hier können Sie: • Titel und Slug bearbeiten • SEO-Einstellungen ändern (Titel, Beschreibung, Social-Media-Bild) • Den Status anzeigen (Entwurf oder Veröffentlicht) • Die Seite im visuellen Builder öffnen

Der visuelle Builder

Der visuelle Builder ist das Herzstück des Seitenlayouts. Hier bauen Sie Ihre Seite mit Blöcken, die Sie ziehen, ablegen und anpassen können. So funktioniert es: 1. Links sehen Sie eine Liste verfügbarer Blöcke (Komponenten) 2. Ziehen Sie einen Block auf die Leinwand in der Mitte 3. Klicken Sie auf einen Block, um ihn auszuwählen und die Einstellungen rechts zu bearbeiten 4. Passen Sie Texte, Bilder, Farben und andere Optionen an Verfügbare Blöcke u. a.: • Hero-Bereich – Große Überschrift mit Hintergrundbild • Feature-Karten – Karten mit Icons und Text • Preise – Preistabellen • Kontaktformular – Ein Kontaktformular • Logo-Wolke – Partner- oder Kundenlogos • Newsletter – Anmeldeformular • Countdown – Countdown-Timer • Container – Flexibler Container für freies Layout
Tipps
  • Nutzen Sie die Vorschau-Schaltfläche, um zu sehen, wie Ihre Seite für Besucher aussieht.
  • Blöcke können Sie durch Ziehen verschieben.
  • Klicken Sie auf das Papierkorb-Icon, um einen Block zu entfernen.

Seite veröffentlichen

Eine neue Seite startet als „Entwurf" – nur Sie können sie sehen. Um die Seite live zu schalten: 1. Öffnen Sie die Seitendetails 2. Klicken Sie auf „Veröffentlichen" Die Seite ist nun für Besucher unter der Webadresse sichtbar, die zum Slug passt.
Hinweis
  • Eine veröffentlichte Seite ist sofort sichtbar. Prüfen Sie alles vor dem Veröffentlichen.

Versionshistorie

Jedes Mal, wenn Sie eine Seite veröffentlichen, wird automatisch eine Version gespeichert (bis zu 20 Versionen). Öffnen Sie die Seite im visuellen Builder und klicken Sie auf "Versionshistorie", um frühere Versionen anzuzeigen. Für jede Version können Sie: • Anzeigen – Im schreibgeschützten Modus öffnen • Als Entwurf wiederherstellen – Die Version als bearbeitbaren Entwurf laden • Wiederherstellen & veröffentlichen – Die Version direkt live schalten Das Panel schließt sich nach der Wiederherstellung automatisch.
Tipps
  • Ideal, wenn Sie versehentlich etwas löschen oder zu einer früheren Version zurückkehren möchten.
  • Versionen zeigen Datum, Uhrzeit und den Namen der Person, die veröffentlicht hat.

Seite löschen

Klicken Sie auf das Drei-Punkte-Menü (⋯) neben einer Seite und wählen Sie „Löschen". Die Seite wird in den Papierkorb verschoben.
Hinweis
  • Gelöschte Seiten sind für Besucher nicht mehr sichtbar.

Neue Blöcke im Builder

Der visuelle Builder enthält jetzt zusätzliche Blöcke: • VideoHeroSection – Ein Hero-Abschnitt mit Video-Hintergrund (YouTube, Vimeo oder MP4). Inklusive Overlay, Poster-Bild und mobilem Fallback. • HeroSection (erweitert) – Jetzt mit Video-Hintergrund, Overlay, Badge-Text, 2 CTA-Buttons und Inline-Statistiken. Wähle aus Layouts: centered, left, right oder split. • FeatureCardsSection (erweitert) – 2 bis 6 Spalten, Glass-Cards mit Backdrop-Blur, Hover-Effekte (lift, glow, border-color), Icon-Positionen und mehr. • TestimonialSection (erweitert) – 4 Layouts (grid, carousel, masonry, single), Avatar-Formen, Rating-Stile und Zitat-Stile. • PricingSection (erweitert) – Highlight-Stile, Abrechnungs-Toggle (monatlich/jährlich), anpassbare Preisgröße und Check-Stile. • CTABannerSection (erweitert) – 4 Layouts, Urgency-Badge, mehrere CTA-Buttons und Hintergrundtypen. • FooterSection (erweitert) – 4 Layouts, Social-Media-Positionen, Newsletter-Feld und Trennlinien-Stile. Alle erweiterten Blöcke sind abwärtskompatibel — bestehende Seiten funktionieren weiterhin wie gewohnt.
Tipps
  • Ziehe einen neuen Block aus dem Blöcke-Panel (links) auf das Canvas, um ihn hinzuzufügen.
  • Verwende den Glass-Card-Stil bei FeatureCards für einen modernen, transparenten Effekt.

Rufen Sie uns an