ServEaseDocumentation

Сторінки огляду послуг

Клієнтські 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):

  1. Увімкніть Enable service overview (або «service overview in booking modal»).
  2. Оберіть типовий 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 однієї послуги:

  1. Відкрийте Services → оберіть послугу → service detail.
  2. Натисніть Generate page.
  3. Оберіть Colour palette — preset або custom colours (зберігаються лише всередині згенерованого посилання).
  4. Оберіть Page template.
  5. Show page — відкриває огляд у новій вкладці для перевірки.
  6. Copy short link — створює короткий URL для поширення (рекомендовано для email, SMS, QR codes, social).

Вибір шаблону та палітри в Generate page не змінює збережені налаштування послуги або віджета. Вони впливають лише на згенероване посилання.

Коли клієнт (або ви) переглядає сторінку огляду послуги, більшість шаблонів включають елемент керування Share — наприклад, Share this page, Share link або Share у заголовку або footer сторінки.

Натискання Share:

  1. ServEase створює short link для поточного контексту сторінки (послуга, шаблон, обрана дата/слот, якщо застосовно).
  2. Короткий 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 — більшість відвідувачів відкривають поширені посилання на телефонах.
  • Перегенеруйте посилання після суттєвих змін теми віджета, якщо старі поширення мають підхопити нові кольори.

Пов’язані матеріали

On this page