Онлайн-запись v2
Онлайн-запись Notix — виджет бронирования с каталогом услуг, специалистами, расписанием и онлайн-оплатой. Клиент выбирает услугу, мастера, филиал, дату и время, оставляет контакты — вы получаете уведомление в приложении, а клиент попадает в CRM-базу. Виджет работает на любом сайте и как отдельная страница записи.
Что умеет
- Каталог услуг — категории, длительность, цены, фото.
- Специалисты — запись к конкретному мастеру или «к любому».
- Филиалы — если локаций несколько, клиент выбирает удобную.
- Слоты на лету — свободное время считается из расписания, исключений (выходные, перерывы) и уже занятых записей, с буфером между визитами.
- Онлайн-оплата — предоплата картой или по QR через вашу кассу (ЮKassa, Т-Банк, Ozon Acquiring). Запись подтверждается автоматически после оплаты.
- CRM — клиент создаётся автоматически при записи (дедупликация по телефону), ведётся история визитов, заметки, статусы.
- 6 тем и свои цвета — виджет подстраивается под сайт.
Как создать запись — пошагово
- В панели управления откройте «Виджеты» и создайте виджет типа «Бронирование» — откроется конструктор записи.
- Во вкладке «Услуги» добавьте услуги: название, длительность, цена. Услуги можно группировать по категориям.
- Во вкладке «Мастера» добавьте специалистов и отметьте, какие услуги они оказывают. Если мастеров нет — запись идёт без выбора специалиста.
- Во вкладке «Расписание» задайте рабочие дни и часы. Вкладки «Локации» — филиалы (адрес, телефон, координаты).
- Во вкладке «Дизайн и настройки» выберите тему и цвета, заголовок, включите «Требовать предоплату» и автосоздание клиента в CRM.
- Во вкладке «Установка» скопируйте ссылку на запись или код виджета для сайта.
Три способа установки
| Способ | Куда | Как |
|---|---|---|
| Ссылка на запись | Яндекс.Карты, 2GIS, соцсети, визитки | /book/ВАШ_ТОКЕН — полноэкранная страница записи |
| Виджет на сайте | Любая страница сайта | <script defer src="…/notix-booking.js" data-booking="ВАШ_ТОКЕН"></script> |
| Плавающая кнопка | Весь сайт | тот же скрипт с data-mode="button" — кнопка «Записаться» в углу |
<script defer src="https://notix-hub.ru/js/notix-booking.js"
data-booking="wgt_…"
data-mode="button"
data-theme="emerald"></script>
Доступные атрибуты: data-mode (inline / button), data-theme (indigo, emerald, rose, amber, sky, dark), data-accent / data-accent2 (свои цвета), data-title (заголовок), data-position (bottom-right / bottom-left), data-button-text.
Яндекс.Карты и 2GIS
- Скопируйте ссылку на запись в конструкторе (вкладка «Установка», блок 1).
- Яндекс.Бизнес: «Моя компания» → «Редактировать» → раздел со ссылками → добавьте ссылку в поле «Сайт» или «Онлайн-запись».
- 2GIS: личный кабинет → филиал → «Сайт и соцсети» → вставьте ссылку.
- Клиент, нажав «Записаться» в карточке на карте, попадёт на вашу страницу записи.
Онлайн-оплата
Подключите свою кассу в разделе «Приём платежей» (ЮKassa, Т-Банк или Ozon Acquiring) и включите «Требовать предоплату» в настройках виджета. После бронирования клиент увидит экран оплаты: кнопка «Оплатить картой» (переход на страницу кассы) и QR-код для оплаты из приложения банка. После успешной оплаты запись автоматически получает статус «подтверждена», а в CRM помечается оплаченной. Если клиент ушёл и вернулся по ссылке оплаты — страница записи покажет статус платежа.
Записи и CRM
Все брони видны во вкладке «Записи» конструктора и в разделе «Клиенты»: подтверждение, отмена, завершение визита. Клиент, оставивший контакты, автоматически добавляется в базу (дедупликация по телефону) — с историей визитов, оплат и заметками. Из уведомления о новой записи можно одним нажатием открыть карточку клиента.
API
Публичные эндпоинты виджета (без авторизации, по токену встраивания):
| Метод | URL | Описание |
|---|---|---|
| GET | /api/v1/booking/{token}/catalog | Услуги, мастера, филиалы, настройки |
| GET | /api/v1/booking/{token}/slots?date=YYYY-MM-DD | Свободные слоты на дату |
| POST | /api/v1/booking/{token}/book | Создать запись |
| POST | /api/v1/booking/{token}/pay | Создать платёж (redirect или qr_code) |
| GET | /api/v1/booking/{token}/payment/{id}/status | Статус платежа (polling) |