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"): Hiervon 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
  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 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.