Skip to main content

Onboarding-Tutorial: Center anlegen und Website online stellen

Diese Anleitung führt dich von Anfang bis Ende durch den Prozess: Neues Center anlegen, Daten eingeben, Website-Template zuweisen, Inhalte bearbeiten und live schalten. Du brauchst keine Vorkenntnisse – mit dieser Anleitung kannst du ein Center anlegen und die Website online stellen, ohne weitere Hilfe.

Voraussetzungen​

Schritt 1: Neues Center anlegen​

  1. Öffne das Dashboard unter https://dashboard.cockpit-os.de und melde dich an.
  2. Klicke in der linken Navigation auf Content.
  3. Wähle Centers und danach Neues Center (oder klicke direkt auf + Neues Center).
  4. Du landest auf der Formularseite für ein neues Shopping Center.

Schritt 2: Grunddaten eingeben​

Füll die Pflichtfelder aus:

Allgemeine Informationen:

  • Name: z.B. "Rathaus Galerie Wuppertal"
  • Organisation: Wähle die passende Organisation (z.B. HBB, ECE) oder "Einzelnes Center", wenn das Center keiner Organisation zugeordnet ist.
  • Beschreibung: Kurze Beschreibung des Centers (optional, aber empfohlen).

Adresse:

  • Straße: z.B. "Rathaus-Galerie 1"
  • Stadt: z.B. "Wuppertal"
  • Postleitzahl: z.B. "42103"
  • Land: Standard ist "Deutschland".

Kontaktinformationen:

Öffnungszeiten:

  • Trag die regulären Öffnungszeiten ein (Montag bis Sonntag).
  • Sonderzeiten und Ankündigungen kannst du optional ergänzen.

Bilder (optional, aber empfohlen):

  • Logo: Center-Logo hochladen (PNG/SVG, max. 5 MB).
  • Titelbild: Hero- oder Coverbild des Centers (max. 10 MB).

Klicke am Ende auf Speichern. Du wirst automatisch zur Center-Detailseite weitergeleitet.

Schritt 3: Website aktivieren und Template zuweisen​

  1. Öffne die Center-Detailseite (falls nicht bereits geöffnet).
  2. Klicke auf den Tab Website.
  3. Im Bereich Website-Aktivierung:
    • Schalte den Schalter Website aktiviert auf "An".
    • Wähle unter Layout-Template das gewünschte Template (z.B. Social Lounge One, CEV Template, HBB, Event Lounge One oder Standard).
  4. Optional: Trag eine Custom Domain ein (z.B. "www.mein-center.de"), wenn du eine eigene Domain nutzen möchtest. Ohne Angabe wird automatisch {slug}.cockpit-os.de verwendet.
  5. Klicke auf Speichern.

Die Website ist nun aktiv und unter der angezeigten URL erreichbar.

Website-Templates im Überblick​

Die Auswahl des Layout-Templates bestimmt das Erscheinungsbild und die verfügbaren Inhaltsbereiche. Kurze Übersicht der verfügbaren Templates:

Standard (CockpitOS-Basis)
Basis-Layout ohne spezielle Branchenanpassung. Geeignet für einfache Center-Websites mit den Standard-Seiten (Homepage, Shops, Centerplan, Kontakt, Impressum, Datenschutz).

Social Lounge One
Modernes, einladendes Design mit Fokus auf Community und Social Media. Enthält: KI-Assistent (Chatbot), Themenwelten, News & Deals, Unsere Marken (Shop-Logo-Wand), Social Media Lounge (Instagram-Feed), Centerplan-Promo, Öffnungszeiten-Sektion, Header & Navigation, Footer & Links, Newsletter. Ideal für Shopping Center mit starkem Fokus auf Events und Besucher-Engagement.

CEV Template
Template für CEV-Center mit angepasstem Layout und vorkonfigurierten Sektionen. Bietet Template-Inhalte und alle Standard-Seiten.

HBB
Template für HBB-Organisation mit branchenspezifischen Modulen: Hero-Bereich, Mega-Menü, Featured Cards, Shop-Logo-Slider, Quick-Links-Bar, Ankermieter, Baustellen-Tagebuch. Geeignet für Shopping Center im HBB-Portfolio.

Event Lounge One
Template mit Fokus auf Veranstaltungen und Gastronomie. Enthält: Homepage-Bereich, Advertorials, Header & Navigation, Seiten für Gastronomie, Services, Centerplan, Parken und "Im Center". Ideal für Event-Locations und Center mit starkem F&B-Bereich.

Schritt 4: Inhalte bearbeiten​

Im Tab Website stehen dir je nach gewähltem Template verschiedene Unter-Tabs zur Verfügung:

Typische Bereiche:

  • Theme: Farben, Schriftarten und Design anpassen.
  • Inhalte: Template-spezifische Inhalte wie Hero-Bereich, News, Shops, Öffnungszeiten, Header, Footer usw.
  • Seiten: Inhalte für einzelne Seiten (Shops, Aktuelles, Anfahrt, Kontakt, Impressum, Datenschutz usw.).
  1. Wechsle zu den relevanten Tabs.
  2. Bearbeite die Felder nach Bedarf.
  3. Klicke nach jeder Änderung auf Speichern.

Die Änderungen erscheinen in der Regel innerhalb weniger Sekunden auf der Website.

Schritt 5: Shops, Events und News pflegen​

Shops hinzufügen:

  • Über Content > Shops > Neuer Shop kannst du Shops anlegen und dem Center zuordnen.
  • Alternativ nutzt du den optionalen Legacy Import (siehe unten), um Shops aus einem bestehenden System zu übernehmen.

Events erstellen:

  • Über Content > Events > Neues Event legst du Veranstaltungen an und ordnest sie dem Center zu.

News veröffentlichen:

  • Über Content > News > Neuer Artikel erstellst du News-Artikel für das Center.

Diese Inhalte erscheinen automatisch auf der Website, sofern das gewählte Template die entsprechenden Bereiche vorsieht.

Optional: DevSM Legacy Import​

Falls du Shops aus der alten DevSM Console (https://console.devsm.de) übernehmen möchtest:

  1. Öffne die Center-Detailseite.
  2. Klicke auf den Tab Legacy Import.
  3. Klicke auf Legacy-Daten importieren.
  4. Im Import-Wizard:
    • Schritt 1: Gib die Legacy Center ID ein. Die findest du in der URL der alten Console, z.B. https://console.devsm.de/?devsm-json=33799 – die ID ist hier 33799.
    • Schritt 2: Prüf die Vorschau (Anzahl Shops, Kategorien, Etagen).
    • Schritt 3: Konfiguriere das Kategorie- und Etagen-Mapping bei Bedarf.
    • Schritt 4: Wähle Optionen (z.B. Bilder herunterladen, bestehende Shops überschreiben) und starte den Import.
    • Schritt 5: Der Import wird ausgeführt. Nach Abschluss siehst du eine Zusammenfassung.

Nach dem Import kannst du die Shops im Center prüfen und bei Bedarf anpassen.

Was automatisch passiert​

Beim Anlegen und Aktivieren eines Centers übernimmt das System mehrere Schritte automatisch:

Domain und SSL:

  • Die Website wird unter {slug}.cockpit-os.de bereitgestellt.
  • SSL-Zertifikate werden automatisch eingerichtet.
  • Bei Custom Domain wird die Domain-Konfiguration angestoßen.

Analytics (Umami):

  • Wenn du im Tab Analytics die Option "Umami" aktivierst und speicherst, wird automatisch eine Umami-Website für dieses Center angelegt.
  • Du musst nichts in Umami manuell einrichten – die Website-ID wird im System gespeichert und für das Tracking genutzt.

Weitere automatische Einrichtungen:

  • Standard-Seiten und Navigation werden je nach Template bereitgestellt.
  • Center Manager App und Digital Signage werden für das Center konfiguriert.

Go Live – Checkliste​

Vor dem offiziellen Start prüf noch:

  1. Website aktiviert: Schalter "Website aktiviert" ist auf "An".
  2. Template zugewiesen: Das richtige Layout-Template ist ausgewählt.
  3. Grunddaten vollständig: Name, Adresse, Kontakt und Öffnungszeiten sind ausgefüllt.
  4. Impressum und Datenschutz: Unter Website > entsprechende Seiten-Tabs sind die rechtlich erforderlichen Inhalte hinterlegt.
  5. Inhalte geprüft: Texte, Bilder und Links sind korrekt.
  6. Test-URL: https://{slug}.cockpit-os.de (oder deine Custom Domain) im Browser prüfen.

Sobald alles passt, ist die Website live. Keine weiteren Schritte nötig.

Nächste Schritte​

Hilfe und Support​

Bei Fragen oder Problemen wende dich an den Support. Häufige Themen:

  • Website nicht erreichbar: Nach der Aktivierung kann es 1–2 Minuten dauern, bis die Website verfügbar ist.
  • Logo oder Bilder werden nicht angezeigt: Prüf die Dateigröße (Logo max. 5 MB, Titelbild max. 10 MB) und das Format (PNG, JPG, SVG).
  • Falsches Template: Wechsle im Tab Website unter "Layout-Template" zu einem anderen Template und speichere.

Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /en/content-creator-handbuch/onboarding-tutorial