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

TILDA.CC - Добавление собственных кнопок онлайн-записи

Для добавления функции онлайн-записи на собственные формы кнопок в CMS Tilda, Вам необходимо использовать блок Tilda "Вставка HTML кода" из раздела готовых блоков "Другое".
 
 
Tilda.png
 
Затем необходимо добавить в блок следующий скрипт (образец):
<script type="text/javascript" async>
$(document).ready(function() {
    /* меняем класс кнопок на нужный внешнему сервису */
    $('div.tn-elem__236400321503503911042>a.tn-atom').addClass('ms_booking');
    $('div.tn-elem__236400321503503937957>a.tn-atom').addClass('ms_booking');

    /* добавляем теги скрипт для загрузки внешнего сервиса */
    var scriptService = document.createElement('script');
    scriptService .src = "https://wХХХХХ.yclients.com/widgetJS";
    scriptService .type = "text/javascript";
    scriptService .charset = "UTF-8";
    document.documentElement.appendChild(scriptService );
});
</script>

В строке scriptService .src = "https://wХХХХХ.yclients.com/widgetJS";
необходимо заменить wXXXXX на номер Вашего виджета
и в строках
$('div.tn-elem__236400321503503911042>a.tn-atom').addClass('ms_booking');
необходимо заменить выделенные жирным селекторы классов на собственные.


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

Комментарии

  • Avatar
    Антон

    $('div.tn-elem__236400321503503911042>a.tn-atom').addClass('ms_booking');
    необходимо заменить выделенные жирным селекторы классов на собственные.

    Что такое селекторы классов, где взять собственные ?

  • Avatar
    Полина Попова

    Антон, Вам может быть интересна новая статья от Tilda о том, как быстро и просто подключить виджет онлайн-записи YCLIENTS на сайт на CMS Tilda.
    Ссылка на статью: http://help-ru.tilda.ws/online-booking

    Выполняемая задача селектора по классу - выбор всех элементов по имени класса (по значению атрибута class). Обозначение селектора по классу - название класса с предшествующей ему точкой. Собственные селекторы классов можно создать самостоятельно в коде сайта.