Как вставить форму продажи билетов на 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 для сайта, иначе форма работать не будет. Включить этот плагин можно в настройках сайта в разделе "Еще"
- Готово! Теперь форма будет открываться по клику на кнопку.