Установка онлайн-записи на сайт (произвольная кнопка)

После того как все настройки онлайн-записи выполнены, установите виджет на сайт.

Если вы самостоятельно разработали дизайн кнопки онлайн-записи и хотите, чтобы форма онлайн-записи открывалась при клике по ней, то этот способ для вас.

Пример:

Виджет онлайн-записи может быть привязан к любой кнопке на сайте компании. Поэтому, прежде всего, необходимо поставить на сайт код самой кнопки:

<a href="#" class="ms_booking">Записаться онлайн</a>

Установка кнопки

1. В основном меню перейдите в раздел «Онлайн-запись» > «Ссылки для онлайн-записи».

2. Нажмите на название нужной ссылки или на кнопку «Настроить».

При необходимости добавьте новую ссылку (как это сделать, читайте в статье).

3. В открывшемся новом окне перейдите к блоку «Если у вас есть свой сайт» и нажмите на кнопку «Добавить кнопку на сайт», после отобразятся настройки кнопки.

• Показывать кнопку на сайте. Эта настройка включает стандартную круглую кнопку, для произвольной кнопки эта настройка не нужна. Галочка будет поставлена автоматически при нажатии на кнопку «Добавить кнопку на сайт», без галочки меню настроек кнопки будет скрыто. Но эту галочку необходимо будет снять после сохранения настроек и копирования кода.
• Расположение виджета. Выберите, с какой стороны страницы будет располагаться виджет — справа или слева.

Остальные настройки относятся к стандартной круглой кнопке. 

4. Нажмите на кнопку «Сохранить». 

5. Перейдите к блоку «Код кнопки». Скопируйте HTML код кнопки, он понадобится для вставки на ваш сайт. Можно временно вставить код, например, в блокнот или другой текстовый файл, чтобы не возвращаться к настройкам виджета. 

6. Обязательно уберите галочку «Показывать кнопку на сайте» и нажмите на «Сохранить». После меню настроек кнопки будет скрыто. 

7. Установите скопированный ранее код кнопки перед закрывающимся тегом </body> на каждой странице сайта.

Код имеет следующий вид:

<script type="text/javascript" src="https://wXXXXXX.yclients.com/widgetJS" charset="UTF-8"></script>

где XXXXXX — уникальный идентификатор (ID) конкретной формы.

Однако в данный код необходимо внести некоторые изменения. Уберите из него https: и поставьте на сайт получившийся вариант кода.

В данном случае:

<script type="text/javascript" src="//wXXXXXX.yclients.com/widgetJS" charset="UTF-8"></script>

Идентификатор для конкретной ссылки также можно получить на странице «Онлайн-запись» > «Ссылки для онлайн-записи» (подробнее в статье «Как узнать номер (ID) ссылки для онлайн-записи (виджета)»). 

В шаблоне сайта код ссылки для онлайн-записи должен располагаться под кодом кнопки.

Важно

• Внимание!!! Не используйте код из примера для установки на сайт. Код нужно получить по инструкции выше. В каждом коде указывается индивидуальный ID вашей ссылки для онлайн-записи.