Разработка сайта на Тильде на бумаге выглядит просто: выбрал блоки, заполнил текстом, опубликовал. На практике между брифом и рабочим сайтом с оплатой, доставкой и аналитикой - 5-6 этапов, и пропуск любого потом вылезает багами или переделками на финише. Я веду такие проекты регулярно и разберу процесс так, как он выглядит у меня - от первого созвона до передачи админки клиенту.
Что входит в разработку сайта на Тильде, кроме сборки блоков
Клиенты часто приходят с запросом «соберите лендинг на блоках за пару дней», а по факту в проект входит минимум пять разных задач: бриф и структура, прототип, дизайн под конкретные блоки конструктора, кастомные доработки на JS/CSS и интеграции с внешними сервисами. Последний пункт съедает больше всего времени, потому что стандартных блоков Zero Block хватает для 70% случаев, а оставшиеся 30% - это форма с валидацией под конкретную CRM, расчёт доставки СДЭК на лету или прокидывание UTM-меток в аналитику при переходе между страницами.
Если сайт нужен просто как визитка на 3-4 экрана без форм и оплаты - можно уложиться в стандартный набор блоков без единой строчки кода. Как только появляется каталог с фильтрами, форма записи с расчётом стоимости или личный кабинет - без кастомного скрипта не обойтись, и это отдельная статья расходов, о которой ниже.
Этап 1: бриф и сбор требований
Бриф я собираю не анкетой на 40 пунктов, а созвоном на 30-40 минут плюс короткой формой на структуру страниц. Важно вытащить не «какой хотите дизайн», а конкретику: сколько товаров или услуг в каталоге, нужна ли онлайн-оплата и через какой эквайринг, какая CRM уже используется, есть ли доставка и через какую службу считается стоимость.
На этом же этапе фиксирую техническую часть: домен уже куплен или нужно подбирать, есть ли действующий сайт с историческим SEO-трафиком (тогда важны редиректы 301 при переезде), нужна ли многоязычность. Пропуск этого шага - главная причина, почему проекты на Tilda затягиваются: клиент вспоминает про «а ещё нужна интеграция с amoCRM» уже на этапе вёрстки, когда часть блоков под неё не рассчитана.
Результат этапа - карта страниц с указанием типа блока под каждую секцию и список интеграций. Без этого документа переходить к дизайну смысла нет, потому что структура каталога определяет, какой тип блока брать - обычный Fixed Block или Zero Block с кастомной вёрсткой.
Этап 2: прототип и дизайн на Zero Block
Zero Block - это конструктор внутри конструктора: чистый холст, где элементы позиционируются свободно, а не привязаны к готовому шаблону блока. Я перехожу на Zero Block, когда стандартная сетка Tilda не даёт нужной композиции - например, нужен параллакс, нестандартная сетка карточек или анимация при скролле, которую стандартные блоки не поддерживают.
Прототип делаю в Figma по карте страниц из брифа, согласовываю с клиентом мобильную и десктопную версии отдельно - это критично, потому что в Tilda у мобильной версии своя логика позиционирования элементов, и то, что красиво легло на десктопе, на телефоне может наехать друг на друга. После согласования макета перехожу к сборке в самом конструкторе, а не жду финального «ок» по всем деталям - мелкие правки цвета и текста быстрее вносить прямо в Tilda, чем гонять новые версии макета.
Этап 3: вёрстка, адаптивность и SEO-подготовка
Сборка блоков - самая предсказуемая по времени часть: типовая посадочная страница на 6-8 экранах занимает 2-3 дня, интернет-магазин на 30-50 товаров с категориями - от 5 дней. На этом этапе сразу закладываю SEO-базу: уникальные title и description для каждой страницы через настройки Tilda, alt-атрибуты для изображений, микроразметку через встроенный блок T123 или кастомный код для товаров и организации.
Адаптивность проверяю не только в предпросмотре Tilda, а на реальных устройствах - эмулятор браузера иногда врёт по поводу того, как ведут себя тени и обрезка контента на iOS Safari. Отдельно слежу за весом страницы: если клиент загружает фото с телефона в оригинальном разрешении 4000×3000, я сжимаю их перед заливкой, потому что от этого напрямую зависит скорость загрузки и позиции в поиске.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Кастомные скрипты и интеграции: оплата, CRM, доставка
Здесь начинается работа, которая отличает разработку сайта на Tilda от простой сборки лендинга по шаблону. Встроенные интеграции конструктора закрывают базовые сценарии - форму с отправкой на почту, простую оплату через ЮKassa. Но как только нужна логика сложнее, приходится писать кастомный JS-код, который подключается через настройки страницы или блок HTML-код.
Из практики - три типа доработок, которые запрашивают чаще всего:
- Расчёт стоимости доставки СДЭК прямо в форме заказа - по API СДЭК подтягивается стоимость и сроки в зависимости от города получателя, без этого клиент вынужден считать доставку вручную после заказа
- Интеграция эквайринга Т‑Банка с формой оплаты - виджет встраивается через кастомный скрипт, а не через штатный модуль Tilda, если нужна нестандартная логика (например, рассрочка или сохранение карты)
- Прокидывание заявок в CRM с валидацией полей на лету - без кастомного скрипта форма Tilda просто шлёт письмо, а не создаёт сделку с нужными полями
Простая правка вроде маски телефона или валидации email занимает пару часов работы. Пример базовой маски для поля телефона, которую я обычно подключаю через кастомный HTML-блок:
document.addEventListener('tilda-blocks-ready', function () {
var input = document.querySelector('input[name="Phone"]');
if (!input) return;
input.addEventListener('input', function (e) {
e.target.value = e.target.value.replace(/[^d+]/g, '');
});
});Для более сложных сценариев - например, когда заявки нужно не просто отправлять в CRM, а параллельно уведомлять менеджера в Telegram или запускать цепочку писем - я собираю связку через n8n: вебхук с формы Tilda прилетает в сценарий, который раскладывает данные по CRM, таблице и мессенджеру. Готовые примеры похожих доработок для Tilda я собираю в библиотеке готовых скриптов - часть задач закрывается без разработки с нуля.
Тестирование, публикация и передача проекта
Перед публикацией прогоняю чек-лист: работа форм на всех устройствах, корректность отправки данных в CRM или почту, отображение в Google PageSpeed Insights, проверка редиректов со старого домена, если сайт заменяет предыдущую версию. Отдельно тестирую оплату в тестовом режиме эквайринга - до реальных платежей ошибка в сумме или валюте всплывает именно здесь, а не после первого заказа клиента.
Публикация в Tilda - это привязка домена через DNS-записи и включение SSL-сертификата, который конструктор выпускает автоматически. После публикации передаю клиенту доступ к личному кабинету Tilda, документ с описанием, что и где настроено, и список логинов от подключённых сервисов - CRM, эквайринг, счётчики аналитики. Без этого документа через полгода никто не вспомнит, где искать настройки интеграции.
Сроки и стоимость разработки сайта на Tilda
Сроки зависят от количества страниц и интеграций, а не от самого факта работы в конструкторе - миф про «Tilda делается за день» разбивается о первую же форму с расчётом доставки.
| Тип проекта | Срок |
|---|---|
| Одностраничный лендинг без интеграций | 2-3 дня |
| Многостраничный сайт-визитка (5-8 страниц) | 5-7 дней |
| Интернет-магазин на 30-50 товаров | 7-10 дней |
| Сайт с интеграцией CRM и эквайринга | 10-14 дней |
Цены на разработку сайта на Tilda у меня стартуют от 30 000 ₽ - это одностраничный сайт с базовой структурой без сложных интеграций. Простая доработка кастомным скриптом (маска, валидация, простая анимация) - от 3 000 ₽, комплексная интеграция с CRM, эквайрингом или расчётом доставки - от 40 000 ₽, потому что здесь помимо кода нужно тестировать связку с внешним API. На рынке студии обычно просят за типовой сайт на Tilda от 50 000 до 150 000 ₽ в зависимости от портфолио и объёма правок в договоре - это не мои цены, а ориентир по рынку.
Если после публикации нужна доработка функционала, а не разовая правка текста - это отдельная задача с оценкой по факту объёма, а не входит в стоимость исходной разработки. Подробный расчёт под конкретный проект удобнее обсудить на консультации - можно посмотреть на полный список услуг и сориентироваться по формату, который ближе к вашей задаче.
От лендинга до интернет-магазина
Сайт / Tilda
от 30 000 ₽
Подробнее →Частые вопросы
Сколько по времени занимает разработка сайта на Тильде под ключ?
Простой лендинг без интеграций делается за 2-3 дня, сайт с каталогом и формами - за 5-10 дней, проект с подключением CRM, эквайринга и доставки - от 10 до 14 дней. Срок зависит не от самого конструктора, а от количества внешних сервисов, которые нужно подключить и протестировать.
Можно ли сделать интернет-магазин полностью на Tilda без дополнительных сервисов?
Да, для каталога до 200-300 товаров встроенного функционала хватает - есть модуль корзины, интеграции с популярными эквайрингами и статусами заказов. Для более крупного каталога или сложной логики склада обычно выгоднее переходить на отдельную CMS вроде WooCommerce, но для среднего магазина Tilda справляется без костылей.
Нужен ли программист, если сайт собирается на конструкторе блоков?
Для базовой сборки из готовых блоков - нет, с этим справится любой, кто пару часов посмотрит документацию Tilda. Программист нужен, когда логика выходит за рамки стандартных блоков: расчёт доставки, нестандартная валидация форм, интеграция с CRM или эквайрингом, которых нет в штатном списке.
Что дешевле в долгосрочной перспективе - Tilda или WordPress?
По стартовой стоимости Tilda обычно дешевле - разработка от 30 000 ₽ против от 60 000 ₽ на WordPress, и не нужен отдельный хостинг. Но при большом каталоге, кастомной логике или частых доработках WordPress даёт больше гибкости за счёт открытого кода, а Tilda ограничивает возможности рамками конструктора и ежемесячной оплатой тарифа.