Skip to main content

Templates erstellen

Erstelle eigene Templates für Center-Websites und Digital Signage Kioske mit v0 und integriere sie nahtlos in CockpitOS.

Schnellstart (Content Creator)​

  1. Prompt kopieren – Aus Website Template Prompt oder Kiosk Template Prompt
  2. Screenshots erstellen – Sektionsweise (Hero, Karten, Footer) – besser als Ganzseite
  3. In v0 einfügen – Screenshots + Prompt → v0 generiert das Template
  4. ZIP herunterladen – Von v0
  5. Dashboard → Templates → Upload – ZIP hochladen, Name vergeben, einreichen
  6. System validiert – Prüft Struktur und Kompatibilität
  7. Nach Freigabe – Template wird übernommen

Übersicht​

Was sind Templates?​

Templates sind Layout-Skins über der gleichen technischen Struktur (wie ein Smartphone mit unterschiedlicher Hülle):

  • Website Templates: Öffentliche Center-Websites – gleiche Seiten (Home, Shops, Centerplan, etc.), anderes Design
  • Kiosk Templates: Touchscreen-Kioske im Shopping Center

Wie funktioniert es?​

  1. Screenshots + Prompt in v0 – Content Creator zeigt Wunsch-Layout, Prompt sichert Struktur
  2. ZIP in Dashboard hochladen – Templates → Upload
  3. Automatische Validierung – System prüft die Struktur
  4. Review & Aktivierung – Template wird geprüft und übernommen
  5. Verfügbar für Center – Nach Freigabe nutzbar

Template-Typen​

Website Templates​

Für öffentliche Center-Websites (gleiche Technik, anderes Design):

  • Gleiche Struktur: Home, Shops, Centerplan, Services, News + Unterseiten
  • Props: centerConfig, tiles, shops, events, news, services
  • Layout: Header, Hero, TileGrid, Footer – dein Design
  • Slots: Centerplan (WayfindingMap) – Platzhalter im Template. Chatbot (AI Chat inkl. Consent, SearchInterface) – globale CockpitOS-Komponente im Layout, bereits eingebunden
  • Verwendung: Multi-Tenant Websites für Besucher

Kiosk Templates​

Für Touchscreen-Kioske:

  • Props: config, shops, services, content, kioskConfig
  • Struktur: Screens (HomeScreen, ShopsScreen, etc.)
  • Verwendung: Interaktive Kioske mit Touch-Navigation

Dokumentation​

Voraussetzungen​

  • v0 Account – Für Template-Generierung
  • CockpitOS Dashboard Zugang – Für Upload
  • Basis-Kenntnisse – HTML/CSS/React (für Anpassungen)

Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /en/templates/intro