Центр поддержки клиентов:
8 (800) 505 04 75
Ссылка на сайт

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

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

 

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

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

Далее ставим код формы записи (виджета):

1. Переходим в настройки виджета Онлайн-запись - Вебсайт - выбираем нужную форму из списка.

                                                                                 

2. На открывшейся странице появится раздел настроек Код кнопки. Берём код виджета из этого раздела.

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

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

где w11782 - уникальный идентификатор конкретной формы.

   

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

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

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

4. Отключаем создание круглой кнопки по умолчанию: 

Онлайн-запись - Вебсайт - нажимаем на название формы - Настройки кнопки - убрать галочку Включить кнопку

5. Идентификатор для конкретной формы также можно получить на странице Онлайн-запись - Вебсайт - ссылка напротив названия Формы компании. В шаблоне сайта код формы записи должен располагаться под кодом кнопки.

Пример формы, установленной по данной инструкции, можно найти на сайте Барбершопа BoyCut по ссылке в правом верхнем углу страницы.

Как настроить новый виджет онлайн записи, можно прочесть в статье: 
Создание виджетов онлайн записи.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 7 из 10
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Ирина

    а теперь можно привести пример как внутри кнопки button или a должен быть этот код?

  • Avatar
    Ольга Тележенко

    Здравствуйте, Ирина.
    Сначала ставим код кнопки, после него код виджета.
    Выглядеть это должно примерно так:
    .<a class="ms_booking" href="#">Записаться</a>
    <script type="text/javascript" src="//w11111.yclients.com/widgetJS" charset="UTF-8"></script></button>

    где w11111 - уникальный идентификатор конкретной формы.
    Его можно найти в разделе Онлайн-запись - Вебсайт - столбец Ссылка.

    Изменено: Ольга Тележенко