Нестандартный блок Тильды - это блок, который стандартный набор конструктора физически не соберёт: калькулятор с формулой, форма с валидацией по ИНН и телефону, виджет, который тянет остатки со склада или пересчитывает стоимость доставки СДЭК в реальном времени. За несколько лет работы с Тильдой я сделал десятки таких блоков - от точечной доработки скрипта за 3 000 ₽ до комплексной интеграции с CRM и эквайрингом за 40 000 ₽ и выше. Разберу, где упирается конструктор, как устроен кастомный блок технически и сколько стоит его сборка.
Где стандартные блоки Тильды упираются в потолок
Библиотека блоков Тильды заточена под визуальную вёрстку лендингов: заголовки, галереи, карточки товаров, формы с фиксированным набором полей. Как только в задаче появляется логика - условия, пересчёт, обращение к внешнему сервису - готовые блоки перестают справляться.
На практике упираюсь в один и тот же набор ограничений:
- нет условной логики внутри блока - нельзя показать поле формы только при выборе определённой опции без скрипта;
- нет пересчёта значений на лету - калькулятор стоимости, скидки от объёма, итоговая сумма с доставкой руками не собираются;
- формы отправляют данные в ограниченный список CRM (Bitrix24, AmoCRM из коробки), а кастомные поля или условная маршрутизация заявок уже требуют скрипта;
- нет прямого обращения к внешним API - расчёт доставки СДЭК, проверка остатков в 1С, статус оплаты в T‑Bank сами по себе в блок не встанут;
- встроенный модуль эквайринга закрывает базовый приём оплаты, но рассрочку, сплит-платежи или подписочную модель придётся собирать поверх него отдельным сценарием.
В большинстве случаев это не повод переезжать на другую платформу - Тильда прекрасно держит вёрстку и SEO, а недостающую логику добавляет один точечный блок со скриптом внутри.
Как устроен нестандартный блок технически
База для любой кастомной доработки в Тильде - блок Zero Block (T123). Это пустой холст, куда можно вставить произвольный HTML, CSS и JS, при этом блок остаётся частью визуального редактора и двигается вместе с остальной вёрсткой страницы.
Zero Block как точка входа
Внутри T123 верстаю разметку под задачу - форму, калькулятор, виджет - и добавляю код через встроенный редактор HTML/CSS/JS. Тильда прогружает скрипт вместе со страницей, но важно вешать обработчики событий после полной отрисовки DOM, иначе элементы блока ещё не существуют в момент выполнения скрипта.
События и API Тильды
Для работы с формами использую нативные события Тильды - tilda-members-form:beforesubmit, t-forms - чтобы перехватить отправку, довалидировать поля и при необходимости отправить данные не туда, куда шлёт форма по умолчанию, а на свой обработчик, который уже раскладывает заявку по CRM или Telegram.
document.addEventListener('t123-ready', function () {
var priceEl = document.querySelector('#js-price');
var qtyInput = document.querySelector('#js-qty');
function recalc() {
var base = 1500;
var qty = parseInt(qtyInput.value, 10) || 1;
var discount = qty >= 10 ? 0.15 : 0;
var total = Math.round(base * qty * (1 - discount));
priceEl.textContent = total.toLocaleString('ru-RU') + ' ₽';
}
qtyInput.addEventListener('input', recalc);
recalc();
});Это скелет калькулятора с скидкой от объёма - на реальных проектах логика обрастает валидацией, запросами к API и синхронизацией с формой заказа, но принцип остаётся тем же: слушаем событие, считаем, обновляем DOM.
Примеры нестандартных блоков, которые я собирал
За практику набрался список задач, которые регулярно повторяются у разных клиентов на Тильде:
- калькулятор стоимости услуг с несколькими параметрами и скидками от объёма;
- форма с масками телефона, валидацией ИНН и отправкой заявки в AmoCRM или Bitrix24 с кастомными полями;
- виджет расчёта стоимости и сроков доставки СДЭК по индексу или адресу через API транспортной компании;
- приём оплаты через T‑Bank с нестандартным сценарием - рассрочкой, сплит-платежом или привязкой карты для подписки;
- синхронизация остатков каталога с 1С или WooCommerce, чтобы карточки на Тильде не расходились с реальным складом.
Часть таких задач закрывается без разработки с нуля - у меня в библиотеке готовых скриптов для Тильды уже лежат рабочие заготовки под маски полей, попапы и простые калькуляторы, их остаётся адаптировать под конкретный проект.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Готовый скрипт, доработка или кастомная разработка - что выбрать
На входе клиенты часто путают три разных по сложности сценария. Свёл их в таблицу, чтобы было проще прикинуть, куда попадает конкретная задача.
| Вариант | Когда подходит | Ориентир по цене |
|---|---|---|
| Готовый скрипт из библиотеки | Маска телефона, попап, простая анимация - типовая задача без интеграций | от 3 000 ₽ |
| Точечная доработка блока | Калькулятор, условная логика формы, кастомная валидация | от 3 000 ₽ |
| Комплексная интеграция | Связка с CRM, эквайрингом, СДЭК, синхронизация каталога | от 40 000 ₽ |
На рынке за похожие интеграции студии и фрилансеры называют разброс от 20 000 до 150 000 ₽ - цена сильно зависит от того, разрабатывают блок с нуля или адаптируют готовое решение, и насколько глубоко лезут во внешние API.
Интеграции, которые не потянет стандартный функционал Тильды
Отдельная категория - задачи, где сама Тильда выступает только формой ввода, а вся логика происходит снаружи. Для таких сценариев форма или блок отправляет данные на вебхук, а дальше их обрабатывает внешний сервис.
Из того, что собирал за последний год: уведомления менеджеру в Telegram через aiogram-бота при новой заявке с сайта - бот приходит быстрее почты и не теряется во входящих; маршрутизация заявок в n8n, где сценарий раскладывает лид по нескольким CRM в зависимости от выбранного товара, ставит задачу менеджеру и параллельно шлёт письмо клиенту; расчёт стоимости доставки СДЭК прямо в форме заказа, чтобы клиент видел итоговую сумму до оплаты, а не узнавал её после звонка менеджера.
Если в задаче фигурируют контакты клиентов, важно, где эти данные оседают: CRM и таблицы для хранения персональных данных беру только на серверах в РФ - это требование 152-ФЗ, а не моя прихоть, и на этом лучше не экономить.
Сроки и стоимость разработки нестандартного блока
Простая доработка - калькулятор на одной формуле, маска поля, условная логика в форме - занимает 1-3 дня и стоит от 3 000 ₽. Комплексная интеграция с CRM, эквайрингом или СДЭК растягивается на 1-2 недели из-за согласования доступов к API на стороне клиента и тестирования на боевых данных, цена - от 40 000 ₽.
Если блок ставится на сайт, которого ещё нет, разработка самого сайта на Тильде обойдётся от 30 000 ₽, и кастомные блоки логичнее закладывать сразу в смету, а не докручивать постфактум - переписывать вёрстку под скрипт всегда дороже, чем проектировать блок вместе со страницей. Консультация по оценке конкретной задачи стоит от 3 000 ₽ - обычно этого хватает, чтобы понять, укладывается ли доработка в типовой скрипт или тянет на полноценную интеграцию.
Когда стандартных блоков не хватает
Кастомный скрипт
от 3 000 ₽
Подробнее →Частые вопросы
Можно ли добавить нестандартный блок в Тильду без разработчика?
Простые вещи вроде готового скрипта маски телефона или попапа из открытых библиотек вставить самому реально - Zero Block и код-редактор доступны в любом тарифе Тильды. Как только в задаче появляется логика с расчётами или обращение к внешнему API, без разработчика уже не обойтись - ошибка в скрипте на боевом сайте может сломать не только блок, но и отправку всех форм на странице.
Сколько стоит кастомный блок для Тильды?
Точечная доработка - калькулятор, валидация поля, условная логика формы - от 3 000 ₽. Комплексная интеграция с CRM, эквайрингом или расчётом доставки СДЭК - от 40 000 ₽. Разброс объясняется количеством внешних систем, с которыми блок должен общаться, и тем, есть ли уже готовые доступы к их API.
Не слетит ли нестандартный блок после обновления Тильды?
Zero Block - официальный инструмент платформы, Тильда его поддерживает и не убирает годами, так что сама основа стабильна. Риск в другом: если скрипт завязан на структуру DOM конкретного блока и Тильда меняет вёрстку своих системных элементов, привязка может отвалиться. Поэтому пишу селекторы через собственные id и классы внутри Zero Block, а не цепляюсь за автогенерируемые классы Тильды.
Чем нестандартный блок отличается от блока из магазина Тильды?
Блок из магазина - готовый шаблон под чужую задачу, его настройки ограничены тем, что заложил автор. Нестандартный блок собирается под конкретный сценарий клиента: те поля, та логика расчёта, те интеграции, которые нужны именно на этом сайте, без лишнего функционала и без ограничений чужого шаблона.