Tilda · 7 мин чтения

Тильда шаблоны сайтов: как выбрать и что переделать

Тильда шаблоны сайтов часто выбирают по одной картинке в галерее: понравился лендинг, нажал «использовать», а через пару часов работы выясняется, что структура блоков не подходит под реальный объём текста, шрифты спорят с фирменным стилем, а на телефоне вся вёрстка съезжает. Я прохожу через это на большинстве проектов, где клиент уже присылает ссылку на понравившийся макет из галереи Tilda. Моя задача не просто поставить шаблон на проект, а понять, сколько правок он потребует под конкретную задачу и стоит ли вообще брать готовый макет, или быстрее и дешевле собрать структуру с нуля.

Как выбрать шаблон в галерее Тильды

В галерее 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 или отдельный скрипт поверх существующего шаблона, без переезда на другой макет.

Есть задача?

Обсудим в мессенджере

Расскажите, что нужно сделать — отвечу в течение 4 часов в рабочее время. Первая консультация бесплатно.

Продолжая пользование настоящим сайтом Вы выражаете своё согласие на обработку Ваших персональных данных (файлов куки) с использованием Yandex.Metrika.
Понятно