Сайт на Tilda: сокровище для вашего бизнеса или самообман?!

г. Минск, ул. Притыцкого, 2/3, 3 этаж, офис 23

Сейчас стало модно делать сайты на Tilda: кто-то делает лендинги под временные акции или рекламные кампании, а кто-то умудряется разработать полноценный интернет-магазин. Но удобно ли это? И стоит ли оно того? В этой статье разберём всё по полочкам и найдём истину!

Содержание статьи:

Что такое Tilda?

Tilda — это веб-сервис, в котором можно сделать сайт без знания кода и программирования. Готовые сайты хранятся на серверах Tilda, и к ним можно подключить свой домен.

Принцип работы Tilda состоит в создании страниц сайта из отдельных блоков. Т. е. сначала вы создаёте страницу, а потом — её блоки.

Допустим, вы создали страницу для лендинга конференции, которая пройдёт в вашем городе. Блоками страницы будут:

  1. Первый экран с названием, датой и временем проведения;
  2. Программа и тайминг конференции;
  3. Блок о спикерах;
  4. Стоимость участия;
  5. Форма заявки;
  6. Об организаторе и т. д.

В Tilda есть много готовых типовых блоков с возможностью их настройки. Отображение блоков автоматически подстраивается под устройство, на котором открывается сайт (десктоп, планшет, смартфон и т. д.).

Кроме этого можно создавать блоки с нуля. Для этого предусмотрен так называемый zero-блок, который можно полностью редактировать.

Интерфейс редактора zero-блока
Интерфейс редактора 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 не было — пришлось сверстать свой:

Блок, созданный с нуля в Tilda
Блок, созданный с нуля в Tilda

4. Ограниченные возможности программирования

В Tilda без использования сторонних сервисов или помощи разработчика нельзя сделать калькулятор (расчета кредита/ рассрочки / стоимости и т. д.), уникальную форму для сбора заявок с несколькими этапами заполнения, продвинутую анимацию и т. д.

Важно! Для большинства сайтов имеющегося Tilda функционала хватает выше крыши. К помощи программистов прибегают крайне редко.

5. Не подойдёт для большого интернет-магазина

Tilda по большей части разработана, чтобы создавать на ней лендинги или небольшие сайты. И хотя на тильдовский сайт можно подключить платежную систему и добавить корзину, для крупных магазинов с десятками, сотнями и тысячами товаров этот вариант не подойдёт. Это связано в первую очередь с трудностью создания новых карточек товаров и неудобством их редактирования.

В дополнение в сайт на Tilda нельзя подключить такие сервисы, как Мой склад и 1С.

6. Зависимость от сервиса

Конечно, разработчики Tilda следят за тем, чтобы сервис всегда работал и был доступен его пользователям. Но всегда есть риск, что что-то пойдёт не по плану: вспомните хотя бы маркептлейс tiu.ru!

Делать сайт на Tilda или нет?

Зависит от целей вашего проекта и ваших возможностей.

Tilda — хороший вариант, если вам нужен:

  • Временный лендинг или небольшой сайт под акцию.
  • Сайт визитка бренда или мелкий корпоративный сайт.

Tilda — сомнительный вариант, если вам нужен:

  • Интернет-магазин. Лучше разработать полностью свой сайт на своём хостинге. На рынке достаточно недорогих готовых решений. А интернет-магазин на Tilda можно использовать для тестирования рынка или как MVP;
  • Сайт каталог или сайт услуг. Tilda подойдёт только, если каталог планируется небольшой или услуг мало: маникюрный салон, сайт производителя фильтров для воды с небольшим ассортиментом и т. д.

Tilda — не вариант, если вам нужно:

  • Сложное веб-приложение: маркетплейс, агрегатор, социальная сеть и т. д. Ничего из этого в Tilda вы не разработаете.

Особенности и советы по использованию Tilda

Если вы решили использовать Tilda, то напоследок поделимся советами и лайфхаками:

  • Создавая zero-блок, следите за тем, чтобы блок корректно отображался на всех устройствах. Новички часто совершают ошибку, когда «рисуют» блок только для десктопа, забывая, что сайт будут открывать и на других устройствах:
Интерфейс редактора zero-блока
Интерфейс редактора zero-блока

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

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

Пример из практики: сделали zero-блок с формой заявки. Чтобы кнопка и текст рядом с ней были выровнены по горизонтали, в редакторе нужно было поднять надпись чуть выше кнопки (смотрите пример ниже). Почему текст на опубликованной странице съезжал вниз, неизвестно.

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

Узнать стоимость и условия

* — поля, обязательные для заполнения
г. Минск, ул. Притыцкого, 2/3, 3 этаж, офис 23