Skip to main content

Smart WiFi Kampagnen

Mit dem OCMP Smart WiFi ist es möglich sehr einfach und schnell effektive Marketing Kampagnen im WiFi zu erstellen, veröffentlichen und analysieren.

Übersicht​

Smart WiFi Übersicht

Die Übersichtsseite ist der zentrale Einstiegspunkt in Smart WiFi und besteht aus einer klaren, wiederkehrenden UI‑Grundstruktur: Oben sehen Sie die globale Kopfzeile mit dem Hamburger‑Menü (links) zum Öffnen der Hauptnavigation, das OCMP‑Logo (zentral) als Orientierung sowie ein globales Suchfeld („Suchen…“) für die plattformweite Suche. Rechts ist das Benutzerprofil als Kreis‑Avatar (Initialen) platziert, über das typischerweise Kontofunktionen erreichbar sind.

Direkt unter der Kopfzeile zeigt die Seite eine Breadcrumb‑Navigation („Startseite › Smart WiFi“). Diese Breadcrumbs sind wichtig, wenn Sie aus tieferen Ebenen (z. B. Kampagneneditor oder Analyse) zurück navigieren möchten, ohne den Browser‑Zurück‑Button zu verwenden.

Im Hauptbereich befinden sich vier große Kacheln als Einstieg in die Arbeitsbereiche. Jede Kachel ist gleich aufgebaut: oben ein Icon (visuelle Einordnung), darunter ein Titel, ein erklärender Kurztext und als eindeutige Aktion der Link „Weiter“.

  • Kampagnen führt in die Erstellung und Verwaltung konkreter WiFi‑Kampagnen (Inhalte, Check‑in, Design, Flow).
  • Vorlagen dient der Standardisierung: wiederverwendbare Kampagnenstrukturen, aus denen neue Kampagnen abgeleitet werden.
  • Kampagnenplan steuert die Ausspielung (Zeitfenster, Prioritäten, Standorte).
  • Kampagnenanalyse bündelt die Auswertung (KPIs, Journeys, Export).

Am rechten Bildschirmrand sehen Sie außerdem das kleine Support-/Chat‑Widget (Sprechblasen‑Symbol). Es ist ein globales UI‑Element und steht unabhängig vom aktuellen Smart‑WiFi‑Unterbereich zur Verfügung.

Erstellung von WiFi Kampagnen​

Kampagnenübersicht​

Kampagnenübersicht

Die Kampagnenübersicht ist die zentrale Verwaltungsliste. Auch hier finden Sie oben die bekannte Kopfzeile (Menü, Logo, Suche, Profil) sowie darunter die Breadcrumbs („Startseite › Smart WiFi › Kampagnen“), die den Kontext eindeutig machen.

Im oberen linken Bereich steht die primäre Aktion als deutlich hervorgehobener Button: „+ Neue Kampagne erstellen“. Dieser Button ist der Startpunkt für jede neue Kampagne, unabhängig davon, ob Sie komplett neu beginnen oder eine Vorlage verwenden.

Rechts oberhalb der Tabelle befindet sich eine kompakte Werkzeugleiste, die die Arbeit mit vielen Kampagnen effizient macht:

  • Mit „Hierarchieansicht“ und „Listenansicht“ schalten Sie zwischen zwei Darstellungen um. In der Hierarchieansicht erscheinen Kampagnen gruppiert (z. B. nach Organisation/Ordner/Umgebung); in der Listenansicht steht eine flache Tabelle im Vordergrund.
  • Das Download/Export‑Symbol (Pfeil nach unten) ist für typische Export-/Download‑Funktionen vorgesehen (z. B. Ausleitungen von Listenständen).
  • Das Filter‑Symbol (Trichter) dient dazu, die Liste nach Kriterien einzugrenzen (z. B. Status, Zeitraum, Eigentümer).
  • Das Ansichts-/Layout‑Symbol (Kachelsymbol) steht typischerweise für Spalten-/Ansichtseinstellungen (z. B. Ein-/Ausblenden von Spalten oder gespeicherte Views).
  • Das Sucheingabefeld („Suchen“) filtert die Tabelle nach Namen/IDs, ohne dass Sie über mehrere Seiten scrollen müssen.

Die Tabelle selbst ist so aufgebaut, dass Sie den Lebenszyklus einer Kampagne auf einen Blick erkennen:

  • In der linken Spalte sehen Sie Auf-/Zuklapp‑Symbole (Chevron/Arrow), die zeigen, ob ein Eintrag eine Gruppe ist (z. B. „OCMP DEMO – …“) oder eine einzelne Kampagne.
  • In den Spalten werden Name, Version, ID sowie weitere kampagnenbezogene Attribute angezeigt (z. B. Eigentümer‑E‑Mail, Erstelldatum, Aktualisiert‑Datum). Die kleinen Sortierindikatoren (Pfeile) in den Spaltenköpfen zeigen, dass sortiert werden kann.
  • Der Status ist mit einem Icon (z. B. grüner Haken) und einem Text wie „Veröffentlicht“ versehen. Dadurch erkennen Sie, ob eine Version bereits produktiv freigegeben ist.
  • In der Spalte „Aktiv“ zeigt ein Icon, ob diese Kampagne aktuell tatsächlich ausgespielt wird.
  • Ganz rechts liefert „Aktionen“ (meist als Icon/„…“ oder Kachelsymbol) kontextbezogene Funktionen wie Öffnen, Bearbeiten, Duplizieren oder Verknüpfen.

Diese Kombination aus Ansichtsschalter, Suche, Filtern und Statusspalten ist entscheidend, um produktive Kampagnen sauber von Entwürfen und älteren Versionen zu trennen.

Neue Kampagne erstellen​

Neue Kampagne erstellen

Der Dialog „Neue Kampagne“ fasst alle Pflichtentscheidungen zusammen, bevor die eigentliche Gestaltung beginnt. Direkt unter dem Titel wählen Sie über ein Dropdown aus, wie die Kampagne erstellt werden soll: Der Eintrag „von vorne anfangen“ bedeutet eine leere Ausgangsbasis; je nach Systemkonfiguration können hier alternativ Vorlagen auswählbar sein. Dieser erste Schritt ist wichtig, weil er bestimmt, ob Sie eine bestehende Struktur übernehmen (schneller, konsistenter) oder maximal flexibel starten.

Darunter folgt das Feld „Kampagnenname“ als Texteingabe. Der Kampagnenname ist nicht nur Anzeige‑Text, sondern die zentrale Referenz in Listen, Plänen und Analytics. In der Praxis ist es sinnvoll, hier ein Namensschema zu verwenden (z. B. Standort/Brand + Zweck + Zeitraum), damit Sie später in Suche und Auswertung schnell navigieren können.

Unterhalb sehen Sie zwei Dropdown‑Felder mit Info‑Icon:

  • „Standard Sprache“ legt die Basissprache der Kampagne fest (z. B. „Deutsch“). Diese Einstellung ist die Grundlage für Übersetzungen und die spätere Sprachlogik.
  • „Kampagnenart“ (z. B. „Eigene“) beschreibt die Art bzw. Kategorie der Kampagne. Je nach Plattformlogik kann hier gesteuert werden, ob es sich um eine reguläre Kampagne, eine abgeleitete oder eine spezielle Variante handelt.

Unten im Dialog befinden sich die Aktionen „Abbrechen“ (bricht ohne Anlage ab) und „Erstellen“ (legt die Kampagne an). Der Erstellen‑Button ist typischerweise erst aktiv, wenn Pflichtfelder wie der Kampagnenname valide gesetzt sind.

Leere Kampagne (Grundkonfiguration)​

Leere Kampagne

Nach dem Erstellen landen Sie in der Kampagnen‑Detailansicht. Im Kopfbereich sehen Sie (links) den Kampagnennamen, daneben die Versionskennung (z. B. „v1“) sowie den Link „Öffne Versionsverlauf“, der die Historie der veröffentlichten Versionen zugänglich macht. Rechts oben stehen zentrale Aktionen: „Zurück“ für Navigation, „Änderungen speichern“ (blauer Button, speichert Entwurfsänderungen) und „Kampagne veröffentlichen“ (grüner Button, erstellt eine neue veröffentlichte Version und kann aktive Versionen ersetzen).

Direkt darunter steuern die Tabs, welcher Editor aktiv ist:

  • Einfach (Basisansicht / Basic Editor‑Konfiguration)
  • Flow (verzweigte Nutzerstrecken)
  • Übersetzungen (mehrsprachige Inhalte)

Der Bildschirm ist in drei Spalten organisiert, damit Sie gleichzeitig konfigurieren, sehen und verifizieren können:

Links: „Allgemein“ – Identität und Grundparameter
Im Bereich „Allgemein“ sind die Felder mit kleinen Icons versehen (Sprache, Schrift, etc.), damit Sie Werte schneller zuordnen:

  • Kampagnenname ist als Eingabefeld sichtbar und kann angepasst werden.
  • Standard Sprache zeigt die Basissprache (z. B. Deutsch).
  • Übersetzungen zeigt, ob Übersetzungen verfügbar sind („Keine“), oft als Dropdown, um Sprachen zu aktivieren.
  • Schriftart (z. B. „Roboto“) ist als Dropdown auswählbar, damit Branding konsistent bleibt.
  • Kampagnenart und Klasse der Kampagne (z. B. „Captive portal“) klassifizieren die Kampagne.
  • Der Link „In Vorlage konvertieren“ ist eine wichtige Governance‑Funktion: Aus einer sauberen Kampagne können Sie eine Vorlage machen, um Standards im Team zu etablieren.

Links unten: „Logo & Hintergrund“ – visuelles Branding
Hier definieren Sie die zentralen visuellen Assets:

  • Logo (Datei auswählen): das Logo erscheint typischerweise im oberen Bereich des Captive Portals.
  • Hintergrund Mobile (Datei auswählen): optimiert für Smartphone‑Darstellung.
  • Hintergrund Desktop (Datei auswählen): separat, damit breite Bildformate sauber wirken.

Mitte: Live‑Vorschau (Device‑Mock) und Vorschau‑Button
In der Mitte ist ein Smartphone‑Mockup als Live‑Vorschau. In der Vorschau sehen Sie u. a. Platzhalter‑Icons (Dokument‑Symbol, Info‑Symbol) und unten die UI‑Komponente zur Bestätigung von Nutzungsbedingungen (Checkbox‑Text „Ich habe die Nutzungsbedingungen gelesen und akzeptiert.“). Unterhalb befindet sich der Button „Vorschau“ mit Augen‑Icon, der typischerweise einen interaktiven Preview‑Modus öffnet (wichtig, um Kontrast, Lesbarkeit und Flow‑Abfolge zu prüfen).

Rechts: „Check‑in Element“ und „Colors“ – Verhalten und CI‑Farben
Der rechte Bereich steuert das Verhalten beim Login:

  • WiFi Nutzungsbedingungen mit „Bearbeiten“ verknüpft die rechtlichen Dokumente (siehe Compliance).
  • Weiterleitungsadresse (mit Edit‑Icon und Info‑Icon) bestimmt, wohin Nutzer nach erfolgreichem Check‑in navigiert werden, z. B. eine Willkommensseite.
  • Erfolgsmeldung ist der Text, der nach dem erfolgreichen Check‑in angezeigt wird.

Im Abschnitt „Colors“ setzen Sie CI‑Farben granular:

  • Text Farbe (Schriftfarbe)
  • Link Farbe (für anklickbare Links)
  • Hintergrundfarbe (Fallback, wenn kein Hintergrundbild genutzt wird)
  • Button Farbe (Primärbutton)
  • Button Textfarbe (Lesbarkeit auf Button)
  • Button Text (Text im Button, z. B. „Verbinden“)

Die kleinen Farbfelder rechts dienen als Schnellindikator, welche Farbe aktuell gesetzt ist.

Einfache Kampagne (Basic Editor)​

Basic Editor

Eine konfigurierte Kampagne in der Basisansicht zeigt zusätzlich mehrere produktionsnahe UI‑Elemente, die im leeren Zustand noch nicht dominieren. Links im „Allgemein“-Block sehen Sie z. B. den Aktiv‑Status als grünes Badge („Aktiv“). Darunter gibt es zwei relevante Informationszeilen mit jeweils einem Icon und einem „Details“‑Link:

  • „Aktiv an X Standorte: Details“ zeigt, in wie vielen Standorten die Kampagne aktuell ausgespielt wird.
  • „Aktiv an X Kampagnenpläne: Details“ zeigt, über wie viele Kampagnenpläne die Ausspielung gesteuert wird.

Diese beiden Details‑Links sind in der Praxis der schnellste Weg, um Auswirkungen von Änderungen abzuschätzen: Wenn eine Kampagne über viele Standorte/Pläne aktiv ist, sollten Änderungen sauber getestet werden, bevor veröffentlicht wird.

Im oberen rechten Kopfbereich ist in dieser Ansicht die Aktion „Kampagne bearbeiten“ (Button mit Stift‑Icon) sichtbar. Das ist ein typisches Muster: In einer „Ansicht“- oder „Read‑Only“-Darstellung aktivieren Sie die Bearbeitung explizit, um unbeabsichtigte Änderungen zu vermeiden. Daneben stehen zusätzliche Icon‑Buttons (z. B. Löschen, Analytics/Reporting oder Verlauf), die kontextbezogene Funktionen bündeln, ohne die Oberfläche zu überladen.

Im linken Bereich „Logo & Hintergrund“ sehen Sie nun statt „Datei auswählen“ konkrete Dateinamen der hinterlegten Assets (z. B. Logo und Mobile‑Background). Das ist wichtig für Teamarbeit: Schon ohne in den Media‑Picker zu wechseln, erkennen Sie, welche Dateien aktuell in Verwendung sind.

Rechts im „Check‑in Element“ sind Weiterleitungsadresse und Erfolgsmeldung bereits befüllt. In „Colors“ werden die Farbfelder als aktive Werte angezeigt. Der Button‑Text (z. B. „Jetzt verbinden“) ist als konkreter String sichtbar und sollte sprachlich zur Kampagne passen (kurz, handlungsorientiert, eindeutig).

Compliance / Dokumente​

Dokumente

Die Einbindung rechtlich relevanter Inhalte (z. B. Nutzungsbedingungen, Datenschutzhinweise) erfolgt über den Dialog „Dokumente“, der sich als Seitendrawer/Overlay öffnet: Links bleibt die Kampagnenansicht (abgedunkelt) mit Live‑Vorschau sichtbar, rechts erscheint das Dokument‑Panel.

Im Panel sehen Sie:

  • den Titel „Dokumente“ als Kontext,
  • die Zeile „WiFi Nutzungsbedingungen“ als konkrete Dokumentkategorie,
  • ein Dropdown „Dokument auswählen“, über das Sie ein hinterlegtes Dokument (z. B. aus einer Document‑Library) zuweisen,
  • sowie die Aktionen „Abbrechen“ und „Speichern“.

Die Verbindung zur Vorschau ist absichtlich: Sobald Nutzungsbedingungen aktiviert sind, erscheint im Captive Portal die Checkbox‑Bestätigung. Für Einwilligungen und Bestätigungen gelten hohe Anforderungen an Klarheit und Informiertheit; in der EU‑Praxis ist insbesondere wichtig, dass Einwilligungen (wo erforderlich) freiwillig, informiert, zweckgebunden und eindeutig erfolgen.

Kampagne veröffentlichen​

Veröffentlichen

Der Veröffentlichungsdialog ist bewusst eindeutig formuliert, weil er operative Auswirkungen hat. Er fragt explizit nach Bestätigung, dass Sie die Kampagne jetzt veröffentlichen möchten, und weist darauf hin, dass dabei eine neue Version erzeugt wird. Gleichzeitig wird klar kommuniziert, dass eine bereits aktive Kampagne in Verlauf/Standorten/Plänen durch die neu veröffentlichte Version ersetzt werden kann.

Die UI bietet genau zwei Aktionen: „Abbrechen“ (kein Release) und „Veröffentlichen“ (Release durchführen). Das reduziert Fehlbedienungen in produktiven Umgebungen.

Verknüpfung & Steuerung​

Kampagnenplan​

Kampagnenplan Übersicht

Der Kampagnenplan ist die Schaltzentrale, um eine Kampagne zeitlich und räumlich auszurollen. Oben links steht der Button „Kampagnenplan erstellen“ (zusätzlich mit Info‑Icon), über den neue Pläne angelegt werden.

Rechts oben finden Sie erneut die bekannte Leiste mit Hierarchie-/Listenansicht, Export‑/Filter‑Icons und Suche. Diese UI‑Konsistenz ist wichtig: Kampagnen, Vorlagen, Pläne und Analysen lassen sich so nach einem identischen Muster bedienen.

Die Tabelle zeigt pro Eintrag u. a.:

  • Name (und ggf. Gruppierung),
  • Kampagnenpläne (Anzahl innerhalb einer Gruppe),
  • ID, Typ (z. B. „Basic plan“),
  • Anzahl der Standorte (Impact),
  • Eigentümer E‑Mail (Verantwortlichkeit),
  • sowie Aktionen (kontextbezogene Funktionen).

Kampagnenplan bearbeiten​

Kampagnenplan Detail

In der Detailansicht eines Plans gibt es oben zwei Tabs: „Plan“ und „Standorte“. Damit ist die UI‑Logik klar getrennt: Links konfigurieren Sie Regeln (Zeit/Priorität/Kampagne), rechts die Zielmenge (Standorte).

Oben rechts stehen die operativen Aktionen als kompakte Gruppe: „Löschen“, „Zurück“ und „Speichern“. So wird verhindert, dass Änderungen „irgendwo“ gespeichert werden – der Save‑Punkt ist eindeutig.

Im Tab „Plan“ sind zwei Panels sichtbar:

  • Links: „Name des Kampagnenplans“ als Eingabefeld (z. B. „Event Plan“) und darunter „Standard Kampagne wählen“ als Dropdown. Hier legen Sie fest, welche Kampagne dieser Plan ausspielt (inkl. Versionsbezug, z. B. „… – v1“). Das Info‑Icon deutet an, dass es erklärungsbedürftige Regeln geben kann (z. B. Priorität bei Konflikten).
  • Rechts: Unter „Plan“ definieren Sie Datum des Beginns und Datum des Endes (Datumsfelder). Darunter regelt der Schieberegler „Priorität“ (Skala 1–10), welche Kampagne gewinnt, wenn mehrere Pläne/Regeln gleichzeitig greifen.

Standorte zuweisen​

Standorte

Im Tab „Standorte“ ist die UI als Dual‑List aufgebaut, damit Sie bei vielen Standorten kontrolliert auswählen können:

Links unter „Standort auswählen“ gibt es ein Suchfeld (zum schnellen Filtern nach Standortnamen) und ein Dropdown „Alle Standortgruppen“, um die Auswahl auf eine Gruppe/Organisationseinheit einzuschränken. Zusätzlich existiert die Aktion „Alle auswählen“, um in einem Schritt die komplette gefilterte Liste zu übernehmen.

Rechts unter „Ausgewählte Standorte“ sehen Sie die tatsächlich zugewiesenen Standorte. Die Aktion „Alle abwählen“ entfernt die Zuweisung gesammelt. In der Tabelle ist eine Spalte „Löschen“ vorhanden (meist als Minus‑Icon), um einzelne Standorte gezielt zu entfernen.

Zwischen den beiden Listen steht ein Pfeil‑Icon, das die Transferlogik visualisiert: „von verfügbar → ausgewählt“. Nach Änderungen speichern Sie oben rechts über „Speichern“, damit die Ausspielung wirksam wird.