Этот материал для тех, кто готовит страницу мероприятия и не хочет тратить время и деньги на разработчика: разбор, как сделать страницу встречи на Tilda самостоятельно, с регистрацией гостей и продажей билетов.
Готовил встречу с читателями блога - обычный офлайн-вечер с разговором о личных финансах - и сразу понял: заводить отдельный сайт ради одной страницы бессмысленно. Нужен был сервис, где можно собрать страницу мероприятия за пару часов, без программиста и без бюджета на дизайн-студию. Важно сразу определиться с платформой, иначе половина вечера уходит не на контент, а на выбор сервиса.
Страница мероприятия на Tilda собирается за 30-60 минут: выбираете шаблон категории «событие», меняете текст и фото в редакторе, подключаете форму регистрации - и публикуете без единой строчки кода.
Речь именно про Тильда как конструктор сайтов - сервис, где страница собирается из готовых блоков в визуальном редакторе. Это не разбор бесплатных лендинг-билдеров и не инструкция по вёрстке с нуля: ниже только практические шаги, которые я прошёл сам, готовя страницу для встречи читателей.
Что такое Tilda и почему конструктор подходит для страницы мероприятия
Tilda относится к категории no-code веб-конструкторов - сервисов, где страницу собирают визуально, без написания кода. Когда я готовил встречу с читателями, первым делом проверил, нужна ли мне вообще отдельная платформа или хватит поста в соцсетях. Выяснилось, что отдельная страница решает три задачи сразу: собирает регистрации в одном месте, показывает программу и спикеров структурировано, а не разрозненными постами, и даёт ссылку, которую удобно разослать по почте или в мессенджере.
Пост в соцсети живёт сутки в ленте и тонет среди остального контента. Страница на отдельном домене или поддомене остаётся доступной сколько угодно - можно вернуться к ней через месяц, отправить партнёрам или вставить в рассылку. Для бизнеса это особенно важно: страница мероприятия часто становится частью воронки продаж билетов, а не просто анонсом.
Конструктор проще разработки с нуля по одной причине - в дизайне страницы уже заложены типографика, отступы и адаптивность под мобильные экраны. Разработчику пришлось бы верстать это руками, а в редакторе Tilda готовые блоки просто перетаскиваются на холст. Домены можно подключить свои или временно работать на бесплатном поддомене сервиса, пока страница тестируется.
На сайте есть подробные инструкции почти под каждый блок - прямо в редакторе, без необходимости гуглить. Это закрыло для меня главный страх: что без опыта в вёрстке я не разберусь. Редактор Tilda позволяет публиковать страницу без знания программирования - весь процесс сводится к выбору блока, замене текста и фото и нажатию кнопки публикации. Готовые шаблоны и готовые дизайнерские решения экономят ровно то время, которое иначе ушло бы на согласование макета с дизайнером.
| Способ сделать страницу | Что нужно для старта |
| Сайт с нуля у разработчика | Бюджет, техзадание, срок 2-4 недели |
| Tilda | Аккаунт, шаблон, 1-2 часа свободного времени |
| Пост в соцсетях | Текст и фото, но без формы регистрации |
Выбор шаблона и структура блоков страницы события
Библиотека блоков Tilda содержит готовые решения для страниц мероприятий, вебинаров и билетных форм - это первое, что стоит открыть перед началом работы. Я начал с раздела шаблонов, перейдите туда через главное меню редактора, и выбрал категорию «событие»: там уже собраны макеты именно под анонсы встреч, конференций и вебинаров, а не под магазин или блог.
Шаблоны Tilda распределены по категориям: лендинг, магазин, блог, событие, анкета, визитка. Для страницы встречи с читателями категория «событие» подошла сразу - в макете уже стояли блок с датой и обратным отсчётом, место для программы и форма сбора заявок. Выбирать шаблон из чужой категории и переделывать его под событие - лишняя работа, когда готовое решение уже есть в библиотеке.
Дальше я выстроил порядок блоков так, как читатель проходит страницу сверху вниз. Обложка с названием встречи и датой - первый экран, который виден без скролла. За ней - краткое описание, зачем приходить и что будет интересно. Дальше программа по времени, затем блок со спикером (в моём случае - я сам и один приглашённый гость), карта с адресом и, если есть, отзывы с прошлых встреч.
- Обложка с датой, временем и кнопкой регистрации
- Краткое описание события - одним-двумя абзацами
- Программа по времени отдельным блоком
- Спикеры с фото и короткой подписью
- Карта или адрес площадки
- Форма регистрации или покупки билета, повторно внизу страницы
Каждый элемент меняется через клик: выберите блок, кликните на иконку редактирования - и правите текст, фото или кнопку прямо на месте. Форму регистрации я поставил не только наверху, но и отдельным блоком внизу страницы - часть гостей дочитывает до конца и принимает решение только после программы и описания площадки. Весь контент страницы - текст, фото, список спикеров - редактируется прямо на холсте, без отдельной админки.
Как настроить дизайн, текст и оформление блоков
Когда структура страницы готова, начинается самая долгая часть работы - оформление. В редакторе Tilda каждый блок открывается отдельно: меняешь обложку, текст, цвет фона, шрифты - и сразу видишь результат без перезагрузки страницы. Я убил на это целый вечер, потому что хотелось не шаблонного вида, а чего-то похожего на страницу настоящего события, а не очередной лендинг с кнопкой "купить".
Первое, с чем разбираешься - обложка. Это первое, что видит человек, перешедший по ссылке, и от неё зависит, останется он читать дальше или закроет вкладку. Я поставил фото с прошлой встречи читателей, а не абстрактную картинку из фотостока - живое лицо работает на привлечение внимания сильнее любой красивой, но безличной графики.
Дальше - текст. Под каждым изображением можно задать короткое описание: пара предложений о том, что будет на встрече, без длинных вступлений. Я сократил свой первый черновик втрое - оказалось, что краткое описание читают, а абзац на пять строк пролистывают не глядя.
Цвет и шрифты настраиваются в одном месте - на вкладке стилей всей страницы, а не в каждом блоке отдельно. Я взял два фирменных цвета блога и один акцентный для кнопок - этого хватило, чтобы страница не выглядела пестрой. Яркие акценты уместны только там, где нужно действие от посетителя: кнопка записи, форма, таймер до начала.
Отдельно стоит сказать про анимации при прокрутке. В Tilda есть блок Zero Block - он поддерживает такие эффекты и помогает странице оставаться живой на разных устройствах, от десктопа до телефона в автобусе. Я включил плавное появление блоков программы при скролле - ничего сложного, но страница сразу перестала выглядеть статичной.
Адаптивность под мобильные Tilda берёт на себя сама: конструктор пересобирает сетку блоков под ширину экрана автоматически. Я всё равно открыл черновик на телефоне перед публикацией - картинка с программой на десктопе смотрелась нормально, а на экране 5 дюймов текст наезжал на фото. Пришлось уменьшить размер шрифта в одном блоке вручную.
Форма регистрации и кнопка записи на мероприятие
Без формы регистрации страница мероприятия бесполезна - человек прочитал программу, заинтересовался, и дальше ему нужно одно действие: записаться. Форма регистрации на мероприятие собирает имя, email и телефон участника - этого обычно достаточно, чтобы потом напомнить о встрече и прислать адрес места.
Блок с формой добавляется из библиотеки так же, как остальные - находишь подходящий вариант, растягиваешь на страницу и редактируешь поля. Я оставил только три: имя, email и поле телефона, убрав лишние вопросы про город и источник - каждое дополнительное поле снижает число заявок, это заметно даже на небольшой выборке в тридцать-сорок человек.
Кнопку записи я поставил наверху страницы и ещё раз внизу, после программы - чтобы не заставлять человека скроллить обратно. Текст на кнопке важен не меньше оформления: вместо нейтрального "отправить" написал "записаться на встречу" - нажмите кнопку, и дело выглядит понятнее, чем безличная форма с кодом из поля html, который так просится вставить разработчику, а не блогеру. Под кнопкой добавил короткую строку: нажимая кнопку вы даете согласие на обработку данных.
Куда уходят заявки - настраивается в разделе интеграций формы. Я подключил простую отправку на почту: каждая новая запись приходит письмом с именем и телефоном человека. Для более серьёзного потока можно завести интеграцию с CRM, но для встречи на пятьдесят человек обычный почтовый ящик справился без проблем.
Подтверждающее письмо настраивается там же, во всплывающем окне с условиями отправки - можно написать короткий текст с адресом и временем встречи, который уйдёт автоматически сразу после записи. Это снимает половину вопросов "а куда идти" в день мероприятия.
Отдельно я добавил попап - всплывающее окно, которое привлекает внимание посетителя к целевому действию без перехода на другую страницу. Оно появляется через несколько секунд после открытия страницы и напоминает про запись тем, кто просто листает программу и забывает про кнопку наверху.
| Способ сбора заявок | Удобство | Стоимость | Интеграция с CRM |
| Форма на странице | Высокое, заявка сразу на сайте | Бесплатно в рамках тарифа Tilda | Нужна отдельная настройка |
| Попап (всплывающее окно) | Среднее, может раздражать при частом показе | Бесплатно, встроено в конструктор | Та же, что и у обычной формы |
| Сторонний сервис регистрации | Низкое, нужен переход на другой сайт | Обычно платно сверх тарифа | Часто готовая, из коробки |
Я в итоге оставил только форму на странице и попап как напоминание - сторонний сервис регистрации показался избыточным для одной офлайн-встречи. Если планируете серию мероприятий с сотнями участников, разница в CRM-интеграции станет заметнее.
Продажа билетов: встроенные решения и сторонние сервисы
Когда я готовил страницу встречи читателей блога, встал вопрос: как собрать деньги за билет и при этом не потерять контроль над списком гостей. У Tilda есть встроенный интернет-магазин - можно продавать билеты как обычный товар, с привязкой к оплате и личным кабинетом покупателя. Для разового мероприятия это избыточно: настройка магазина, товарные карточки, доставка - лишние шаги там, где нужна одна кнопка "купить билет".
Вариант проще - Nethouse.События. Этот сервис интегрируется с Tilda через вставку кода формы продажи билетов в HTML-блок: копируешь скрипт, вставляешь на страницу - и форма продажи билетов встаёт на нужное место без доработки дизайна. Я сравнивал несколько похожих сервисов - у Nethouse проще разобраться без опыта в вёрстке, а из плюсов - готовые интеграции с CRM, куда лиды с мероприятия попадают автоматически.
Форма продажи билетов привязывается к конкретному событию через его идентификатор в ссылке - то есть каждое мероприятие получает свой адрес вида /event-xxxx. Если на одной странице несколько активностей - скажем, основная встреча и отдельный мастер-класс - несколько событий на одной странице требуют отдельного кода для каждой кнопки. Перепутаешь идентификатор - билет продастся на чужое мероприятие, я один раз так ошибся и потом полдня разбирался с возвратами.
Для корректной работы формы продажи билетов Nethouse на Tilda нужен подключённый jQuery-плагин - без него скрипт может не отработать клик по кнопке. Обычно библиотека уже подключена в шаблоне, но если форма не открывается при нажатии - первым делом проверяй именно это.
Если билеты продаёт отдельный ресурс - условный Timepad или аналог - тоже можно встроить: вставка html с кнопкой или виджетом от стороннего сервиса работает так же, через HTML-блок. Разница только в том, что оплаты и crm-учёт покупателей остаются на стороне внешнего сервиса, а Tilda выступает просто витриной - при этом сквозная интеграция с системой учёта лидов всё равно настраивается на стороне сервиса продаж.
Блок T123 и Zero Block: вставка стороннего кода и кастомные элементы
Для вставки произвольного HTML и JS-кода на страницу в Tilda используется блок T123 - обычный пустой контейнер, куда можно вставить что угодно: скрипт, iframe, виджет записи. Я использовал его для Calendly, когда нужно было собрать записи на отдельные слоты встречи, а не просто общую регистрацию.
Zero Block - отдельная история, более гибкая. Он позволяет создавать свой дизайн блока с произвольным расположением элементов: кнопки, текст, картинки можно двигать свободно, а не по сетке стандартных блоков Tilda. Для простой вставки готового кода он избыточен - T123 достаточно, Zero Block нужен, когда хочешь собрать что-то визуально нестандартное вокруг виджета на стороннем коде.
Важный момент по тарифам: HTML-код в Tilda доступен только на платных тарифах, начиная с Personal. Тариф Tilda Free ограничивает подключение собственного домена и установку кода - на бесплатном плане блок T123 просто не даст вставить скрипт, и некоторые инструменты аналитики в панели управления проектом тоже будут недоступны. Я узнал об этом не сразу и минут двадцать не мог понять, почему поле HTML на странице не сохраняет содержимое.
Calendly встраивается в Tilda через блок T123 с вставкой HTML или iframe - в редакторе блока открываешь настройки и вставляешь код виджета оттуда же, из личного кабинета Calendly. Виджет записи может работать в режиме inline прямо на странице или в формате всплывающего попапа по кнопке - я в итоге выбрал попап, чтобы не занимать место на странице события целым календарём.
Код попапа обычно выглядит так: сначала строка script src https с адресом виджета, дальше script script document create element, потом click function на кнопке открывает окно. Если собираешь ссылку на другой ресурс вручную, UTM-метки передаются в Calendly через параметры URLSearchParams в ссылке виджета - это удобно, чтобы потом понять, откуда пришла запись: из блога или из рассылки.
Аналитика, реклама и продвижение страницы мероприятия
Страница без аналитики - это слепая зона: сайт делал три дня, а понять, сколько человек дошло до регистрации, без цифр не получится. Яндекс Метрика в Tilda подключается в настройках сайта через ID счётчика - в личном кабинете есть отдельное поле, никакого кода вставлять руками не нужно.
Для своей страницы встречи я настроил цель на отправку формы - по умолчанию Tilda считает клики по кнопкам, но мне нужна была именно фиксация записи на событие. В Метрике это кастомная цель на событие, которая срабатывает в момент отправки данных. У меня она называлась примерно как calendly.event_scheduled, потому что форма регистрации была завязана на внешний календарь.
Отдельно настроил цель на покупку билета - по факту перехода на страницу оплаты. Без этого разделения я бы видел только общее число посетителей страницы и не понимал, кто просто посмотрел её, а кто реально записался.
SEO-настройки Tilda простые, но заполнить их стоит до публикации. Они включают title, description и настройку индексации: галочка решает, будут поисковые роботы заходить на страницу или нет - всё это редактируется в блоке «SEO» на панели страницы, без доступа к коду сайта.
- Title - короткое название события с датой, по нему страница показывается в поиске и при расшаривании в мессенджерах
- Description - 1-2 предложения о том, что за встреча и для кого она
- Robots - галочка «разрешить индексацию», если хочется, чтобы страницу находили не только по прямой ссылке
Продвижение самой встречи я делал не через рекламу, а через свои каналы - разместил ссылку на странице во вконтакте и телеграм-канале, где читатели блога обычно и находятся. Отдельную рекламную кампанию в соцсетях не запускал, но для чисто рекламной страницы с оплатой это логичный следующий шаг - Tilda позволяет ставить пиксели ВК и других площадок в тех же настройках, где стоит счётчик Метрики.
Из практики: подробные инструкции по установке Метрики есть в справке самой Tilda, и разобраться получилось минут за двадцать без посторонней помощи - платформа рассчитана именно на то, чтобы не звать программиста ради одного счётчика.
Публикация, домен и тарифы Tilda
Домен сайта подключается в разделе «Настройки сайта» после публикации - сначала страница живёт на технический адрес вида имя.tilda.ws, а свой домен привязывается отдельно, через смену DNS-записей у регистратора. Я использовал поддомен основного блога, чтобы страница встречи не выглядела отдельным сайтом.
Публикация страницы обязательна для проверки работоспособности вставленного HTML-кода - пока страница не опубликована, виджет Zero Block с виджетом регистрации может отображаться в редакторе некорректно, а после публикации всё встаёт на место. Я несколько раз пугался «поломанной» формы, которая на самом деле просто ещё не была опубликована.
Стоимость тарифов зависит от задач. На бесплатном тарифе можно собрать и протестировать страницу - форма регистрации работает, но нельзя подключить свой домен и принимать оплату напрямую. Мне этого хватило на этапе черновика, когда я проверял структуру блоков и текст.
| Тариф | Что доступно |
| Бесплатный | Тест вёрстки, форма без приёма оплаты, домен только tilda.ws |
| Personal | Свой домен, несколько сайтов |
| Business | Приём платежей, вставка HTML-кода, интернет-магазин |
Для продажи билетов нужен тариф, который открывает вставку HTML-кода и приём оплаты - без этого блок с онлайн-кассой просто не заработает. Доступ к функциям привязан именно к тарифному плану, а не к типу сайта, так что выбирать его стоит заранее, под конкретную задачу, а не методом проб.
Публиковать страницу можно в любой момент редактирования, кнопка публикации всегда под рукой в верхней панели. Важный момент: нажимая на кнопку публикации, стоит сначала проверить все блоки на мобильной версии - то, что отлично смотрится на десктопе, иногда разваливается на телефоне, а большинство гостей открывают приглашение именно с него.
Для разовой страницы мероприятия Tilda оказалась рабочим вариантом без лишних сложностей: конструктор собрал за несколько вечеров то, на что с нуля ушли бы недели разработки. Платформа не заменит полноценный сайт со сложной логикой, но для встречи, лендинга под курс или разовой акции это ровно тот инструмент, который не требует ни программиста, ни бюджета на разработку. Читайте другие материалы на regionfinans.ru.
Список литературы
- Tilda Publishing - Zero Block: How to Create a Custom Block // Справочный центр Tilda, 2025
- Редакция блога Tilda - A Complete Guide to Zero Block // Блог Tilda Publishing, 2024
- Редакция сервиса Nethouse.События - Как продавать билеты через Tilda // Справка Nethouse, 2024
- Калинкин Денис - Интеграция Calendly с Tilda: блок T123, события в Метрике // Блог веб-студии Калинкина, 2025
