Service-Übersichtsseiten
Kundenorientierte Service-Landingpages — Templates, Link share und Kurzlinks.
Service-Übersichtsseiten sind gestaltete Landingpages für einzelne Services, auf denen Kunden ein Angebot lesen, Verfügbarkeit prüfen und mit der Buchung beginnen — ohne zuerst das vollständige Kundenportal zu durchlaufen.
Sie werden auf Ihrer Widgets-Laufzeit gehostet:
{workspace-id}.widgets.servease.io
(derselbe Host wie Buchungs-Widgets, aber als dedizierte Seite statt iframe-Einbettung geöffnet).
Was Kunden sehen
Je nach gewähltem Template enthält eine Übersichtsseite typischerweise:
- Service-Name, Beschreibung und Preishinweise
- Foto oder Branding aus Ihrem Widget-Theme
- Verfügbarkeit — Kalender, Schnelldaten oder Slot-Liste für diesen Service
- Einen Weg zur Buchung (Weiterleitung in den Widget-Buchungsablauf)
Übersichtsseiten sind öffentlich — jeder mit dem Link kann sie öffnen. Sie respektieren dieselben veröffentlichten Services, Zeitpläne und Filter wie Ihre Widget-Konfiguration.
Woher Übersichtsseiten kommen
| Einstieg | Was passiert |
|---|---|
| Widget-Buchungsablauf | Wenn Enable service overview im Widget Creator aktiv ist, können Kunden Overview im Buchungs-Modal öffnen (neuer Tab) |
| Admin → Service detail → Generate page | Link für einen Service mit eigenem Template und Farben — Auswahl gilt nur für diesen Link, nicht für gespeicherte Widget-Einstellungen |
| Link share auf der Seite | Besucher auf einer Übersichtsseite können einen Kurzlink kopieren, um dieselbe Seite zu teilen (siehe unten) |
Für Widgets aktivieren
Unter {workspace-id}.widgets.servease.io (oder Settings → Customer portal widget → Bereich Widget):
- Enable service overview aktivieren (oder „service overview in booking modal“).
- Standard-Overview template wählen — wird genutzt, wenn die Übersicht aus diesem Widget geöffnet wird, sofern pro Link nicht überschrieben.
Seiten-Templates
Jedes Template ändert Layout und Ton bei denselben Service-Daten:
| Template | Charakter |
|---|---|
| Professional | Strukturiertes Layout — Corporate- oder Klinik-Marken |
| Luxury | Großzügiger Hero, feine Typografie |
| Simple | Minimale UI, schnell erfassbar |
| Friendly | Warme Abstände für Consumer-Services |
| Minimal | Sehr leichte Optik, Inhalt im Vordergrund |
| Bold | Starke Überschriften, hoher Kontrast |
| Nature | Erdige Palette, ruhiger Hero |
| Retro | Vintage-Poster-Look mit kräftigen Rahmen |
Beim Erzeugen eines Links unter Service detail → Generate page wählen Sie Template (und optional Colour palette) nur für diesen Link.
Link aus dem Admin erzeugen
Für Marketing-Kampagnen oder eine Landingpage für einen Service:
- Services öffnen → Service wählen → Service detail.
- Generate page klicken.
- Colour palette wählen — Voreinstellung oder eigene Farben (nur im erzeugten Link gespeichert).
- Page template wählen.
- Show page — öffnet die Übersicht in neuem Tab zur Prüfung.
- Copy short link — erzeugt eine teilbare Kurz-URL (empfohlen für E-Mail, SMS, QR-Codes, Social).
Template- und Palettenwahl in Generate page ändern nicht Ihre gespeicherten Service- oder Widget-Einstellungen. Sie betreffen nur den erzeugten Link.
Link share auf der Übersichtsseite
Wenn ein Kunde (oder Sie) eine Service-Übersichtsseite ansieht, enthalten die meisten Templates eine Share-Steuerung — z. B. Share this page, Share link oder Share in Kopf- oder Fußzeile.
Bei Klick auf Share:
- ServEase erzeugt einen Kurzlink für den aktuellen Seitenkontext (Service, Template, gewähltes Datum/Slot wenn zutreffend).
- Die Kurz-URL wird in die Zwischenablage kopiert (Feedback wie „Link copied“ am Button).
Nutzen Sie dies, wenn jemand einen passenden Slot gefunden hat und dieselbe Übersicht an Kollegen oder Freunde senden möchte.
Im Widget-Buchungs-Modal (vor dem Öffnen der vollständigen Seite) macht ein Copy short link-Icon in der Kopfzeile dasselbe, ohne das Modal zu verlassen.
Kurzlinks vs. lange URLs
Teilen endet immer auf Ihrem Widgets-Host mit einer vollständigen Service-Overview-URL. Zur Vereinfachung bietet ServEase Kurzlinks, die dorthin weiterleiten.
Kurzlink (empfohlen zum Teilen)
Form:
https://{workspace-id}.api.servease.io/o/{code}{workspace-id}— Ihre Tenant-/Workspace-ID (wie bei Portal- und Widgets-Hosts).{code}— ein kurzer Zufallscode (z. B.a1b2c3d4e5f6).- Host ist Ihre Tenant-API-Domain (
*.api.servease.io), nicht der Widgets-Host.
Beim Öffnen eines Kurzlinks antwortet die API mit einer Weiterleitung (302) zur vollständigen Overview-URL auf {workspace-id}.widgets.servease.io. Browser folgen dieser Weiterleitung automatisch.
Kurzlinks müssen den Host *.api.servease.io nutzen. Ein Pfad wie https://{workspace-id}.widgets.servease.io/o/… löst keine Kurzlinks auf — nutzen Sie Copy short link oder Generate page, damit die korrekte URL erzeugt wird.
Identische Share-Payloads nutzen wenn möglich denselben Kurzcode (Sie können denselben /o/{code}-Link erneut erhalten).
Lange URL (Ziel der Weiterleitung)
Das Ziel sieht ungefähr so aus:
https://{workspace-id}.widgets.servease.io/?embed=true&page=service-overview&serviceId=123&tpl=professional&cfg=…Wichtige Query-Parameter:
| Parameter | Bedeutung |
|---|---|
embed=true | Widget-Laufzeitmodus |
page=service-overview | Service-Overview-Seitenlayout |
serviceId | Welcher Service angezeigt wird |
tpl | Overview-Template (professional, simple usw.) |
cfg oder config | Kodierte Widget-Theme-/Filter-Payload (Farben, Sprache usw.) |
as | Optionales Ankerdatum (YYYY-MM-DD) für Verfügbarkeit |
sk | Optionaler Session-Key bei Öffnung aus derselben Browser-Session |
handoffSlot* | Optionaler Slot-Kontext beim Teilen einer bestimmten Zeit |
Lange URLs müssen Sie selten von Hand bauen — nutzen Sie Copy short link, Generate page oder Share this page.
Widget-Konfiguration vs. Einmal-Links
| Quelle | Was gespeichert wird |
|---|---|
| Widget Creator → Enable service overview + template | In Widget-Konfiguration gespeichert — gilt für Übersicht, die aus diesem Widget geöffnet wird |
| Service detail → Generate page | Nicht gespeichert — Template und Palette leben nur in der erzeugten Kurz-/Lang-URL |
| Share this page auf live Übersicht | Erzeugt Kurzlink aus dem aktuellen Seitenstatus (Datum-/Slot-Kontext wenn gesetzt) |
Vor dem Teilen
- Service veröffentlichen und prüfen, dass Zeitpläne buchbare Slots erzeugen.
- Widget-Filters anpassen, damit die Übersicht den gewünschten Katalogumfang zeigt.
- Kurzlink auf Mobilgeräten testen — die meisten Besucher öffnen geteilte Links am Telefon.
- Links nach größeren Widget-Theme-Änderungen neu erzeugen, wenn alte Shares neue Farben übernehmen sollen.