ServEaseDocumentation

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

EinstiegWas passiert
Widget-BuchungsablaufWenn Enable service overview im Widget Creator aktiv ist, können Kunden Overview im Buchungs-Modal öffnen (neuer Tab)
Admin → Service detail → Generate pageLink 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 SeiteBesucher 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):

  1. Enable service overview aktivieren (oder „service overview in booking modal“).
  2. 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:

TemplateCharakter
ProfessionalStrukturiertes Layout — Corporate- oder Klinik-Marken
LuxuryGroßzügiger Hero, feine Typografie
SimpleMinimale UI, schnell erfassbar
FriendlyWarme Abstände für Consumer-Services
MinimalSehr leichte Optik, Inhalt im Vordergrund
BoldStarke Überschriften, hoher Kontrast
NatureErdige Palette, ruhiger Hero
RetroVintage-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.

Für Marketing-Kampagnen oder eine Landingpage für einen Service:

  1. Services öffnen → Service wählen → Service detail.
  2. Generate page klicken.
  3. Colour palette wählen — Voreinstellung oder eigene Farben (nur im erzeugten Link gespeichert).
  4. Page template wählen.
  5. Show page — öffnet die Übersicht in neuem Tab zur Prüfung.
  6. 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.

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:

  1. ServEase erzeugt einen Kurzlink für den aktuellen Seitenkontext (Service, Template, gewähltes Datum/Slot wenn zutreffend).
  2. 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.

Teilen endet immer auf Ihrem Widgets-Host mit einer vollständigen Service-Overview-URL. Zur Vereinfachung bietet ServEase Kurzlinks, die dorthin weiterleiten.

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:

ParameterBedeutung
embed=trueWidget-Laufzeitmodus
page=service-overviewService-Overview-Seitenlayout
serviceIdWelcher Service angezeigt wird
tplOverview-Template (professional, simple usw.)
cfg oder configKodierte Widget-Theme-/Filter-Payload (Farben, Sprache usw.)
asOptionales Ankerdatum (YYYY-MM-DD) für Verfügbarkeit
skOptionaler 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.

QuelleWas gespeichert wird
Widget Creator → Enable service overview + templateIn Widget-Konfiguration gespeichert — gilt für Übersicht, die aus diesem Widget geöffnet wird
Service detail → Generate pageNicht gespeichert — Template und Palette leben nur in der erzeugten Kurz-/Lang-URL
Share this page auf live ÜbersichtErzeugt 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.

Verwandte Themen

On this page