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

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

Для того чтобы добавить онлайн-запись на кнопки в CMS Tilda, Вам необходимо использовать блок Tilda "Вставка HTML кода" из раздела готовых блоков "Другое".

1. В данный блок вставьте нижеследующий код:
<script type="text/javascript" async>
$(document).ready(function() {
$('a.tn-atom').addClass('ms_booking');
var scriptService = document.createElement('script');
scriptService .src = "https://wXXXXX.yclients.com/widgetJS";
scriptService .type = "text/javascript";
scriptService .charset = "UTF-8";
document.documentElement.appendChild(scriptService );
});
</script>

2. Необходимо заменить wXXXXX на номер Вашего виджета

3. После того как Вы добавите вышеописанный код, необходимо изменить тип кнопки. Для этого перейдите к блоку с кнопкой и нажмите "Редактировать блок". На открывшейся странице дважды кликните по кнопке онлайн-записи и нажмите кнопку "Настройки" в нижнем правом углу. В меню настроек измените следующие поля (Значение полей представлено в кавычках):
- LINK - "#";
- Target - "Same Window".
Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 2
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Антон

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

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

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

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

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

  • Avatar
    Дмитрий

    В итоге вы не ответили на вопрос. Т.к. кнопки изначально создаются в tilda.cc, то:
    1. Как посмотреть класс кнопки? И что именно из информации в коде будет нужно для вставки в скрипт
    2. У кнопки внутри tilda.cc нельзя настраивать класс, можно только указать ссылку на которую она ведет. Что прописывать в этом поле?

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

    Дмитрий, инструкцию обновили:
    Для того чтобы добавить онлайн-запись на кнопки в CMS Tilda, Вам необходимо использовать блок Tilda "Вставка HTML кода" из раздела готовых блоков "Другое".
    1. В данный блок вставьте нижеследующий код:

    $(document).ready(function() {
    $('a.tn-atom').addClass('ms_booking');
    var scriptService = document.createElement('script');
    scriptService .src = "https://wXXXXX.yclients.com/widgetJS";
    scriptService .type = "text/javascript";
    scriptService .charset = "UTF-8";
    document.documentElement.appendChild(scriptService );
    });

    2. Необходимо заменить wXXXXX на номер Вашего виджета
    3. После того как Вы добавите вышеописанный код, необходимо изменить тип кнопки. Для этого перейдите к блоку с кнопкой и нажмите "Редактировать блок". На открывшейся странице дважды кликните по кнопке онлайн-записи и нажмите кнопку "Настройки" в нижнем правом углу. В меню настроек измените следующие поля (Значение полей представлено в кавычках):
    - LINK - "#";
    - Target - "Same Window".

    Ответы на Ваши вопросы:
    1. Класс кнопки смотреть не нужно, просто повторите шаги из инструкции.
    2. В поле LINK укажите #.

    Изменено: Полина Попова