Демо

Примеры вызова виджета

Живой виджет записи на демо-аккаунте: встроенный блок на странице, окно по центру или боковая панель — как обычно ставят на сайт.

Виджет как часть экрана

Так виджет выглядит, если встроить iframe прямо в контент сайта.

https://demo-src.schedulepro.ru

Открытие по кнопке

Два частых UX-паттерна: модальное окно и выезжающая панель справа.

Окно по центру

Классическая модалка поверх сайта — удобно для десктопа и короткой записи.

Боковая панель

Панель справа не перекрывает весь экран — клиент видит контекст вашего сайта.

Telegram и MAX Mini App

Можно пользоваться тем же виджетом записи внутри Telegram и MAX: откройте URL как Mini App у своего бота. Отдельная сборка и доп. плата не нужны.

Telegram / MAX Mini App

# Тот же URL виджета для мессенджеров:
https://demo-src.schedulepro.ru

# Telegram Mini App
# BotFather → токен бота → в SaaS «Настройки → Виджет»
# Кнопка меню «Записаться» откроет виджет.
# Диплинк: https://t.me/<bot>?startapp
# Prefill: https://t.me/<bot>?startapp=s_<serviceId>_e_<employeeId>

# MAX Mini App
# Кабинет MAX для партнёров → URL мини-приложения = URL виджета
# Диплинк: https://max.ru/<bot>?startapp
# Prefill: https://max.ru/<bot>?startapp=s_<serviceId>_e_<employeeId>

Код для вашего сайта

Скопируйте готовый фрагмент. Подставьте URL своего виджета после подключения SaaS.

Просто ссылка

<a href="https://demo-src.schedulepro.ru" target="_blank" rel="noopener">
  Записаться онлайн
</a>

Встроенный iframe

<iframe
  src="https://demo-src.schedulepro.ru"
  title="Онлайн-запись"
  style="width:100%;height:640px;border:0;border-radius:16px;"
  allow="clipboard-write"
></iframe>

Модальное окно

<!-- Кнопка открывает центрированное окно с iframe виджета -->
<button onclick="document.getElementById('sp-widget-window').showModal()">
  Записаться
</button>
<dialog id="sp-widget-window" style="padding:0;border:0;border-radius:16px;max-width:440px;width:92vw;">
  <iframe src="https://demo-src.schedulepro.ru" style="width:100%;height:720px;border:0;" title="Онлайн-запись"></iframe>
</dialog>

Боковая панель

<!-- Боковая панель: fixed right + overlay -->
<style>
.sp-panel{position:fixed;inset:0 0 0 auto;width:min(420px,100%);background:#fff;z-index:9999;box-shadow:0 0 40px rgba(0,0,0,.2)}
.sp-panel iframe{width:100%;height:100%;border:0}
</style>
<div class="sp-panel">
  <iframe src="https://demo-src.schedulepro.ru" title="Онлайн-запись"></iframe>
</div>

Telegram / MAX Mini App

# Тот же URL виджета для мессенджеров:
https://demo-src.schedulepro.ru

# Telegram Mini App
# BotFather → токен бота → в SaaS «Настройки → Виджет»
# Кнопка меню «Записаться» откроет виджет.
# Диплинк: https://t.me/<bot>?startapp
# Prefill: https://t.me/<bot>?startapp=s_<serviceId>_e_<employeeId>

# MAX Mini App
# Кабинет MAX для партнёров → URL мини-приложения = URL виджета
# Диплинк: https://max.ru/<bot>?startapp
# Prefill: https://max.ru/<bot>?startapp=s_<serviceId>_e_<employeeId>

Подключите свой виджет

После оплаты вы получите свой URL админки и виджета — те же варианты встраивания.

Подключить от 690 ₽