Strony przeglądu usługi
Landing page usługi dla klientów — szablony, udostępnianie linku i krótkie linki.
Strony przeglądu usługi to stylizowane landing page pojedynczej usługi, na których klienci czytają o ofercie, sprawdzają dostępność i rozpoczynają rezerwację — bez wcześniejszego przejścia przez pełny portal klienta.
Są hostowane na runtime widgetów:
{workspace-id}.widgets.servease.io
(ten sam host co widgety rezerwacji, ale otwierane jako dedykowana strona zamiast osadzenia iframe).
Co widzą klienci
W zależności od wybranego szablonu strona przeglądu zwykle zawiera:
- Nazwę usługi, opis i wskazówki cenowe
- Zdjęcie lub branding z Theme widgetu
- Dostępność — kalendarz, szybkie daty lub lista slotów dla tej usługi
- Ścieżkę do rezerwacji (kontynuacja w przepływie rezerwacji widgetu)
Strony przeglądu są publiczne — każdy z linkiem może je otworzyć. Respektują te same opublikowane usługi, harmonogramy i filtry co konfiguracja widgetu.
Skąd biorą się strony przeglądu
| Punkt wejścia | Działanie |
|---|---|
| Przepływ rezerwacji widgetu | Gdy Enable service overview jest włączone w Kreatorze widgetów, klienci mogą otworzyć Overview z modala rezerwacji (nowa karta) |
| Admin → Service detail → Generate page | Zbuduj link dla jednej usługi z własnym szablonem i kolorami — wybory dotyczą tylko tego linku, nie zapisanych ustawień widgetu |
| Link share na stronie | Odwiedzający na stronie przeglądu mogą skopiować krótki link do udostępnienia tej samej strony (patrz poniżej) |
Włączenie dla widgetów
W {workspace-id}.widgets.servease.io (lub Ustawienia → Widget portalu klienta → sekcja Widget):
- Włącz Enable service overview (lub „service overview in booking modal”).
- Wybierz domyślny overview template — używany, gdy przegląd otwiera się z tego widgetu, o ile link nie nadpisuje go osobno.
Szablony stron
Każdy szablon zmienia układ i ton przy tych samych danych usługi:
| Szablon | Charakter |
|---|---|
| Professional | Uporządkowany układ — marki korporacyjne lub kliniczne |
| Luxury | Przestronny hero, dopracowana typografia |
| Simple | Minimalny chrome, szybkie skanowanie |
| Friendly | Ciepłe odstępy dla usług konsumenckich |
| Minimal | Ultra-lekka oprawa, treść na pierwszym planie |
| Bold | Mocne nagłówki, wysoki kontrast |
| Nature | Ziemista paleta, spokojny hero |
| Retro | Vintage poster z mocnymi obramowaniami |
Przy generowaniu linku z Service detail → Generate page wybierasz szablon (i opcjonalnie colour palette) tylko dla tego linku.
Generowanie linku z panelu admina
Dla kampanii marketingowych lub landing page jednej usługi:
- Otwórz Services → wybierz usługę → service detail.
- Kliknij Generate page.
- Wybierz Colour palette — preset lub własne kolory (zapisane tylko w wygenerowanym linku).
- Wybierz Page template.
- Show page — otwiera przegląd w nowej karcie do weryfikacji.
- Copy short link — tworzy krótki URL do udostępnienia (zalecany w e-mailu, SMS, kodach QR, social).
Wybory szablonu i palety w Generate page nie zmieniają zapisanej usługi ani ustawień widgetu. Dotyczą wyłącznie wygenerowanego linku.
Udostępnianie linku na stronie przeglądu
Gdy klient (lub Ty) przegląda stronę overview, większość szablonów ma kontrolkę Share — np. Share this page, Share link lub Share w nagłówku lub stopce.
Kliknięcie Share:
- ServEase tworzy krótki link dla bieżącego kontekstu strony (usługa, szablon, wybrana data/slot gdy dotyczy).
- Krótki URL jest kopiowany do schowka (przycisk pokazuje np. „Link copied”).
Użyj tego, gdy ktoś znalazł dogodny slot i chce wysłać ten sam przegląd współpracownikowi lub znajomemu.
Z modala rezerwacji widgetu (przed otwarciem pełnej strony) ikona Copy short link w nagłówku robi to samo bez opuszczania modala.
Krótkie linki vs długie URL
Udostępnianie zawsze kończy się na hoście widgetów z pełnym URL service-overview. Dla wygody ServEase oferuje krótkie linki przekierowujące tam.
Krótki link (zalecany do udostępniania)
Kształt:
https://{workspace-id}.api.servease.io/o/{code}{workspace-id}— identyfikator najemcy / workspace (jak dla portalu i widgetów).{code}— krótki losowy kod (np.a1b2c3d4e5f6).- Host to domena API najemcy (
*.api.servease.io), nie host widgetów.
Po otwarciu krótkiego linku API zwraca przekierowanie (302) na pełny URL overview na {workspace-id}.widgets.servease.io. Przeglądarki podążają za przekierowaniem automatycznie.
Krótkie linki muszą używać hosta *.api.servease.io. Ścieżka https://{workspace-id}.widgets.servease.io/o/… nie obsługuje krótkich linków — użyj Copy short link lub Generate page, aby utworzyć poprawny URL.
Identyczne payloady udostępniania mogą ponownie użyć tego samego krótkiego kodu (możesz dostać ten sam link /o/{code}).
Długi URL (cel przekierowania)
Docelowy adres wygląda mniej więcej tak:
https://{workspace-id}.widgets.servease.io/?embed=true&page=service-overview&serviceId=123&tpl=professional&cfg=…Ważne parametry zapytania:
| Parametr | Znaczenie |
|---|---|
embed=true | Tryb runtime widgetu |
page=service-overview | Układ strony przeglądu usługi |
serviceId | Która usługa |
tpl | Szablon overview (professional, simple itd.) |
cfg lub config | Zakodowany payload motywu/filtrów widgetu (kolory, język itd.) |
as | Opcjonalna data kotwicy (YYYY-MM-DD) dla dostępności |
sk | Opcjonalny klucz sesji przy otwarciu z tej samej sesji przeglądarki |
handoffSlot* | Opcjonalny kontekst slotu przy udostępnianiu konkretnej godziny |
Rzadko trzeba budować długie URL ręcznie — użyj Copy short link, Generate page lub Share this page.
Konfiguracja widgetu vs jednorazowe linki
| Źródło | Co jest zapisane |
|---|---|
| Kreator widgetów → Enable service overview + template | Zapisane w konfiguracji widgetu — dotyczy overview otwartego z tego widgetu |
| Service detail → Generate page | Nie zapisane — szablon i paleta żyją tylko w wygenerowanym krótkim/długim URL |
| Share this page na aktywnym overview | Tworzy krótki link ze stanu bieżącej strony (kontekst daty/slotu gdy ustawiony) |
Przed udostępnieniem
- Opublikuj usługę i potwierdź, że harmonogramy dają sloty do rezerwacji.
- Dopasuj Filters widgetu, aby overview pokazywał zamierzony zakres katalogu.
- Przetestuj krótki link na mobile — większość otwiera udostępnione linki na telefonie.
- Wygeneruj linki ponownie po dużych zmianach motywu widgetu, jeśli stare udostępnienia mają przejąć nowe kolory.