Anleitungen

Einführung in die Website-Verwaltung

Deine Website setzt sich wie ein Baukasten aus verschiedenen Typen von Bauelementen zusammen. Damit du dich schnell zurechtfindest, hier die wichtigsten Begriffe und Schritte:

Das Grundgerüst: spezialisierte Inhalts-Gefässe

Es gibt zwei grundlegend verschiedene Arten dieser Inhalts-Gefässe: multiple und einmalige.

  • Z.B. multiple Seiten "Page": Hier von kannst du unendlich viele erstellen. Das sind die klassischen Seiten deiner Website.
  • Z.B. die einmalige Hauptnavigation: Diese kommt nur ein einziges Mal vor.

Du siehst alle verfügbaren Inhalts-Gefässe, wenn du auf der Hauptseite von Prismic oben rechts auf " + Create New Page" klickst, was ein wenig verwirrend ist, weil nicht nur neue Pages, sondern auch andere Inhalts-Gefässe neu erstellt werden können. Die Punkte in der Liste, die nicht aktiv sind, sind jene einmaligen Inhalts-Gefässe, die bereits erstellt wurden.

Texte, Bilder usw.: Inhalts-Elemente

Jede Seite wird wiederum mit Inhalten gefüllt. Wir nutzen dafür flexible Elemente (z. B. für Text oder Bilder). Das wichtigste Element ist das "Text"-Element. Diese Struktur hilft dir, Inhalte sauber zu trennen und das Design der Website automatisch beizubehalten.

So bearbeitest oder erstellst du Inhalte:

  • Bearbeiten: Klicke einfach in der Liste auf der Startseite auf einen bestehenden Eintrag.
  • Neu erstellen: Klicke auf den grünen Button "+ Create New Page".

Übersicht der Benutzeroberflächen

Es sind haupsächlich zwei Benutzeroberflächen in denen Du dich bewegen wirst:

  1. Die Startseite gibt Dir eine Überblich über deine Inhalte z.B. der Seiten deiner Website, aber auch der Navigation oder dort wo die das Aussehen der Website bestimmen kannst. Aber auch z.B. eine neue Seite hinzufügen kannst Du hier.
  2. Die Bearbeitungsseite, da wo du Änderungen bestehender Inhalte machst. Text in Seiten ändern, Farben im Design ändern usw.

Das wichtigste Element auf der Startseite ist die Liste der Inhalts-Elemente (12). Hier die Beschreibung der weiteren Funktionen:

  1. Wechseln der Arbeitsbereiche, im Normalfall immer " Work".
    Planed: In den meisten Fällen nicht relevant
    Archived: Liste der archivierten Inhalts-Elemente. Generell empfehle ich nie etwas zu löschen, sondern immer zu archivieren. Diese Funktion kann auch dazu verwendet werden Inhalte, die temporär nicht publiziert sein sollen, aber veilleicht später, vor der Öffentlichkeit zu "verstecken".
  2. In der Liste nach einem Inhalts-Typ suchen.
  3. Falls deine Website mehsprachig ist, kannst du hier die Sprache wechseln. Achtung in der kosten-freien Version nicht möglich, ausser Englisch.
  4. Nur relevant, wenn ein ganzes Team, deren Mitglieder eigene Logins haben, an einer Website arbeiten.
  5. Hier sind alle Medien (Bilder, Videos, Dokumente), die du in der Website verwendest gespeichert. Den Workflow dazu erkläre ich später.
  6. Migration von Inhalten. Wird von mir zur Zeit nicht unterstützt.
  7. Tutorial von Prismic auf englisch.
  8. Hinzufügen von Teammitgliedern mit eigenem Login. Achtung in der kosten-freien Version nicht möglich.
  9. Einstellungen: Grundlegende Einstellungen der Website und des Leistungs-Umfangs. Dazu später eine eigene Übersicht.
  10. Filterkriterien für die Liste. Z.B. Type = "Page", dann sihst du alle deine Seiten
  11. Neuen Inhalts-Typ erstellen
  12. Liste der Inhalts-Typen
Startseite
Startseite
  1. Zurück auf Startseite mir Übersichts-Liste
  2. Name der in der Liste auf der Startseite angezeigt wird. Dieser ist nur intern von Relevanz und muss manchmal so angepasst werden, damit du deine Inhalte findest.
  3. Wechsel zwischen den Bereichen:
    - Main: Alles was direkt auf der Website sichtbar ist
    - SEO & Metadata: Dinge die im Hintergrund wirken und z.B. für die Suche in Google von Relevanz sind.
  4. Hier siehst du, ob deine Anpassungen schon automatisch gespeichert wurden. Dies muss der Fall sein bevor du publizieren, oder sie Seite verlassen kannst.
  5. Publiziere indem du auf "Publish" klickst erst dann, wenn du alle Anpassungen gemacht hast, oder ab dem Datum an dem du es möchtest. Du kannst also Inhalte z.B. eine Seite oder ein Event, den du erst in der Zukunft veröffentlichen willst erstellen und nur speichern, dann sieht ihn noch niemand.

    Wenn du auf den hinteren Teil der Schaltfläche mit dem Kalender-Symbol klickst kannst du die Publikation genau terminieren.

    Sobald du publiziert hast, wechselt der Schaltflächen-Text auf " Unpublish". Klickst du jetzt ist der Betreffende Inhalts-Typ z.B. eine Seite für die Öffentlichkeit nicht mehr sichtbar. Sie wird aber nicht gelöscht sondern ins Archiv verschoben, wo du sie jederzeit bearbeiten und auch wieder veröffentlichen kannst.
  6. Ein Menü, indem du das Publizieren noch genauer planen kannst. (In der Regel nicht von Relevanz).
  7. Bei klick auf das Plus-Symbol kannst du ein neues Inhalts-Element hinzufügen
  8. Ein Menü mit Optionen betreffend dem Inhalts-Element
  9. Das momentan aktive Inhalts-Element. So kannst du schnell auf das entsprechende Element hüpfen, um es in der mittleren Spalte zu bearbeiten.
  10. Bei den 6-Punkten kannst du ein Element packen und es in der Hierarchie nach oben oder unter verschieben.
  11. Ganz unten ein neues Element hinzufügen
  12. Wird momentan nicht unterstützt
  13. Hier kannst du Tags hinzufügen, um z.B. später bestimmte Typen von Seiten schneller zu finden. Braucht es nur, wenn deine Website sehr umfangreich wird.
  14. Vor allen bei Seiten wichtig und von hoher relevanz, da es ausser bei der Homepage in der Adresse im Browser erscheint. Z.B. www.deine-website/ ueber-mich "ueber-mich" ist also das, was du hier eingeben müsstest. "ue" weil hier keine Umlaute erlaubt sind und die Einträge hier müssen für die ganze Website einmalig sien.
  15. Titel höchster Ebene vom höchster Relevanz für Suchmaschienen, sollte nur einmal je Seite vorkommen.
  16. Das zur Zeit aktive Inhalts-Element, erkennbar an der Umrahmung, korrespondiert mit linker Spalte.
  17. Der Bereich wo du innerhalb eines Elements Anpassungen machen kannst
  18. Sprachwechsel, wird zur Zeit nicht unterstützt
  19. Info, wer wann was geändert hat.

Bestehende Inhalte bearbeiten

Entsprechendes Element aus der Liste auswählen, indem du auf die Zeile Klickst

Wähle in der linken Spalte das entsprechende Element aus

Anpassungen machen

Die Anpassungen werden automatisch gespeichert, siehe Status oben rechts. Wenn du noch weitere Anpassungen auf der Seite machen willst warte mit Veröffentlichen, bis alles perfekt ist.

Neue Seite zur Website hinzufügen

Oben rechts auf "Create new Page" klicken

Create a new Page

Auf "Page" in der Liste klicken

Page auswählen

Titel: Jede Seite in einer Website braucht einen prägnanten, den Inhalt der Seite möglichst genau beschreibenden Titel. Das ist sehr wichtig für die Suchmaschinen!

UID: Meisten identisch mit Titel, aber klein geschrieben, ohne Umlaute und Abstände mit Bindestrichen. "Über mich" wird also zu " ueber-mich". Die UID bildet dann einen Teil deiner URL, die du im Browser siehst: www.deine-website/ ueber-mich

Titel und UID

Damit du die neue Seite über die Navigation ansteuern kannst musst du sie noch zur Navigation hinzufügen.

Wenn du nicht willst, dass die Öffentlichkeit die Seite findet, weil sie noch in Arbeit ist, kannst du das auch später machen. Du selber kannst auch via die uid, die du ja kennst hinnavigieren: www.deine-website/ ueber-mich.

Der Navigation ein neues Element hinzufügen

Eine neue Seite ist für Deine Besucher auf der Webseite nur über die Navigation zugänglich. Du hingegen könntest sie auch durch das hinzufügen der UID zur URL erreichen. "/meine-neue-seite.

Inhalts-Typ Navigation aus der Liste auf der Startseite wählen

ganz unten "Add Item in Links klicken"

Die Punkte im Formular ausfüllen gemäss Deinen Wünschen

Ressource-Buchung

Das Feature erlaubt es, physische Ressourcen (Ferienwohnungen, Zimmer, Räume) direkt auf der Website buchbar zu machen. Besucher wählen Anreise- und Abreisedatum, sehen die Verfügbarkeit im Kalender und füllen ein Kontaktformular aus.

1. Ressource anlegen

Im Prismic-Dashboard unter + Create a new page / Ressource → Neues Dokument erstellen.

Tab: Main

Feld Bedeutung UID URL-Slug, z.B. ferienhaus-tessin Bezeichnung Anzeigename, z.B. „Ferienhaus Tessin" Beschreibung Optionaler Fliesstext Hauptbild Titelbild der Ressource

Tab: Kapazität

Feld Bedeutung Maximale Personenanzahl 0 = unbegrenzt Schlafzimmer (Gruppe) Beliebig viele Zimmer anlegen, je mit Bezeichnung, Betttyp (Doppelbett / Einzelbett / Stockbett / Schlafsofa), Anzahl Betten und optionalem Bild

Sind Schlafzimmer erfasst, können Gäste im Buchungsformular konkrete Zimmer auswählen. Überschneidungen werden dann auf Zimmer-Ebene geprüft (mehrere Buchungen parallel möglich, solange verschiedene Zimmer frei sind).

Tab: Preise & Regeln

Feld Bedeutung Preis pro Nacht (CHF) Basispreis, gilt wenn keine Saison zutrifft Mindestaufenthalt (Nächte) Leer oder 1 = keine Einschränkung Check-in Tage Täglich / Nur Freitag / Nur Samstag / Freitag & Samstag Saisonpreise (Gruppe) Für jede Saison: Bezeichnung, Von, Bis und Preis pro Nacht. Die erste Saison, deren Zeitraum den gebuchten Tag enthält, gewinnt.

Beispiel Saisonpreise:

Bezeichnung Von Bis Preis/Nacht Hochsaison 01.07.2026 01.09.2026 CHF 250 Nebensaison 01.11.2026 01.03.2027 CHF 120

Tab: Kontakt

Optionale Felder für Ansprechperson, Telefon und E-Mail der Ressource (nur intern sichtbar).

Tab: Inhalt

Slice-Zone für die Detailseite der Ressource. Hier den RessourceBuchung-Slice platzieren (siehe Abschnitt 3).

2. Einstellungen für E-Mail-Versand

Im Prismic-Dashboard unter Einstellungen → Allgemein:

Feld Bedeutung E-Mail Empfängeradresse für eingehende Buchungsbenachrichtigungen Buchungs-Absenderadresse Absenderadresse für automatische E-Mails (muss in Resend verifiziert sein)

Nach jeder Buchung werden automatisch zwei E-Mails versendet:

  • Bestätigung an den Gast mit Buchungsdetails
  • Benachrichtigung an den Anbieter mit Kontaktdaten des Gastes

3. RessourceBuchung-Slice platzieren

Den Slice kann man sowohl auf der Ressource-Detailseite als auch auf jeder normalen Seite einsetzen.

Pflichtfeld

Feld Bedeutung Ressource Verlinkung auf das Ressource-Dokument, das gebucht werden soll

Optionale Felder

Feld Bedeutung Überschrift Titel des Buchungsbereichs, z.B. „Jetzt anfragen" Einleitung Kurzer Text vor dem Kalender Senden-Schaltflächen-Text Standard: „Jetzt anfragen" Erfolgsmeldung Titel / Text Wird nach erfolgreicher Buchung angezeigt Hintergrundfarbe / Schriftfarbe Überschreibt die Seitenfarbe Animation Einblend-Animation beim Scrollen

4. Buchungen verwalten

Alle eingegangenen Buchungen sind im Admin-Bereich sichtbar:

/admin/ressource-buchungen?secret=ADMIN_SECRET

Die Liste zeigt pro Ressource: Anreise, Abreise, Anzahl Nächte, Personen, Preis, gebuchte Zimmer, Kontaktdaten und Buchungszeitpunkt. Vergangene Buchungen werden ausgegraut dargestellt. Einzelne Buchungen können über den „Löschen"-Button entfernt werden.

5. Häufige Fragen

Kann dieselbe Ressource auf mehreren Seiten verlinkt sein?
Ja. Das Feld „Ressource" im Slice bestimmt, welche Ressource gebucht wird — mehrere Seiten können auf dieselbe Ressource zeigen.

Was passiert bei einer Doppelbuchung?
Das System prüft Überschneidungen serverseitig. Ohne Zimmerauswahl wird jede Überschneidung abgelehnt. Mit Zimmerauswahl kann dasselbe Objekt parallel gebucht werden, solange verschiedene Zimmer gewählt werden. Der Gast erhält eine Fehlermeldung und kann andere Daten wählen.

Wie werden Preise berechnet?
Nacht für Nacht: Für jeden Tag im gebuchten Zeitraum wird geprüft, ob eine Saisonregel zutrifft. Andernfalls gilt der Basispreis. Der Gesamtpreis erscheint im Buchungsformular vor dem Absenden.

Das Buchungsformular zeigt keine Zimmerauswahl.
Die Zimmerauswahl erscheint nur, wenn im Ressource-Dokument unter Kapazität → Schlafzimmer mindestens ein Eintrag vorhanden ist.

Terminbuchung

Überblick

Das Terminbuchungssystem ermöglicht es Ihren Kunden, verfügbare Zeitslots automatisch zu buchen. Sie definieren die Verfügbarkeit, das System verwaltet die Buchungen.

🔧 Einrichtung

1. Feature aktivieren

  • Im Prismic CMS unter Einstellungen → Features
  • Aktivieren Sie terminbuchung
  • Speichern & publishen

2. Leistungen/Services definieren

Im CMS → Custom Type „Leistung" anlegen mit:

  • Titel (z.B. „Beratung", „Therapie")
  • Beschreibung
  • Dauer (z.B. 60 min)
  • Kapazität pro Slot (1 Person = 1 Platz)

3. Verfügbarkeit einstellen

Option A: Regelmäßige Slots (Wöchentlich)
  1. Gehen Sie zur Leistungs-Seite im CMS
  2. Tab „Terminverfügbarkeit"
  3. Wählen Sie Wochentag (z.B. Montag)
  4. Definieren Sie Zeitfenster:Von: 09:00Bis: 17:00Slot-Dauer: 60 Min
  5. Speichern

→ Dieses Muster wiederholt sich wöchentlich automatisch

Option B: Einzelne Slots
  1. Alternativ: Spezifische Daten/Zeiten manuell hinzufügen
  2. Nutzen Sie das Datum + Zeit Feld
  3. Beispiel: 15.08.2026, 14:00-15:00

4. Ausnahmen (Urlaub, Feiertage)

  1. Im „Nicht verfügbar" oder „Ausnahmen" Bereich
  2. Daten eintragen, an denen KEINE Buchungen möglich sind
  3. Beispiele:25.12.2026 - 01.01.2027 (Winterpause)20.07.2026 (Fortbildung)

📊 Buchungen verwalten

Admin-Panel öffnen

URL: https://ihre-website.de/admin/buchungen?secret=<ADMIN_SECRET>

Verfügbare Funktionen

📋 Buchungsübersicht
  • Alle Buchungen auflisten
  • Filtern nach Datum, Leistung, Status
  • Spalten: Datum | Uhrzeit | Kunde | Status
✏️ Buchung bearbeiten

Klicken Sie auf eine Buchung:

  • Kundeninfo (Name, E-Mail, Tel.)
  • Termin ändern (anderes Datum/Uhrzeit wählen)
  • Status (Bestätigt, Storniert, Abgeschlossen)
  • Notizen hinzufügen
🗑️ Stornieren
  1. Buchung öffnen
  2. Status auf „Storniert" setzen
  3. Kunde bekommt automatisch E-Mail
  4. Slot wird wieder verfügbar
📧 Benachrichtigungen
  • Neue Buchung → E-Mail an Sie
  • Kunde erhält Bestätigungsmail mit:BuchungsreferenzTermin-DetailsStornierungs-Link

⚙️ Erweiterte Konfiguration

Kapazitäten

  • Pro Slot können mehrere Kunden buchen (z.B. Gruppenkurs mit 10 Plätzen)
  • Wenn Kapazität erreicht → Slot wird grau/nicht wählbar

Automatische Erinnerungen

Kunden bekommen E-Mail-Erinnerungen:

  • 24h vor Termin (optional konfigurierbar)
  • Mit Link zum Stornieren oder Verschieben

Zeitbuffer

  • Zwischen Buchungen: z.B. 15 Min Puffer für Vorbereitung
  • Bei Slot-Dauer: Automatisch berücksichtigt

📱 Best Practices

✅ Empfehlungen

Zeitliche Planung:
  • Mind. 1 Woche Vorlauf (Kunden können nicht kurzfristig buchen)
  • Max. 3 Monate im Voraus (zu weit weg schreckt ab)
Slot-Dauer:
  • Realistische Zeiten (Puffer für Übergabe einplanen)
  • Nicht zu kurz (< 15 Min ist meist nicht sinnvoll)
  • Typisch: 30-60 Min
Kapazität:
  • Einzeln: 1 Platz (exklusiv)
  • Gruppe: Max. Teilnehmerzahl
Verfügbarkeit:
  • Mindestens 2 Tage pro Woche (Kundenfreundlich)
  • Gleiche Zeiten wiederkehrend (Kundenerlebnis)
  • Ausnahmen rechtzeitig eintragen (mind. 1 Woche voraus)

❌ Fehler vermeiden

  • Zu viele Slots → Administrationsaufwand
  • Zu wenige Slots → Kunden frustriert
  • Keine Puffer → Zeitdruck
  • Fehlende Ausnahmen → Falsche Verfügbarkeit

🔍 Monitoring

Wichtige Metriken

Dashboard-Überblick:
  • Wie viele Buchungen diese Woche?
  • Welche Slots sind beliebt?
  • Welche Leistungen werden am meisten gebucht?
Zu beobachten:
  • Auslastung (zu hoch? Mehr Slots hinzufügen)
  • Stornoquote (zu viele Absagen? Vielleicht zu kurzfristiges Angebot)
  • Kundenzufriedenheit (Feedback-Formular)

📞 Troubleshooting

ProblemLösungKunde kann sich nicht einbuchenSlot voll? Alle Plätze vergeben?E-Mail wird nicht versendetRESEND_API_KEY konfiguriert?Slot erscheint nicht im KalenderIm CMS als "Verfügbar" markiert? Ausnahme gesetzt?Alte Termine noch sichtbarArchivieren oder "Abgelaufen" markierenKunde will verschiebenStornieren + Neu buchen, oder direkt bearbeiten

🚀 Tipps zum Erfolg

  1. Klar kommunizieren: Auf der Website deutlich machen, dass Buchungen verfügbar sind
  2. Erinnerungen setzen: Ihre Merklist nutzen um Slot-Verwaltung regelmäßig zu checken
  3. Regelmäßig updaten: Verfügbarkeiten monatlich planen
  4. Feedback einholen: Kunden fragen, ob sie Zeiten vermissen
  5. Automatisierung nutzen: Erinnerungs-E-Mails stellen Verlässlichkeit dar

Fragen? Admin-Panel hat immer aktuelle Buchungsdaten. Regelmäßig checken! 📊