Размещение виджета в конструкторе сайтов Tilda
Сервис Nethouse.Академия позволяет разместить форму регистрации/продажи курсов не только на лендинге, созданном в сервисе, но и на любом существующем сайте и/или в социальных сетях ВКонтакте и Facebook. Это бесплатно и настраивается за пару минут.
Инструкция для конструктора сайтов Tilda
Обратите внимание! Вам нужно будет внести изменения в HTML-код. Tilda позволяет работать с этим блоком только на платном тарифе.
Важно! Вы можете настроить отображение конкретного вида тарифа на курс в виджете регистрации, а не всех сразу. Это полезно организаторам, которые предлагают участникам несколько видов билетов на своем сайте и размещают подробную информацию о каждом.
Для начала в панели управления событием в сервисе Nethouse.Академия настройте форму регистрации на курс. Затем подготовьте сайт на платформе Tilda для работы.
- Перейдите в редактор сайта на Tilda. Выберите ваш проект и нажмите кнопку "Редактировать сайт".
- Если вы уже создали страницу вашего сайта, выберите ее из списка и перейдите к редактору лендинга.
- Нажмите на "плюс", чтобы добавить новый блок.
- Выберите вариант "Форма и кнопка", а затем нажмите на нужный вам дизайн. Блок с кнопкой сразу же отобразится в черновике сайта.
Как разместить форму продажи билетов для одного события
- Перейдите в раздел "Контент" этого блока.
- Вставьте код: /nhEventsForm. Обязательно сохраните изменения.
- Перейдите в самый низ страницы и вновь нажмите плюс. В выпавшей вкладке выберите последний блок "Другое" и добавьте элемент HTML-код.
- Нажмите кнопку "Контент".
- В открывшемся окне в поле "HTML-код/Код виджета" добавьте следующий код:
<script src="https://events.nethouse.ru/assets/js/popup-form.js"></script> <script> $(document).ready(function (e) { $('a[href="/nhEventsForm"]').click(function (e) { e.preventDefault(); showEventsNhForm('https://events.nethouse.ru/buy_tickets/00000/'); }); }); </script>
- Далее в окне HTML-КОД/КОД ВИДЖЕТА отредактируйте строку showEventsNhForm.
Вставьте сюда ссылку на событие, скопированную в панели управления Nethouse.Академия, формата: https://academy.nethouse.ru/buy_tickets/00000/, где 00000 будет уникальным номером вашего курса. Сохраните изменения.
Как скопировать ссылку в Nethouse.Академия
Перейдите во вкладке "Регистрация и билеты" к блоку "Продажа курсов на сторонних ресурсах".
- Выберите Способ 1 продажи билетов — "Ссылка".
- Скопируйте ссылку из панели управления Nethouse.Академия на форму, чтобы в дальнейшем разместить ее на Tildа на кнопке.
Готово! Вы разместили форму регистрации/продажи курсов для одного события на Tilda. Обратите внимание! Чтобы проверить работу кнопок и отображение формы регистрации/продажи курсов вам необходимо опубликовать страницу на Tilda.
Как разместить форму продажи билетов для двух и более событий
- Перейдите в раздел "Контент" блока с кнопками. По желанию добавьте две, три и более кнопок.
- Вставьте код: /event-00000, где 00000 — это номер события. Обязательно сохраните изменения.
- Перейдите в самый низ страницы и вновь нажмите плюс. В выпавшей вкладке выберите последний блок "Другое" и добавьте элемент HTML-код.
- Нажмите кнопку "Контент".
- В открывшемся окне в поле "HTML-код/Код виджета" добавьте следующий код:
<script src="https://events.nethouse.ru/assets/js/popup-form.js"></script><script> $(document).ready(function (e) { $('a[href="/event-xxxx"]').click(function (e) { e.preventDefault(); showEventsNhForm('https://events.nethouse.ru/buy_tickets/xxxx/');
}); $('a[href="/event-yyyy"]').click(function (e) { e.preventDefault(); showEventsNhForm('https://events.nethouse.ru/buy_tickets/yyyy/'); }); }); </script>
- Далее в окне HTML-КОД/КОД ВИДЖЕТА отредактируйте строку showEventsNhForm.
- Вставьте сюда ссылку на событие, скопированную в панели управления Nethouse.События, формата: https://events.nethouse.ru/buy_tickets/00000/, где 00000 будет уникальным номером вашего события.
- Также внесите изменение для переменной $('a[href="/event-xxxx"]'). В значение xxxx подставьте номер первого события.
Обратите внимание! Поле event-0000 должно содержать тот же номер события, что и в подставленной ссылки.
Если вы сделали все по инструкции и форма регистрации/продажи билетов не отображается на лендинге события, напишите в нашу техническую поддержку на events@nethouse.ru.