Tennis Friends Admin Panel Handbuch

Übersicht

Willkommen im Admin-Panel der Tennis Friends Website. Dieser Leitfaden hilft Ihnen bei der Verwaltung Ihrer Tennis-Schul-Website-Inhalte, Veranstaltungen, Reservierungen und mehr.

Zugang zum Admin-Panel

1. Navigieren Sie zu /sign-in auf Ihrer Website
2. Geben Sie Ihre Admin-Zugangsdaten ein
3. Sie werden zum Admin-Dashboard weitergeleitet

Sprachunterstützung

Das Admin-Panel unterstützt zwei Sprachen:

• Deutsch (DE) - Standardsprache
• Englisch (EN) - Sekundärsprache

Wechseln Sie die Sprache mit dem Sprach-Umschalter unten in der Sidebar.

---

Dashboard

Das Dashboard bietet einen schnellen Überblick über Ihre Website-Inhalte:

Statistik-Karten

• Seiten - Gesamtzahl der erstellten Seiten
• Sektionen - Gesamtzahl der Inhaltssektionen
• Programme - Gesamtzahl der Tennisprogramme
• Trainer - Gesamtzahl der Trainer
• Standorte - Gesamtzahl der Tennisstandorte
• Kontakte - Gesamtzahl der Kontaktformular-Einsendungen

Schnellinfo

Zeigt Ihre aktuelle Rolle und E-Mail-Adresse an.

Aktuelle Kontakte

Zeigt die neuesten Kontaktformular-Einsendungen mit:

• Kontaktname und E-Mail
• Nachrichtenvorschau
• Einsendungsdatum
• Status-Indikator (neu/gelesen)

---

Programme

Verwalten Sie Ihre Tennisprogramme (z.B. Kinder-Tennis, Erwachsenen-Tennis, Camps).

Programmliste

Zeigt alle Programme mit:

• Name und URL-Slug
• Altersspanne
• Anzeigereihenfolge
• Veröffentlichungsstatus (Veröffentlicht/Entwurf)

Ein neues Programm erstellen

1. Klicken Sie auf "+ Neues Programm"
2. Füllen Sie die erforderlichen Felder aus:
   • Name - Programmname (z.B. "Kinder-Tennis")
   • Slug - URL-freundlicher Bezeichner (z.B. "kinder-tennis")
   • Kurzbeschreibung - Kurze Übersicht für Karten/Listings
   • Langbeschreibung - Detaillierte Programminformationen
   • Altersspanne - Zielaltersgruppe (z.B. "4-14 Jahre")
   • Icon - Emoji-Icon zur visuellen Identifikation (z.B. 🎾)
   • Bild-URL - Pfad zum Programmbild
   • Reihenfolge - Anzeigeposition (niedrigere Zahlen erscheinen zuerst)
   • Veröffentlicht - Umschalten, um Programm auf der Website sichtbar zu machen

Ein Programm bearbeiten

• Klicken Sie auf das Bearbeiten-Symbol in einer Programmzeile
• Ändern Sie die Felder nach Bedarf
• Klicken Sie auf Speichern zum Aktualisieren

Veröffentlichungsstatus umschalten

• Klicken Sie auf die Status-Badge, um schnell zwischen Veröffentlicht/Entwurf zu wechseln

Ein Programm löschen

• Klicken Sie auf das Löschen-Symbol
• Bestätigen Sie die Löschung im Dialog

---

Trainer

Verwalten Sie Ihre Tennis-Trainer und -Coaches.

Trainerliste

Zeigt alle Trainer mit:

• Name
• Titel/Position
• Anzeigereihenfolge
• Aktiv-Status

Einen neuen Trainer erstellen

1. Klicken Sie auf "+ Neuer Trainer"
2. Füllen Sie die erforderlichen Felder aus:
   • Name - Vollständiger Name des Trainers
   • Titel - Berufsbezeichnung (z.B. "Cheftrainer")
   • Bio - Detaillierte Biografie
   • Bild-URL - Pfad zum Trainerfoto
   • Zertifikate - Liste der Qualifikationen
   • Spezialisierungen - Fachgebiete
   • Reihenfolge - Anzeigeposition
   • Aktiv - Umschalten, um auf der Website anzuzeigen/auszublenden

Trainer-Status verwalten

• Schalten Sie den Aktiv-Status um, um die Sichtbarkeit zu steuern
• Inaktive Trainer erscheinen nicht auf der öffentlichen Website

---

Standorte

Verwalten Sie Ihre Tennisplatz-Standorte.

Standortliste

Zeigt alle Standorte mit:

• Name und URL-Slug
• Bezirk
• Anzahl der Plätze
• Anzeigereihenfolge
• Aktiv-Status

Einen neuen Standort erstellen

1. Klicken Sie auf "+ Neuer Standort"
2. Füllen Sie die erforderlichen Felder aus:
   • Name - Vollständiger Standortname (z.B. "Europahalle")
   • Slug - URL-Bezeichner (z.B. "europahalle")
   • Kurzname - Abgekürzter Name für die Anzeige
   • Adresse - Vollständige Straßenadresse
   • Bezirk - Wiener Bezirksnummer
   • Beschreibung - Standortdetails
   • Ausstattung - Annehmlichkeiten (z.B. "Indoor-Plätze", "Parkplatz")
   • Plätze - Anzahl und Art der Plätze
   • Bild-URL - Pfad zum Standortfoto
   • Farbe - Kalender-Farcode (Hex-Format, z.B. "#3b82f6")
   • Reihenfolge - Anzeigeposition
   • Aktiv - Sichtbarkeit umschalten

Farbcodierung

• Jeder Standort hat eine einzigartige Farbe
• Diese Farbe erscheint im Kalender für Veranstaltungen an diesem Standort
• Verwenden Sie unterschiedliche Farben zur einfachen Identifikation

---

Kalender

Verwalten Sie Veranstaltungen, Camps, Turniere und Trainingseinheiten.

Kalenderansichten

Rasteransicht - Monatskalender mit Veranstaltungen nach Tag

• Heute ist hervorgehoben
• Veranstaltungen sind nach Standort farbcodiert
• Klicken Sie auf eine Veranstaltung zum Bearbeiten

Listenansicht - Chronologische Liste der Veranstaltungen

• Zeigt Veranstaltungsdetails mit Zeit und Standort
• Einfach zu überblicken und zu verwalten

Navigation

• ‹ Zurück - Zum vorherigen Monat gehen
• Heute - Zum aktuellen Monat springen
• Weiter › - Zum nächsten Monat gehen

Eine neue Veranstaltung erstellen

1. Klicken Sie auf "+ Neue Veranstaltung"
2. Füllen Sie die erforderlichen Felder aus:
   • Titel - Veranstaltungsname
   • Beschreibung - Veranstaltungsdetails
   • Standort - Aus Dropdown auswählen (erforderlich)
   • Startdatum/-zeit - Wann die Veranstaltung beginnt
   • Enddatum/-zeit - Wann die Veranstaltung endet
   • Reservierbar - Umschalten, um Buchungen zu erlauben
   • Max. Teilnehmer - Falls reservierbar, Kapazität festlegen
   • Preis - Veranstaltungskosten (optional)

Veranstaltungsfarben

• Veranstaltungen erben automatisch die Farbe des Standorts
• Dies hilft Benutzern zu erkennen, wo Veranstaltungen stattfinden

Eine Veranstaltung bearbeiten

• Klicken Sie auf eine Veranstaltung im Kalender oder in der Liste
• Ändern Sie die Details
• Speichern Sie Ihre Änderungen

Eine Veranstaltung löschen

• Klicken Sie auf das Löschsymbol der Veranstaltung
• Bestätigen Sie die Löschung
• Warnung: Dies entfernt auch alle zugehörigen Reservierungen

---

Reservierungen

Anzeigen und Verwalten von Veranstaltungsreservierungen.

Statistiken

• Gesamt - Alle Reservierungen
• Bestätigt - Aktive Buchungen
• Storniert - Stornierte Buchungen

Filterung

Reservierungen nach Status filtern:

• Alle - Alle Reservierungen anzeigen
• Bestätigt - Nur aktive Buchungen
• Storniert - Nur stornierte Buchungen

Reservierungsdetails

Jede Reservierung zeigt:

• Veranstaltungstitel und Standort
• Datum und Uhrzeit
• Teilnehmername
• E-Mail-Adresse
• Telefonnummer
• Buchungsdatum

Reservierungen verwalten

• Klicken Sie auf E-Mail, um den Teilnehmer zu kontaktieren
• Klicken Sie auf Telefonnummer, um direkt anzurufen
• Reservierungen werden bei Einreichung automatisch bestätigt

---

Kontakte

Verwalten Sie Kontaktformular-Einsendungen von der Website.

Statistiken

• Gesamt - Alle Einsendungen
• Neu - Ungelesene Nachrichten
• Gelesen - Gesehene Nachrichten
• Beantwortet - Beantwortete Nachrichten

Filterung

Kontakte nach Status filtern:

• Alle - Alle Kontakte anzeigen
• Neu - Ungelesene Nachrichten (grün)
• Gelesen - Gesehene Nachrichten (blau)
• Beantwortet - Beantwortete Nachrichten (lila)

Kontakte verwalten

• Status ändern - Dropdown verwenden, um Status zu aktualisieren
• Antworten - Button klicken, um E-Mail-Client zu öffnen
• Löschen - Kontakt-Einsendung entfernen

Best Practices

1. Kontakte regelmäßig prüfen
2. Status nach dem Lesen aktualisieren
3. Nach dem Antworten als "Beantwortet" markieren
4. Spam oder irrelevante Nachrichten löschen

---

Seiten

Verwalten Sie Website-Seiten und deren Inhaltsstruktur.

Seitenliste

Zeigt alle Seiten mit:

• Titel
• URL-Slug
• SEO-Titel
• Anzeigereihenfolge
• Veröffentlichungsstatus

Eine neue Seite erstellen

1. Klicken Sie auf "+ Neue Seite"
2. Füllen Sie die erforderlichen Felder aus:
   • Titel - Seitentitel
   • Slug - URL-Pfad (z.B. "about", "contact")
   • Reihenfolge - Navigationsposition
   • Veröffentlicht - Sichtbarkeit umschalten

Seitenstruktur

Seiten enthalten Sektionen, die den Inhalt bilden:

• Hero-Sektionen
• Inhaltsblöcke
• Feature-Listen
• Call-to-Action-Bereiche

Seiten verwalten

• Seitendetails und SEO-Einstellungen bearbeiten
• Veröffentlichungsstatus umschalten
• Seiten löschen (Sektionen bleiben erhalten, werden aber nicht mehr zugeordnet)

---

Sektionen

Verwalten Sie wiederverwendbare Inhaltssektionen für Seiten.

Sektionsliste

Zeigt alle Sektionen mit:

• Typ (z.B. hero, features, cta)
• Zugeordnete Seiten-ID
• Anzeigereihenfolge
• Sichtbarkeitsstatus

Sektionstypen

Häufige Sektionstypen sind:

• Hero - Großes Banner mit Titel und CTA
• Features - Raster mit Feature-Elementen
• Content - Text- und Bildblöcke
• CTA - Call-to-Action-Sektionen
• Gallery - Bildergalerien
• Testimonials - Kundenbewertungen

Eine neue Sektion erstellen

1. Klicken Sie auf "+ Neue Sektion"
2. Wählen Sie den Sektionstyp
3. Wählen Sie die Seite, der sie zugeordnet werden soll
4. Inhalt hinzufügen (als JSON gespeichert)
5. Anzeigereihenfolge festlegen
6. Sichtbarkeit umschalten

Sektionsverwaltung

• Sektionen können seitenübergreifend wiederverwendet werden
• Die Reihenfolge bestimmt die vertikale Position
• Sichtbarkeit steuert, ob die Sektion auf der Live-Site erscheint

---

Galerie

Verwalten Sie Bilder für Ihre Website.

Funktionen

• Mehrere Bilder gleichzeitig hochladen
• Tags zur Organisation hinzufügen
• Bilder suchen und filtern
• Bild-URLs kopieren zur Verwendung im Inhalt

Bilder hochladen

1. Klicken Sie auf "+ Bilder hochladen"
2. Dateien per Drag & Drop ablegen oder klicken zum Durchsuchen
3. Standard-Tags hinzufügen (kommagetrennt)
4. Klicken Sie auf Hochladen zum Verarbeiten

Bildverwaltung

• Suche - Bilder nach Dateiname finden
• Tags - Nach zugeordneten Tags filtern
• Auswählen - Klicken Sie auf das Kontrollkästchen, um mehrere auszuwählen
• URL kopieren - Bild-URL zur Verwendung im Inhalt abrufen
• Bearbeiten - Alt-Text, Tags, Beschreibung ändern
• Löschen - Aus Galerie entfernen

Best Practices

1. Beschreibende Dateinamen verwenden
2. Relevante Tags hinzufügen
3. Alt-Text für Barrierefreiheit einfügen
4. Bilder vor dem Hochladen optimieren (max. 2MB empfohlen)

Sammelaktionen

• Mehrere Bilder auswählen
• Ausgewählte Bilder gleichzeitig löschen

---

SEO

Verwalten Sie die Suchmaschinenoptimierung für Ihre Seiten.

SEO-Score

Jede Seite erhält einen SEO-Score (0-100%):

• 80%+ (Grün) - Gut optimiert
• 50-79% (Bernstein) - Verbesserungsbedarf
• Unter 50% (Rot) - Schlechte Optimierung

Score-Faktoren

Punkte werden vergeben für:

1. SEO-Titel (≤60 Zeichen)
2. Meta-Beschreibung (≤160 Zeichen)
3. Open Graph Titel
4. Open Graph Beschreibung
5. Open Graph Bild
6. Strukturierte Daten

SEO-Felder

Basis-SEO

• SEO-Titel - Seitentitel für Suchmaschinen (max. 60 Zeichen)
• Meta-Beschreibung - Kurze Seitenbeschreibung (max. 160 Zeichen)

Open Graph (Social Sharing)

• OG-Titel - Titel, der beim Teilen in sozialen Medien angezeigt wird
• OG-Beschreibung - Beschreibung für Social-Shares
• OG-Bild - Bild für Social-Previews

Erweitert

• Canonical URL - Bevorzugte URL für doppelten Inhalt
• No-Index - Suchmaschinen daran hindern, zu indexieren
• Strukturierte Daten - Schema.org-Typ (Organization, LocalBusiness, usw.)

SERP-Vorschau

Verwenden Sie das Vorschau-Tool, um zu sehen, wie Ihre Seite in den Google-Suchergebnissen erscheint.

Tipps für besseres SEO

1. Schreiben Sie einzigartige Titel für jede Seite
2. Fügen Sie relevante Keywords natürlich ein
3. Halten Sie Beschreibungen ansprechend und prägnant
4. Fügen Sie Open Graph Bilder für Social Sharing hinzu
5. Verwenden Sie strukturierte Daten für Rich Snippets

---

Kurzübersicht

Häufige Aufgaben

Ein neues Programm hinzufügen → Programme → + Neues Programm

Trainerinformationen aktualisieren → Trainer → Bearbeiten (Stift-Symbol)

Eine Veranstaltung erstellen → Kalender → + Neue Veranstaltung → Details ausfüllen → Speichern

Reservierungen prüfen → Reservierungen → Liste überprüfen

Auf Kontakt antworten → Kontakte → Nachricht finden → "Antworten" klicken

Fotos hochladen → Galerie → + Bilder hochladen → Dateien auswählen → Hochladen

SEO verbessern → SEO → Seite finden → Bearbeiten → Meta-Tags aktualisieren

Status-Indikatoren

Kennzeichnung	Bedeutung
Grün "Veröffentlicht" / "Aktiv"	Auf Website sichtbar
Grau "Entwurf" / "Inaktiv"	Vor Öffentlichkeit verborgen
Grüner Punkt (Kontakte)	Neue Nachricht
Blauer Punkt (Kontakte)	Gelesene Nachricht
Lila Punkt (Kontakte)	Beantwortete Nachricht

Benutzerrollen

Rolle	Zugriff
Super Admin	Voller Zugriff auf alle Funktionen
Admin	Zugriff auf alle Content-Management-Funktionen
Editor	Nur Seiten und Sektionen

---

Fehlerbehebung

Anmeldung nicht möglich?

• Überprüfen Sie E-Mail und Passwort
• Löschen Sie Browser-Cookies
• Kontaktieren Sie den Super-Admin für Passwort-Zurücksetzung

Änderungen erscheinen nicht?

• Überprüfen Sie, ob das Element veröffentlicht/aktiv ist
• Löschen Sie Ihren Browser-Cache
• Warten Sie einige Minuten auf CDN-Aktualisierung

Bilder werden nicht hochgeladen?

• Überprüfen Sie die Dateigröße (unter 5MB halten)
• Stellen Sie sicher, dass die Datei ein Bildformat ist (JPG, PNG, WebP)
• Versuchen Sie einen anderen Browser

Veranstaltung erscheint nicht im Kalender?

• Überprüfen Sie, ob das Veranstaltungsdatum korrekt ist
• Prüfen Sie, ob die Veranstaltung veröffentlicht ist
• Stellen Sie sicher, dass der Standort aktiv ist

---

Unterstützung

Für technischen Support oder Fragen zum Admin-Panel kontaktieren Sie Ihren Website-Entwickler oder Administrator.