Установка онлайн-записи на произвольную кнопку в Tilda

Добавьте кнопку, которая будет кнопкой для онлайн-записи и опубликуйте сайт.

Настройка обычной кнопки #

  1. В Библиотеке блоков выберите вид Форма и кнопка, добавьте Кнопку.
  2. В Контенте блока измените название кнопки, укажите, например, Записаться. В поле Ссылка для кнопки укажите знак #.
  3. Сохраните и закройте блок.

Настройка кнопки из нулевого блока #

  1. Добавьте Нулевой блок, нажмите кнопку Редактировать блок, а после этого добавьте кнопку (Add Button).
  2. Настройте кнопку, для этого нажмите на нее и в открывшемся справа меню задайте все необходимые параметры: название, цвет, шрифт и т.д. В поле Link укажите знак #.
  3. Сохраните и закройте окно редактирования блока (Save > Close).
  1. После последнего блока добавьте блок HTML. В Контент блока добавьте следующий код, сохраните.

<script type="text/javascript">
$(document).ready(function() {
$('.CLASS').addClass('ms_booking');
var scriptService = document.createElement('script');
scriptService .src = "ссылка из меню Код кнопки";
scriptService .type = "text/javascript";
scriptService .charset = "UTF-8";
document.documentElement.appendChild(scriptService );
});
</script>

где CLASS – значение поля «class» из кода кнопки, ссылка из меню Код кнопки – значение из формы онлайн-записи Altegio (о том, как найти эти данные, читайте ниже).

  1. Перейдите на опубликованный сайт и нажмите правой кнопкой мыши на кнопку для онлайн-записи, выберите пункт «Просмотреть код». Скопируйте содержимое поля «class»
t-btn t142__submit

и вставьте в HTML-код, который вы добавили ранее, вместо слова «CLASS»  не просто «t-btn t142__submit», а

.t-btn.t142__submit

Значение поля «class» вашей кнопки может отличаться от примера в этой инструкции.

  1. В Altegio в основном меню перейдите в раздел Онлайн-запись > Ссылки на онлайн запись. Выберите нужную форму онлайн-записи. Подробнее, где найти код кнопки онлайн-записи, читайте в статье Настройки кнопки

    В поле Код кнопки скопируйте ссылку (как это показано в примере ниже), вставьте ее вместо слов «Ссылка из меню Код кнопки» в HTML код, который добавили ранее.
  1. Нажмите кнопку «Сохранить и закрыть», опубликуйте сайт.

Если виджет Altegio будет вызываться по кнопке из главного меню (например, у блока «ME403» есть возможность выводить кнопку в раскрытом меню), то значение в поле «class», вероятнее всего, будет «t-btn». В этом все будет работать корректно.

Но если добавить кнопку для Altegio в любом zero-блоке, то значение поля «class будет «tn-atom». Это же значение «tn-atom» будет и на всех остальных кнопках и гиперссылках во всех zero-блоках. То есть, если кроме кнопки Altegio в zero-блоке будет, например, кликабельный номер телефона, e-mail или другая ссылка, то по ним также будет вызываться виджет Altegio, а не то, что предполагалось.

Вопрос можно решить версткой: убрать кнопки из zero-блоков и поставить сразу под ними родной блок с кнопкой «BF101».

Обновлено 23 декабря, 2025

Остались вопросы?

Напишите нам!