Сторінки огляду послуг
Клієнтські landing pages послуг — шаблони, link share і короткі посилання.
Сторінки огляду послуг — це стилізовані landing pages для однієї послуги, де клієнти дізнаються про пропозицію, перевіряють доступність і починають бронювання — без попереднього відвідування повного порталу клієнта.
Вони розміщуються на widgets runtime:
{workspace-id}.widgets.servease.io
(той самий хост, що й віджети бронювання, але відкриваються як окрема сторінка, а не iframe embed).
Що бачать клієнти
Залежно від обраного шаблону, сторінка огляду зазвичай включає:
- Назву послуги, опис і підказки щодо ціни
- Фото або брендинг з Theme вашого віджета
- Доступність — календар, швидкі дати або список слотів для цієї послуги
- Шлях до бронювання (продовження в процес бронювання віджета)
Сторінки огляду публічні — будь-хто з посиланням може їх відкрити. Вони враховують ті самі опубліковані послуги, розклади та фільтри, що й конфігурація віджета.
Звідки беруться сторінки огляду
| Точка входу | Що робить |
|---|---|
| Процес бронювання віджета | Коли Enable service overview увімкнено в Конструкторі віджетів, клієнти можуть відкрити Overview з модального вікна бронювання (нова вкладка) |
| Admin → Service detail → Generate page | Створіть посилання для однієї послуги з власним шаблоном і кольорами — вибір застосовується лише до цього посилання, а не до збережених налаштувань віджета |
| Link share на сторінці | Відвідувачі сторінки огляду можуть скопіювати short link, щоб поділитися тією самою сторінкою (див. нижче) |
Увімкнення для віджетів
У {workspace-id}.widgets.servease.io (або Settings → Customer portal widget → розділ Widget):
- Увімкніть Enable service overview (або «service overview in booking modal»).
- Оберіть типовий overview template — використовується, коли огляд відкривається з цього віджета, якщо не перевизначено для конкретного посилання.
Шаблони сторінок
Кожен шаблон змінює макет і тон, показуючи ті самі дані послуги:
| Шаблон | Характер |
|---|---|
| Professional | Структурований макет — корпоративні або клінічні бренди |
| Luxury | Просторний hero, витончена типографіка |
| Simple | Мінімальний chrome, швидке сканування |
| Friendly | Теплий spacing для consumer services |
| Minimal | Ультралегкий візуал, контент на першому місці |
| Bold | Сильні заголовки, високий контраст |
| Nature | Земляна палітра, спокійний hero |
| Retro | Вінтажний poster look з bold borders |
Під час генерації посилання з Service detail → Generate page ви обираєте шаблон (і необов’язкову colour palette) лише для цього посилання.
Генерація посилання з адмін-панелі
Для маркетингових кампаній або landing page однієї послуги:
- Відкрийте Services → оберіть послугу → service detail.
- Натисніть Generate page.
- Оберіть Colour palette — preset або custom colours (зберігаються лише всередині згенерованого посилання).
- Оберіть Page template.
- Show page — відкриває огляд у новій вкладці для перевірки.
- Copy short link — створює короткий URL для поширення (рекомендовано для email, SMS, QR codes, social).
Вибір шаблону та палітри в Generate page не змінює збережені налаштування послуги або віджета. Вони впливають лише на згенероване посилання.
Link share на сторінці огляду
Коли клієнт (або ви) переглядає сторінку огляду послуги, більшість шаблонів включають елемент керування Share — наприклад, Share this page, Share link або Share у заголовку або footer сторінки.
Натискання Share:
- ServEase створює short link для поточного контексту сторінки (послуга, шаблон, обрана дата/слот, якщо застосовно).
- Короткий URL копіюється в буфер обміну (з’являється зворотний зв’язок, наприклад «Link copied», на кнопці).
Використовуйте це, коли хтось знайшов зручний слот і хоче надіслати той самий огляд колезі чи другу.
З модального вікна бронювання віджета (перед відкриттям повної сторінки) іконка Copy short link у заголовку робить те саме без виходу з модального вікна.
Короткі vs довгі URL
Поширення завжди завершується на вашому widgets host з повним URL service-overview. Для зручності ServEase пропонує short links, які перенаправляють туди.
Коротке посилання (рекомендовано для поширення)
Формат:
https://{workspace-id}.api.servease.io/o/{code}{workspace-id}— id орендаря / робочого простору (той самий, що для portal і widgets hosts).{code}— короткий випадковий код (наприклад,a1b2c3d4e5f6).- Хост — ваш tenant API domain (
*.api.servease.io), не widgets host.
Коли хтось відкриває short link, API відповідає redirect (302) на повний URL огляду на {workspace-id}.widgets.servease.io. Браузери автоматично слідують цьому перенаправленню.
Short links мають використовувати хост *.api.servease.io. Шлях на кшталт https://{workspace-id}.widgets.servease.io/o/… не обробляє short links — використовуйте Copy short link або Generate page, щоб створити правильний URL.
Ідентичні share payloads за можливості повторно використовують той самий short code (ви можете знову отримати те саме посилання /o/{code}).
Довгий URL (куди веде redirect)
Призначення виглядає приблизно так:
https://{workspace-id}.widgets.servease.io/?embed=true&page=service-overview&serviceId=123&tpl=professional&cfg=…Важливі query parameters:
| Parameter | Значення |
|---|---|
embed=true | Режим widgets runtime |
page=service-overview | Макет сторінки огляду послуги |
serviceId | Яку послугу показувати |
tpl | Шаблон огляду (professional, simple тощо) |
cfg або config | Закодований payload theme/filter віджета (кольори, мова тощо) |
as | Необов’язкова anchor date (YYYY-MM-DD) для доступності |
sk | Необов’язковий session key при відкритті з тієї самої browser session |
handoffSlot* | Необов’язковий контекст слота при поширенні конкретного часу |
Вам рідко потрібно будувати довгі URL вручну — використовуйте Copy short link, Generate page або Share this page.
Конфігурація віджета vs одноразові посилання
| Джерело | Що зберігається |
|---|---|
| Конструктор віджетів → Enable service overview + template | Зберігається в конфігурації віджета — застосовується до огляду, відкритого з цього віджета |
| Service detail → Generate page | Не зберігається — шаблон і палітра існують лише в згенерованому short/long URL |
| Share this page на активному огляді | Створює short link з поточного стану сторінки (контекст дати/слота, якщо задано) |
Перед поширенням
- Опублікуйте послугу та переконайтеся, що розклади створюють слоти для бронювання.
- Налаштуйте Filters віджета, щоб огляд показував потрібний обсяг каталогу.
- Протестуйте short link на mobile — більшість відвідувачів відкривають поширені посилання на телефонах.
- Перегенеруйте посилання після суттєвих змін теми віджета, якщо старі поширення мають підхопити нові кольори.