Сервис онлайн записи «Резервируй»

Сервис Резервируй предоставляет возможность онлайн записи в салон красоты или spa-салон, клинику или детский клуб.

Онлайн запись – это возможность выбрать нужного мастера и подобрать удобную дату и время посещения, что позволит спланировать собственное свободное время.

Сервис Резервируй предназначен тем, кто хочет организовать у себя на сайте или на страницах в соц.сетях онлайн запись. Это не просто обезличенная форма обратного звонка, а полноценный виджет, который покажет мастеров и реальное время, на которое можно записаться.

Работает виджет на 1С:Салон красоты – самом распространённом решении на базе 1С.

1. Настройте Вашу "1С:Салон красоты" на обмен с сервисом Резервируй. Подробности по ссылке https://salon1c.ru/knowledge-base/onlayn-zapis/nastroyka-onlayn-zapisi/vidzhet-onlayn-zapisi/
2. Проверьте, как работает виджет онлайн-записи прямо на сайте Резервируй. На главной странице в поиске наберите название Вашей организации.
3. Если всё работает, добавляйте виджет на свой сайт по инструкции из 1С.

Виджет работает на jQuery, если эта библиотека не используется на Вашем сайте, необходимо будет её добавить.

Можно добавить вызов виджета на собственную кнопку или ссылку. Для этого у html-элемента нужно указать класс reservi_button_emulation.
Пример

<span class="reservi_button_emulation">Записаться к нам онлайн</> 

Можно сделать вызов виджета с определённого шага, или с предустановленными значениями. Для этого укажите у html-элемента параметры.
Пример:

<div class="widget_reservi_loader" data-salon="64cc6b6d-412f-11eb-8074-04d4c44bd374" data-staff="00814868-19a2-4e39-b6b9-fe98bb8d1c20" data-services="3881469e-5b1a-11e7-82e7-0050568b5c8d, 7a4b2cdc-5b0d-11e7-82e7-0050568b5c8d" data-time="2022-09-21T09:20:00">Виджет онлайн-записи демо</div>

где:
data-salon - ИД структурной единицы в 1С.
data-staff - ИД мастера в 1С.
data-services - список услуг
data-time - время

Виджет работает на библиотеке jQuery. Если на сайте нет этой библиотеки – необходимо будет её добавить.

Чтоб проверить, есть ли эта библиотека на сайте. Откройте исходный код сайта, например в браузере Firefox нажать правой кнопкой по пустой части страницы и выбрать "исходный код страницы". Поищите строку вида "jquery". Библиотека представляет собой .js файл, может иметь цифры в названии, например так "jquery-2.2.1.min.js".

Данная инструкция действительная только для облачной версии 1С:Салон красоты.

Существуют следующие события для отслеживания статистики и установки целей:

• reservi_order - Запись оформлена, передается объект с данными о записи
• reservi_close - Закрыт виджет
• reservi_step - Смена шага
• reservi_start - Старт виджета, передается 1C ID салона
• reservi_organization - При выборе салона, если их в организации несколько, передаются 1С ID салонов

Отлавливать эти события можно 2 способами:

document.addEventListener("нужное событие", function(e){
});

или при помощи jQuery
$(document).bind("событие", function(e){
});

в первом случае данные о событии лежат в e.detail.
во втором в e.originalEvent.detail.

Например. Установим цель для Яндекс.Метрики с передачей суммы заказа при достижении события "Запись оформлена"

document.addEventListener("reservi_order", function(e)
{
    ym(XXXXXX, 'reachGoal', 'TARGET_NAME', {order_price: e.detail.data.record_info.summ});
});

Значения XXXXXX и TARGET_NAME заменить на свои.