Darstellung & Branding
Passe das Erscheinungsbild von SimpliServ organisationsweit an: Markenfarbe und eigenes CSS auf der Design-Seite, Seitenleiste, Startkacheln und Handy-Leiste im Navigations-Editor.
→ Design öffnen · Navigations-Editor öffnen
Im Bereich Administration → Layout & Felder passt du das Erscheinungsbild von SimpliServ für dein gesamtes Team an. Zwei Seiten gehören dazu: Branding & Design für Markenfarbe und eigenes CSS und der Navigations-Editor, mit dem du Seitenleiste, Startkacheln und die untere Leiste am Handy umbaust. Beide Einstellungen gelten für alle Benutzer deiner Organisation.
Beide Seiten erfordern Administration → Einstellungen → Ansehen; ohne Bearbeitungsrecht für Einstellungen kannst du nichts speichern. Offene Änderungen sammelt die Speichern-Leiste am unteren Rand – dort speicherst oder verwirfst du sie.
Markenfarbe
Die Karte Markenfarbe legt die Standard-Akzentfarbe für E-Mails, die Tracking-Seite, Dokumentvorlagen und Formulare fest. Trage einen Hex-Wert ein (z. B. #ED6E13). Jede dieser Stellen kann die Farbe weiterhin mit einer eigenen überschreiben; die Markenfarbe greift überall dort, wo keine spezifische Farbe festgelegt ist.
Eigenes CSS
In der Karte Eigenes CSS hinterlegst du CSS, das app-weit für alle Benutzer deiner Organisation eingebunden wird – damit lassen sich z. B. Schriftgewichte oder einzelne Bereiche der Oberfläche an deine Marke anpassen.
Design-Seite öffnen
Wechsle zu Administration → Layout & Felder → Branding & Design.
CSS eintragen
Schreibe dein CSS in das Feld CSS. Beispiel: dl dt { font-weight: 700 } macht alle Feldbeschriftungen fett.
Speichern
Klicke in der Speichern-Leiste auf Speichern. Die Regeln greifen für alle Benutzer der Organisation.
Klappe unter dem Feld Verfügbare CSS-Hooks auf, um stabile Anker für gezielte Anpassungen zu sehen – z. B. [data-ss-region="sidebar"] für die Navigation, [data-ss-region="card"] für die Standard-Karten oder [data-ss-card="kundendaten"] für eine einzelne Karte. Den Slug einer Karte findest du über die Browser-DevTools im Attribut data-ss-card.
Eigenes CSS wirkt global. Fehlerhafte Regeln können Teile der Oberfläche unbrauchbar machen. Teste Änderungen vorsichtig; bei Problemen leerst du das Feld und speicherst erneut.
Das Organisationslogo hinterlegst du unter Administration → Firma in den Firmendaten. Das Aussehen von Rechnungen, Angeboten und Lieferscheinen gestaltest du in den Dokumentvorlagen.
Navigations-Editor
Der Navigations-Editor hat zwei Tabs: Navigation für die linke Seitenleiste und Kacheln & Leiste für Startkacheln und die Handy-Leiste. Rechts zeigt eine Live-Vorschau, wie die Seitenleiste nach dem Speichern aussieht.
Seitenleiste umbauen
Jede Zeile zeigt einen Navigationseintrag mit diesen Steuerungen:
- Ziehgriff – per Drag & Drop verschieben; unter einen anderen Eintrag gezogen wird er zum Untereintrag.
- Icon – ein anderes Symbol wählen.
- Name – direkt in das Feld tippen, um den Eintrag umzubenennen.
- Anpinnen / Lösen – hebt den Eintrag in den angehefteten Bereich der Seitenleiste.
- Bearbeiten – bei Standard-Einträgen Name und Icon, bei eigenen Einträgen alle Einstellungen.
- Untereintrag hinzufügen (
+) – legt einen eigenen Eintrag unterhalb dieser Zeile an. - Löschen – nur bei eigenen Einträgen (Badge Eigener Menüpunkt).
- Sichtbar (Schalter) – blendet den Eintrag für alle aus. Ausgeblendete Einträge tragen das Badge Ausgeblendet; ist der übergeordnete Eintrag ausgeblendet, erscheint Ausgeblendet (übergeordnet).
Ausblenden ändert keine Rechte: Wer die Berechtigung hat, erreicht die Seite weiterhin über einen direkten Link.
Eigene Gruppe und eigene Einträge
Mit Gruppe hinzufügen legst du eine Gruppe mit Name und optionalem Icon an und ziehst Einträge hinein. Neuer Menüpunkt bzw. das + an einer Zeile öffnet den Dialog für einen eigenen Eintrag. Wähle zuerst den Typ:
| Typ | Wirkung |
|---|---|
| Link | Interne Route aus der Liste oder eigener Pfad bzw. externe URL über URL / Pfad. Bei externen URLs wählst du unter Öffnen: In neuem Tab öffnen oder Eingebettet über SimpliServ (für Tools mit Login) |
| Dynamische Liste | Gruppe, die sich automatisch mit Live-Einträgen füllt. Quelle: Kontaktgruppen, Kassen oder Produktkategorien |
| Erstellen-Seite | Springt direkt auf die Anlegen-Maske der gewählten Route (/create wird angehängt) |
| Filter | Öffnet eine Route mit vorgesetztem Filter über Filter-Parameter (z. B. customer_group_id) und Filter-Wert |
| Formular | Öffnet ein Formular direkt in der App; beim Abschicken wird angelegt, was im Formular zugeordnet ist |
| Formularantworten | Zeigt die Antworten eines Formulars mit Zähler für neue Antworten |
Startkacheln und Handy-Leiste
Im Tab Kacheln & Leiste legst du unter Startkacheln fest, welche Schnellaktionen am Dashboard erscheinen (bis zu 24 Kacheln), und unter Untere Leiste am Handy bis zu 4 Tabs für die untere Leiste am Handy; „Mehr“ bleibt immer rechts. Über Gilt für wählst du Alle (Standard) oder eine einzelne Rolle. Rollen ohne eigene Einstellung nutzen „Alle“; mit Wieder Standard nutzen kehrt eine Rolle zum Standard zurück. Details im Navigations-Editor für Fortgeschrittene.
Speichern und zurücksetzen
Änderungen übernimmst du über die Speichern-Leiste am unteren Rand für alle Benutzer. Auf Standard zurücksetzen verwirft nach Rückfrage alle Anpassungen und stellt die Standard-Navigation wieder her.
Weiterführend
How is this guide?