Сейчас стало модно делать сайты на Tilda: кто-то делает лендинги под временные акции или рекламные кампании, а кто-то умудряется разработать полноценный интернет-магазин. Но удобно ли это? И стоит ли оно того? В этой статье разберём всё по полочкам и найдём истину!
Содержание статьи:
- Что такое и как работает Tilda?
- Преимущетсва Tilda
- Недостатки Tilda
- Делать сайт на Tilda или нет?
- Особенности и советы по использованию Tilda
Что такое Tilda?
Tilda — это веб-сервис, в котором можно сделать сайт без знания кода и программирования. Готовые сайты хранятся на серверах Tilda, и к ним можно подключить свой домен.
Принцип работы Tilda состоит в создании страниц сайта из отдельных блоков.
Допустим, вы создали страницу для лендинга конференции, которая пройдёт в вашем городе. Блоками страницы будут:
- Первый экран с названием, датой и временем проведения;
- Программа и тайминг конференции;
- Блок о спикерах;
- Стоимость участия;
- Форма заявки;
- Об организаторе
и т. д.
В Tilda есть много готовых типовых блоков с возможностью их настройки. Отображение блоков автоматически подстраивается под устройство, на котором открывается сайт (десктоп, планшет, смартфон
Кроме этого можно создавать блоки с нуля. Для этого предусмотрен так называемый zero-блок, который можно полностью редактировать.

С одной стороны, у zero-блока большие возможности визуальной кастомизации: можно сверстать любое расположение блоков, выбрать для них цвета, добавить тени, анимировать элементы. Но, с другой стороны, у zero-блока малые возможности программирования. Обычный пользователь не сможет с помощью zero-блока сделать галерею-слайдер, добавить уникальную продвинутую анимацию
В zero-блок можно вставить поле для своего HTML-кода. Потому если попросить разработчика написать код для какого-то особого элемента, который нельзя сделать внутри Tilda, то его всё-таки его можно добавить на сайт.
Все готовые блоки можно разделить на три группы:
- Те, которые можно сконвертировать в Zero-блок (таких большинство). Это очень облегчает жизнь, когда в имеющийся блок нужно добавить дополнительную информацию, а возможности его настроек это не позволяют;
- «Интерактивные» блоки и элементы сайта: всплывающие окна (pop-up), галереи со слайдерами, окна с cookies, некоторые шапки и меню, формы
и т. д. Эти блоки нельзя сконвертировать в zero, т.к. функционал zero-блока не предполагает создание тех возможностей, что заложены в этих блоках; - Блок T123 для вставки HTML-кода (не путайте с полем для HTML-кодом в zero-блоке). Это может быть код, сгенерированный специальным сервисом для интерактива на сайте (квиз из Marquiz, колесо фортуны и прочие виджеты) или код, написанный вами/вашим программистом.
Преимущества Tilda
1. Невысокая стоимость
Один сайт объёмом до 500 страниц и 1GB хостинга обойдётся в 7−10 $ в месяц + стоимость вашего домена. Можно к этому ещё добавить стоимость разработки (в агентстве или у фрилансера). Но это в любом случае не сравнится с разработкой полностью своего сайта хоть с нуля, хоть на готовом решении.
2. Быстрая разработка
Небольшой более-менее приличный лендинг можно сделать всего за несколько часов. Естественно, чем сложнее сайт, тем дольше его придётся разрабатывать. Обычно на Tilda делают лендинги, сайты-визитки или с небольшим каталогом. На разработку таких сайтов в агентствах уходит до 3−4 недель.
3. Не нужны навыки программирования
Классный симпатичный сайт можно сделать без привлечения разработчиков, самому или наняв дизайнера. Как было сказано выше, у Tilda есть некоторые ограничения, когда нужно обращаться к программистам. Но в большинстве случаев внутреннего функционала хватает.
4. Легко вносить правки
Надо изменить фото, цену, описание? Не беда — вы легко с этим справитесь, но есть одно но. Если контент нужно исправить в готовом блоке, то его можно менять без проблем. Блок сам подстроится под контент. А вот, если контент добавлен в zero-блок, то менять его стоит внимательно, проверяя итоговое отображение блока на разных устройствах.
5. Аналитика и отслеживание конверсий
В Tilda предусмотрена возможность подключить Яндекс.Метрику, Google Analytics, пиксели Meta, Vk Ads, GTM, а также настроить отслеживание конверсий.
6. Интеграция со сторонними сервисами
Можно настроить автоматическую отправку лидов на электронную почту, в Google-таблицы, Telegram, Trello или в CRM (Amo, Bitrix, MegaPlan, Pipedrive, HubSpot, ZohoCRM, SalesForce).
Кроме этого можно настроить автоматическую отправку контактов, оставленных на сайте, в сервисы рассылок: GetResponse, Mailchimb, MailerLite, SendGrid, Brevo, SendPulse, Unisender.
А ещё к сайту на Tilda можно подключить платёжную систему. Список огромный: bePaid, Альфа-банк, Сбербанк, Робокасса, Юкаssa, Юmoney
7. Экспорт кода
Если вы решите перейти с Tilda на свою CMS и свой хостинг, то это можно сделать безболезненно и сохранив дизайн сайта благодаря выгрузке HTML-кода!
Недостатки Tilda
1. Ручное внесение правок
Если у вас несколько разных страниц, то это не проблема. А если же у вас много однотипных шаблонных страниц и вы решили изменить у них какой-то элемент дизайна, то исправить сразу все не получится.
Например, вы сделали дизайн страницы одной услуги. Сделали четыре копии этой страницы. Поменяли на них контент для других услуг. А потом вам понадобилось внести правки в дизайн одного из блоков — менять придётся вручную на каждой из пяти страниц.
Также есть риск, что меняя zero-блоки, они по итогу окажутся разными на всех страницах. Об этом следующий недостаток Tilda.
2. Специфика работы в zero-блоке
Самые лучшие сайты, созданные на Tilda, это, как правило, сайты, собранные из zero-блоков. Именно в них создаётся тот трендовый дизайн, про который говорят «Вау!».
Но создание таких сайтов обходится дизайнером не просто и через боль. Тот, кто работал с zero-блоками, скажет, что его редактор часто тормозит, в нём трудно соблюдать одинаковые отступы и расстояния.
В целом многим трудно создавать сайт отдельными блоками, не видя его целиком.
3. Мало готовых блоков
Может показать, что готовых блоков много. Но на деле (по нашему опыту) их не хватает и приходится создавать свои, т.к. стандартные не подходят для имеющегося контента.
Пример из практики: нужно было сделать на клиентском сайте блок со списком стран, с которыми он сотрудничает. Всего их 22. Подходящего блока в Tilda не было — пришлось сверстать свой:

4. Ограниченные возможности программирования
В Tilda без использования сторонних сервисов или помощи разработчика нельзя сделать калькулятор (расчета кредита/ рассрочки / стоимости
Важно! Для большинства сайтов имеющегося Tilda функционала хватает выше крыши. К помощи программистов прибегают крайне редко.
5. Не подойдёт для большого интернет-магазина
Tilda по большей части разработана, чтобы создавать на ней лендинги или небольшие сайты. И хотя на тильдовский сайт можно подключить платежную систему и добавить корзину, для крупных магазинов с десятками, сотнями и тысячами товаров этот вариант не подойдёт. Это связано в первую очередь с трудностью создания новых карточек товаров и неудобством их редактирования.
В дополнение в сайт на Tilda нельзя подключить такие сервисы, как Мой склад и 1С.
6. Зависимость от сервиса
Конечно, разработчики Tilda следят за тем, чтобы сервис всегда работал и был доступен его пользователям. Но всегда есть риск, что что-то пойдёт не по плану: вспомните хотя бы маркептлейс tiu.ru!
Делать сайт на Tilda или нет?
Зависит от целей вашего проекта и ваших возможностей.
Tilda — хороший вариант, если вам нужен:
- Временный лендинг или небольшой сайт под акцию.
- Сайт визитка бренда или мелкий корпоративный сайт.
Tilda — сомнительный вариант, если вам нужен:
- Интернет-магазин. Лучше разработать полностью свой сайт на своём хостинге. На рынке достаточно недорогих готовых решений. А интернет-магазин на Tilda можно использовать для тестирования рынка или как MVP;
- Сайт каталог или сайт услуг. Tilda подойдёт только, если каталог планируется небольшой или услуг мало: маникюрный салон, сайт производителя фильтров для воды с небольшим ассортиментом
и т. д.
Tilda — не вариант, если вам нужно:
- Сложное веб-приложение: маркетплейс, агрегатор, социальная сеть
и т. д. Ничего из этого в Tilda вы не разработаете.
Особенности и советы по использованию Tilda
Если вы решили использовать Tilda, то напоследок поделимся советами и лайфхаками:
- Создавая zero-блок, следите за тем, чтобы блок корректно отображался на всех устройствах. Новички часто совершают ошибку, когда «рисуют» блок только для десктопа, забывая, что сайт будут открывать и на других устройствах:

Вы могли заметить на скриншоте, что в редакторе zero-блока всё на английском. Это одна из его особенностей. Сервисом Tilda можно пользоваться на русском, английском и немецком, но редактор zero-блока доступен только на английском.
- Для блоков можно задавать диапазон отображения. Это значит, что вы можете, например, сделать какие-то блоки только для десктопов, какие-то — только для мобайла.
- Блоки можно копировать и вставлять, даже на разных страницах: копируйте блок на одной странице — вставляете на другой.

- Блоки можно скрывать. Для этого нажмите на кнопку вкл./выкл. в верхнем правом углу блока. Используйте эту функцию, если блок возможно понадобится в будущем или его не должно быть временно.
- Иногда бывает так, что в режиме редактирования zero-блока вы видите одно расположение элементов, а на опубликованном — другое. Это одна из ошибок Tilda. Исправлять её приходится на глаз. Но к счастью такое происходит редко.
Пример из практики: сделали zero-блок с формой заявки. Чтобы кнопка и текст рядом с ней были выровнены по горизонтали, в редакторе нужно было поднять надпись чуть выше кнопки (смотрите пример ниже). Почему текст на опубликованной странице съезжал вниз, неизвестно.

Надеемся, что статья дала вам ясности в вопросе сайтов на Tilda. Если вы планируете сделать сайт на Tilda или на ещё решаете, на каких технологиях разработать сайт, обращайтесь к нам. Поможем определиться и создадим сайт вашей мечты!