Бесплатная онлайн-конференция nethouse days 3-4 декабря       Узнать больше

Помощь в работе с сервисом

Как вставить форму продажи билетов на Tilda через Zero-блок?

  • Откройте редактор страницы на Tilda, добавьте на страницу zero-блок.


  • Откройте редактор zero-блока и добавьте кнопку. Кнопку можно переименовать, отредактировать ее вид, цвет и т.д.


  • Правой кнопкой мыши откройте контекстное меню и выберите пункт Add CSS Class Name.


  • Добавьте для кнопки класс, например, nethouse-form.


  • Обязательно сохраните изменения (Save) и закройте (Close) редактор zero-блока.


  • Добавьте на страницу блок HTML-код.


  • Отредактируйте блок, вставив код (не забудьте убрать пробелы в открывающих и закрывающих тегах кода!):
<script>
  if (document.readyState !== 'loading') {
    us_customDOMChanges();
  } else {
    document.addEventListener('DOMContentLoaded', us_customDOMChanges);
  }
  function us_customDOMChanges() {
    /*вешаем событие onclick на кнопку*/
    $('.nethouse-form').attr('onclick',`showEventsNhForm('https://events.nethouse.ru/buy_tickets/000000/')`)

    /* скрипт для загрузки сервиса */
    var service = document.createElement('script');
    service.src = 'https://events.nethouse.ru/assets/js/popup-form.js';
    document.documentElement.appendChild(service);
  }
</script>

Вместо 000000 в части ('https://events.nethouse.ru/buy_tickets/000000/') подставьте ID своего события.

  • Сохраните изменения и закройте редактор блока.


  • Опубликуйте изменения.

  • Обязтельно проверьте подключен ли у вас плагин jQuery для сайта, иначе форма работать не будет. Включить этот плагин можно в настройках сайта в разделе "Еще"

  • Готово! Теперь форма будет открываться по клику на кнопку.
Место, где рождаются события