Верстка на Tilda: чем отличается от классической разработки сайта

Верстка на Tilda - это работа внутри готового конструктора: блоки, стили и анимации собираются мышью в браузере, а не пишутся с нуля в редакторе кода. Тут нет сборки проекта, git-репозитория и локального сервера - весь процесс идёт прямо на боевом домене Tilda или через Zero Block с кастомным HTML внутри блока. За годы работы с сайтами я делал проекты и на Tilda, и на WordPress, и на чистом коде - разница ощущается не в первый час работы, а когда проект выходит за рамки лендинга: нужна интеграция с СДЭК, форма с валидацией на бэкенде или логика, которую готовые блоки просто не умеют.

Что скрывается за версткой на Tilda

В классической разработке верстальщик получает макет из Figma и переводит его в HTML и CSS вручную: считает отступы, пишет медиа-запросы, собирает сетку на Grid или Flexbox. На Tilda этот этап автоматизирован процентов на семьдесят - есть библиотека из полутора тысяч готовых блоков с адаптивной версткой, и задача сводится к подбору подходящего блока, замене текста и картинок, настройке отступов через визуальный редактор.

Оставшиеся тридцать процентов - это тонкая настройка: где блок не даёт нужный интервал между элементами, где анимация должна запускаться по скроллу не так, как в дефолтной библиотеке, где нужен блок с логикой, которой в конструкторе просто нет. Здесь начинается Zero Block - режим, где ты пишешь HTML и CSS с нуля внутри Tilda, сохраняя доступ к её движку страниц, формам и аналитике.

Верстка на Tilda и классическая разработка: сравнение по задачам

Разница хорошо видна не в теории, а на конкретных задачах - я собрал таблицу из тех вопросов, которые обычно задают клиенты на старте проекта.

На рынке у студий разброс цен на лендинг на Tilda обычно 15 000-80 000 ₽ в зависимости от сложности и опыта исполнителя - я обозначаю свою стоимость сайта на Tilda от 30 000 ₽, дальше цена растёт от количества страниц и объёма кастомных доработок.

Блочная верстка и Zero Block: где заканчивается конструктор

Обычные блоки Tilda решают процентов восемьдесят задач: баннер, преимущества, отзывы, форма заявки, футер. Проблема начинается, когда дизайн требует нестандартной сетки - например, карточки с разной высотой, зависящей от контента, или блок, где анимация синхронизирована с видео на фоне.

Zero Block снимает часть этих ограничений - внутри него доступен произвольный HTML, CSS и JavaScript, но платформа всё равно накладывает свои правила: скрипты грузятся в определённом порядке, часть глобальных стилей Tilda конфликтует с кастомными классами, а debug возможен только через консоль браузера на живой странице, без локального окружения. На практике это значит, что писать и тестировать код приходится прямо на боевом сайте или в T123 (тестовый проект), что медленнее, чем в обычной IDE с hot reload.

Частые ограничения, с которыми сталкиваюсь

• Нет полноценной работы с состоянием - SPA-логику типа корзины с мгновенным обновлением без перезагрузки собрать сложнее, чем на React
• Формы Tilda ограничены встроенными полями - кастомная валидация или мультистраничная форма требует дополнительного скрипта
• Каждое обновление платформы Tilda иногда ломает кастомные скрипты, завязанные на внутренние классы
• Лимит на количество символов в некоторых полях блоков - приходится обходить через кастомный HTML

Кастомный код и интеграции в Tilda-проектах

Большая часть моих доработок на Tilda - это не верстка в чистом виде, а интеграции: расчёт доставки СДЭК прямо в форме заказа, приём оплаты через эквайринг T‑Bank без редиректа на отдельную страницу, передача заявок в CRM или Telegram-бота на aiogram сразу после отправки формы.

Типовой сценарий: клиент собрал сайт на Tilda сам или с дизайнером, но форма заявки просто падает письмом на почту, и менеджеры теряют часть лидов. Решение - вешаю обработчик на отправку формы через Tilda API, данные летят в CRM и параллельно приходит уведомление в Telegram. Если нужна более сложная маршрутизация заявок между отделами, такую логику удобнее собирать через n8n - он берёт вебхук от Tilda и раскладывает данные по нужным сервисам без написания отдельного бэкенда.

// пример обработчика отправки формы в Zero Block
document.addEventListener('submit', function (e) {
  if (!e.target.closest('.t-form')) return;
  const formData = new FormData(e.target);
  fetch('https://example.com/webhook/tilda-lead', {
    method: 'POST',
    body: formData
  });
});

Готовые скрипты под похожие задачи - калькуляторы стоимости, интеграция с СДЭК, кастомные попапы - я собираю в библиотеке готовых скриптов для Tilda, часть из них можно доработать под конкретный проект быстрее, чем писать логику с нуля.

Простая доработка вроде кастомного скрипта анимации или скрытия элемента по условию стоит от 3 000 ₽, комплексная интеграция с CRM, эквайрингом или СДЭК - от 40 000 ₽, потому что это уже не верстка, а полноценная работа с API нескольких сервисов и обработка ошибок на стороне сервера.

Когда верстка на Tilda не справляется с задачей

Tilda хорошо закрывает лендинги, сайты-визитки, промо-страницы и небольшие интернет-магазины с простым каталогом. Как только в проекте появляется личный кабинет с ролями пользователей, сложная логика ценообразования или необходимость держать контроль над каждым байтом кода - платформа начинает мешать больше, чем помогать.

Я обычно советую переходить на WordPress или кастомную разработку, если:

• Каталог товаров превышает пару тысяч позиций с фильтрами по нескольким параметрам
• Нужна интеграция с 1С или складским учётом в реальном времени
• Планируется личный кабинет с историей заказов, подписками, ролями
• Важен полный контроль над скоростью загрузки и весом страницы - общий движок Tilda даёт накладные расходы, которые на кастомной верстке просто не появляются

Сайт на WordPress с нужными плагинами и кастомной темой начинается от 60 000 ₽, интернет-магазин под ключ с оплатой и доставкой - от 80 000 ₽. Если задача ближе к веб-сервису с личным кабинетом и своей логикой - это уже SPA или отдельный бэкенд, от 300 000 ₽.

Сроки и стоимость верстки на Tilda

Лендинг на готовых блоках с минимальной кастомизацией я собираю за 3-5 дней. Многостраничный сайт с интеграциями - от полутора до трёх недель, в зависимости от количества внешних сервисов, которые нужно подключить. Zero Block с уникальной анимацией или нестандартной сеткой добавляет 2-4 дня сверху на тестирование, потому что дебажить приходится прямо на живой странице.

После запуска часть проектов остаётся у меня на техподдержке - от 15 000 ₽/мес, это актуально, когда на сайте регулярно меняются интеграции или добавляются новые формы и блоки, а разбираться в чужом коде каждый раз с нуля не хочет ни разработчик, ни заказчик.

Что влияет на итоговую стоимость

• Количество страниц и уникальных блоков вне библиотеки Tilda
• Число интеграций - СДЭК, эквайринг, CRM, Telegram-уведомления
• Наличие готового дизайна в Figma или необходимость собирать структуру с нуля
• Нужна ли многоязычность и SEO-разметка под несколько регионов

Если не знаете, какой формат подходит под задачу - можно посмотреть весь список направлений на странице услуг и сравнить, что закроет Tilda, а что требует кастомной разработки.

Частые вопросы

Можно ли на Tilda сделать полноценный интернет-магазин?

Для небольшого каталога - до нескольких сотен товаров с простыми фильтрами - встроенный магазин Tilda справляется без проблем, там есть корзина, интеграция с оплатой и базовая аналитика. Если каталог большой и нужны сложные фильтры, скидочные механики или синхронизация со складом, лучше смотреть в сторону WooCommerce на WordPress или отдельного интернет-магазина под ключ.

Чем верстка на Tilda отличается от работы в HTML/CSS напрямую?

В Tilda большую часть разметки и адаптива берёт на себя платформа - верстальщик работает с готовыми блоками через визуальный редактор. В классической верстке ты пишешь каждую строчку CSS и HTML сам, полностью контролируешь структуру, но и тратишь на это в разы больше времени на типовых страницах вроде лендинга.

Можно ли подключить к сайту на Tilda Telegram-бота или CRM?

Да, через Tilda API и вебхуки формы можно передавать данные в любую CRM или Telegram-бота - я делаю такие интеграции, включая ботов на aiogram, которые сразу уведомляют менеджера о новой заявке с сайта. Сложность и стоимость зависят от того, сколько сервисов нужно связать между собой и требуется ли обработка данных перед передачей.

Стоит ли переходить с Tilda на WordPress, если сайт уже работает?

Если текущий функционал закрывает задачи бизнеса и скорость загрузки устраивает - менять платформу смысла нет, миграция это отдельные расходы и риск потерять текущие позиции в поиске на переходный период. Переход оправдан, когда упираетесь в конкретные ограничения - каталог, личный кабинет, интеграции, которые Tilda физически не может закрыть без обходных путей через Zero Block.