Тильда шаблоны сайтов часто выбирают по одной картинке в галерее: понравился лендинг, нажал «использовать», а через пару часов работы выясняется, что структура блоков не подходит под реальный объём текста, шрифты спорят с фирменным стилем, а на телефоне вся вёрстка съезжает. Я прохожу через это на большинстве проектов, где клиент уже присылает ссылку на понравившийся макет из галереи Tilda. Моя задача не просто поставить шаблон на проект, а понять, сколько правок он потребует под конкретную задачу и стоит ли вообще брать готовый макет, или быстрее и дешевле собрать структуру с нуля.
По теме статьи
Готовое решение
Запрет прошедших дат в календаре формы Tilda
Одно правило на все поля «Дата» сайта: прошедшие дни бледнеют и не выбираются, можно закрыть сегодня и ближайшие N дней. Вписанная руками прошедшая дата стирается.
Бесплатно
Сайт / Tilda
От лендинга до интернет-магазина
Разработка сайтов на Tilda с нестандартным функционалом. Кастомные формы, калькуляторы, интеграции с CRM — всё, что нужно для запуска бизнеса.
от30 000 ₽
Как выбрать шаблон в галерее Тильды
В галерее Tilda несколько сотен макетов, разбитых по нишам: услуги, магазины, курсы, портфолио, мероприятия. Перед тем как остановиться на конкретном, я смотрю не на обложку, а на три вещи.
Первое, структура блоков под объём контента. Шаблон для магазина с пятью товарами и шаблон под каталог на пару сотен позиций в демо выглядят одинаково аккуратно, но во втором случае нужна витрина с фильтрами и категориями, а не статичная сетка карточек на одну страницу.
Второе, насколько макет завязан на авторские шрифты и иллюстрации. Часть шаблонов в галерее собрана на нестандартных гарнитурах и уникальной графике, и при замене на свой фирменный стиль расползается вся сетка отступов, приходится пересобирать блок за блоком.
Третье, вес страницы. Красивые параллаксы и видеофоны в демо-версии часто утяжеляют главный экран, и после переноса реального контента страница грузится заметно дольше, чем в примере из галереи. Это напрямую влияет на позиции в поиске и на то, сколько людей дождутся загрузки на мобильном интернете.
Отдельно стоит различать платные шаблоны из Tilda Store и бесплатные готовые блоки. Платный макет, это готовая структура из нескольких страниц с продуманными переходами между ними. Бесплатный блок, это один экран, который добавляется в уже существующую страницу и подстраивается под её стиль вручную.
Лендинг, каталог или интернет-магазин: разные задачи, разные макеты
Шаблоны Tilda для этих трёх сценариев решают разные задачи, и путать их не стоит, даже если визуально макеты похожи.
Лендинг под услугу или продукт собирается из блоков «оффер, преимущества, кейсы, отзывы, форма заявки» и почти не требует доработки структуры, разве что порядок блоков стоит перестроить под свою логику продаж, а не под ту, что заложил автор шаблона.
Каталог товаров без корзины подходит, когда цена определяется индивидуально: услуги, недвижимость, B2B-продажи. Тут важны карточки с быстрым переходом в мессенджер или на форму расчёта, а не кнопка «купить», которую всё равно придётся убирать.
Интернет-магазин с корзиной и оплатой требует включённого модуля магазина в настройках проекта. Там уже работают склад, статусы заказов, обмен товарами, ценами и остатками с 1С через CommerceML и подключение платёжных систем прямо из интерфейса Tilda. Шаблон, собранный под лендинг, для такой задачи не годится, даже если внешне похож: в нём просто не заведены настройки товаров и корзины.
Что обычно приходится переделывать после установки готового макета
Список правок почти всегда одинаковый, независимо от ниши и конкретного шаблона.
- Замена стоковых фото и иллюстраций на свои: в демо-версии почти всегда чужие фотографии из фотостоков, которые уже примелькались
- Подгонка текста под реальный объём: заголовки и подписи в шаблоне обычно короче настоящих, из-за этого блоки едут
- Цвета и шрифты под фирменный стиль клиента, а не под палитру автора макета
- SEO-теги на каждой странице: в демо они либо не заполнены, либо содержат название самого шаблона
- Формы обратной связи и их интеграция с CRM или Telegram, чтобы заявки не терялись в почте
- Юридические страницы: оферта, политика обработки персональных данных, условия доставки и возврата
Если в шаблоне не хватает нужного блока, например, калькулятора стоимости с нестандартной логикой или формы с условными полями, я добавляю его через Zero Block, а не пытаюсь собрать имитацию из стандартных элементов конструктора. На практике это почти всегда быстрее и стабильнее держится после обновлений самой платформы.
По моей практике адаптация готового макета под конкретный бизнес, без учёта сложных интеграций, занимает 3-5 дней: день на замену контента и стиля, один-два дня на мобильную версию, ещё день на формы и метатеги.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Мобильная версия шаблона: где готовые блоки чаще всего ломаются
В Tilda мобильная версия каждого блока редактируется отдельно от десктопной, но макет автора шаблона рассчитан на тестовый контент, который редко совпадает по длине с реальными текстами клиента. Из-за этого на телефоне заголовки наезжают на кнопки, а длинные названия услуг обрезаются там, где в демо было короткое слово.
На одном проекте с шаблоном под онлайн-курсы кнопка в шапке на мобильной версии была рассчитана на короткое английское слово вроде «Start», а в тексте клиента стояло русское словосочетание из трёх слов, и оно наезжало на логотип. В демо-версии шаблона такую проблему увидеть невозможно, там всегда используется тестовый короткий текст, который подгоняли под сетку.
Поэтому после переноса контента я прохожу по мобильной версии отдельно, блок за блоком: проверяю, не съезжают ли кнопки, помещаются ли длинные названия в карточках каталога, не перекрывает ли текст изображение на первом экране. Это отдельный проход по сайту, его нельзя пропустить, полагаясь на то, что раз в демо адаптив работал, значит и здесь сработает.
Интеграции и функции, которые шаблон не закрывает сам
Часть нужных функций в Tilda уже встроена в платформу и не зависит от конкретного шаблона, их просто нужно один раз настроить.
Приём оплаты через Робокассу подключается прямо в настройках платёжных систем проекта. Эквайринг через Т‑Банк настраивается там же, отдельного кода в шапке сайта для этого не требуется. Для магазинов с доставкой Tilda считает стоимость по зонам через встроенный калькулятор СДЭК, а Яндекс Доставку подключают через поле с токеном в настройках, тоже без виджетов и скриптов. Если сайт мультиязычный, переключатель языков есть в настройках блока меню и добавляется без разработки.
А вот продажа подарочных сертификатов в стандартный набор блоков Tilda не входит, хотя для интернет-магазинов такая функция нужна регулярно, особенно перед праздниками. Под эту задачу у меня есть готовое решение, подарочные сертификаты для Tilda: оно добавляет на сайт форму выбора номинала, генерацию уникального кода сертификата и проверку остатка при оплате заказа.
Сколько стоит доработка готового шаблона Тильды
Стоимость сильно зависит от того, что именно нужно доделать, а не от самого факта «взяли готовый шаблон».
- Точечная правка вроде добавления калькулятора или нестандартного скрипта: от 3 000 ₽
- Комплексная интеграция для магазина на Tilda, эквайринг, CRM, СДЭК: от 40 000 ₽
- Сайт на Tilda под конкретную задачу, когда правок в чужой шаблон набирается больше, чем стоит собрать структуру заново: от 30 000 ₽
Момент, когда стоит остановиться и не тянуть доработки бесконечно: если список правок в шаблон растягивается на пару недель и включает переделку структуры блоков на трети страниц, дешевле и быстрее собрать сайт под контент клиента сразу, а не подгонять контент под чужую разметку.
Условия и возможности Тильды меняются, поэтому перед запуском я уточняю их у самого сервиса.
Частые вопросы
Можно ли использовать один шаблон Тильды для нескольких похожих сайтов?
Технически платформа это не запрещает. Но если конкуренты в одной нише берут один и тот же популярный макет из галереи, через полгода сайты в поиске начинают читаться как копии друг друга. Я обычно меняю структуру блоков и минимум половину визуальных решений, чтобы сайт клиента не выглядел клоном соседа по нише.
Сколько времени уходит на адаптацию готового шаблона под свой бизнес?
По моей практике без сложных интеграций это 3-5 дней: замена контента и стиля, отдельный проход по мобильной версии, настройка форм и метатегов. Если добавляются интеграции с CRM, оплатой или доставкой, срок увеличивается в зависимости от их числа.
Чем платные шаблоны Tilda Store отличаются от бесплатных блоков?
Платный шаблон, это готовая многостраничная структура с проработанными переходами между разделами. Бесплатный блок, это один экран, который добавляется в уже существующую страницу и требует ручной подгонки под остальной сайт. Для быстрого старта простого лендинга платного макета обычно достаточно, для магазина с нестандартной логикой каталога чаще приходится собирать структуру из отдельных блоков и доработок.
Нужно ли менять шаблон целиком, если не хватает какой-то функции?
Не обязательно. Замена макета целиком имеет смысл, если не подходит сама структура страниц, например, взяли лендинг, а нужен каталог с фильтрами. Если же просто не хватает одного блока, калькулятора или формы с нестандартной логикой, такие вещи добавляются через Zero Block или отдельный скрипт поверх существующего шаблона, без переезда на другой макет.