» Обзоры » Обзор конструктора сайтов Tilda

Обзор конструктора сайтов Tilda

Tilda – это российский онлайн-конструктор сайтов, запущенный в 2014 году командой, возглавляемой Никитой Обуховым. Так как основатель был профессиональным дизайнером, то и конструктор получился заточенным в первую очередь под нужды дизайнеров.

Продукт вышел с одной стороны сложнее, чем у главных конкурентов по цеху, но с другой стороны – достаточно функциональным, поэтому он быстро нашёл свою аудиторию.

Помимо непосредственно блочного конструктора для сборки своих страниц, клиенты получают также комплексную инфраструктуру для ведения бизнеса: надёжный геораспределённый хостинг с системой CDN, встроенную CRM-систему (одновременно простая и удобная), конструктор онлайн-калькуляторов (позволяет создавать многошаговые формы и квизы), неплохой магазинный модуль (с интеграциями платёжных шлюзов и служб доставки, с возможностью экспорта и импорта товаров, и т.п.), продвинутый редактор для создания своих вариантов блоков (Zero-блок) и конструктор писем.

Плюс, у недавно у Тильды появилось специальное решение для создания и продажи различных онлайн-курсов (с панелью управления курсами и студентами).

Что самое интересное, при особом желании страницы сайта можно выгрузить в HTML-формате и разместить на любом внешнем хостинге.

Помимо прочего, благодаря наличию API и готовых модулей для популярных CMS-систем, Тильду можно использовать как конструктор лонгридов или посадочных страниц, встраиваемых в существующий корпоративный сайт (сайт СМИ и т.п.).

Ниже подробно рассмотрим все основные возможности платформы с её преимуществами и недостатками.

Читайте также: как создать сайт на Tilda.

Tilda
  • Блочный конструктор сайтов со свободной секцией
  • Полный комплекс связанных инструментов
  • Подходит для бизнеса и для профессиональных дизайнеров

Плюсы и минусы

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

Плюсы:
Минусы:
Свободная секция для профессиональных дизайнеров (Zero Block). Со сложными анимациями и триггерами.
Достаточный выбор готовых макетов страниц – более 250 шаблонов, везде адаптивная вёрстка.
550+ блоков для быстрой сборки страниц.
Огромный выбор шрифтов и возможность загрузки своих шрифтовых наборов.
Интеграция бесплатных библиотек иконок.
Встроенный редактор изображений.
Качественный магазинный модуль. Есть большой перечень интеграций, загрузка/выгрузка, поддерживаются все популярные в РФ платёжные шлюзы.
Конструктор писем для email-рассылок.
Модуль для создания блогов (информационных потоков и статейных разделов).
Конструктор форм, в котором можно собирать свои квизы, онлайн-калькуляторы, опросы и т.п.
Своя CRM-система и возможность подключения внешних.
Telegram- и Slack-уведомления.
Высокая скорость загрузки страниц и автоматическая оптимизация изображений.
Готовый личный кабинет для пользователей.
Всё для качественного SEO.
Конструктор онлайн-курсов с личным кабинетом для студентов.
Совместный доступ для работы над сайтами.
Экспорт HTML-кода и API, большое количество интеграций.
Подробная документация и своя онлайн-академия (+подробные видеоуроки).
Бесплатный тариф без ограничения по времени + 14-дневный тест для премиум-функций.

Место на диске даже в самых дорогих тарифах сильно ограничено – не более 1 Гб (в современных условиях этого крайне мало).
Во всех тарифах есть ограничения по количеству размещаемых страниц (не более 500, сюда не входят страницы магазина и потоков/блога).
Служба поддержки как таковая отсутствует – всё только своими силами (придётся изучать базу мануалов и смотреть обучающие видео) либо с привлечением сторонних специалистов (как раз для этих целей продвигается своя биржа фрилансеров).
В каталоге шаблонов нет многостраничных комплексных вариантов. Все шаблоны — одностраничные (нужно потратить много времени на создание сайта с типовой структурой).
Бесплатный тариф нефункциональный (много различных ограничений – недоступны важные блоки, нельзя прикрепить свой домен, сильно ограничено количество страниц и т.п.).
Сплит-тестирование реализовано через внешний сервис от Google, что может отразиться на скорости загрузки страниц.
В основном редакторе работа проводится на уровне комплексных блоков. Нельзя просто взять и добавить недостающий мелкий элемент – для этого блок нужно конвертировать в свободную секцию.
Zero Block (свободная секция) рассчитан преимущественно на профи. Новичкам освоиться с продвинутым редактором будет крайне сложно (плюс, его интерфейс только на английском).
В модуле для создания блогов нет встроенной системы работы с комментариями (обязательно нужно подключать внешние сервисы).
Экспорт кода и API доступны только в максимальном тарифе.
Для юрлиц, если оплата проводится по безналу, нет скидок.
В модуле магазина нельзя создавать сложные структуры каталога – здесь есть только плоские категории (не более одного уровня вложенности).
Триал-периодом можно воспользоваться только один раз (его нельзя перезапустить на новом сайте, он привязывается к аккаунту).

Профессиональные web-дизайнеры, которым не нужна техподдержка, могут и не заметить никаких недостатков у Tilda. Вместе с тем, для малого бизнеса недостатки значимые – фактически в бюджет нужно закладывать наём фрилансеров, которые смогут сделать сайт на заказ и передать его вам на обслуживание/самостоятельное сопровождение. Делать здесь большие проекты никак не получится из-за ограничений хостинга.

Tilda
  • Идеальное решение для небольших проектов
  • Экспорт кода и размещение на своём хостинге
  • Неплохой магазинный модуль и встроенная CRM

Для кого предназначен конструктор

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

Tilda Main

Работать с платформой без посредников бизнес скорее всего не сможет – даже несмотря на большой объём подробной документации и видеоинструкций, конструктор получился достаточно сложным. Но, с другой стороны, каким бы простым ни был редактор, всё равно у владельцев бизнеса нет ни времени, ни желания разбираться с работой сайтов. Где бы и на чём бы они ни были сделаны.

Поэтому расчёт во многом получается верный – web-мастера, которым удобно работать с конструктором, которых всё устраивает в плане скорости и функционала, с охотой будут рекомендовать платформу бизнесу. Ведь всё равно именно web-мастерам, дизайнерам, SEO-шникам и другим специалистам в конечном итоге заниматься этим сайтом. Так почему бы не отдать выбор на их усмотрение?

Чисто гипотетически с Тильдой сможет разобраться любой желающий, но время погружения в основы здесь заметно больше, чем у того же uKit или Nethouse. Tilda ближе по возможностям к mottor или Flexbe.

На базе Tilda получится создать:

  • Качественные и функциональные лендинги (посадочные страницы).
  • Небольшие интернет-магазины.
  • Красивые корпоративные сайты (сайты компаний), корпоративные блоги.
  • Сайты для продажи и обслуживания онлайн-курсов (других инфопродуктов)
  • Портфолио и визитки.
  • Лонгриды (большие редакторские материалы).

Как работать в Tilda

В отличие от некоторых сложных no-code-платформ Tilda не имеет разделения интерфейсов для программистов (дизайнеров) и для редакторов (тех, кто работает с наполнением). Эти элементы управления сосредоточены в одном. Отдельно вынесены только общие опции управления настройками проектов и аккаунтами.

Например, в общей административной части сконцентрированы такие элементы, как встроенная CRM, конструктор рассылок, управление тарифами (оплатой) и профилем, плюс, представлены ссылки на другие важные разделы: настройки сайтов (SEO, аналитика, домены, формы и т.п.), биржа фрилансеров (Tilda Experts), справочный раздел, онлайн-обучение (вебинары по Tilda, онлайн-курсы и т.п.).

Управление содержимым страниц осуществляется непосредственно в интерфейсе-онлайн-редактора.

С чего начать

Работа с платформой начинается с регистрации аккаунта. От вас потребуется указать действующий email-адрес, имя и придумать надёжный пароль. Возможности авторизации через популярные социальные сети у Tilda нет.

Tilda Регистрация

Алгоритм создания вашего первого сайта в конструкторе будет выглядеть примерно так:

  1. Создание нового проекта (имя проекта используется только для внутренних задач).
  2. Создание страниц (на основе готовых шаблонов или с чистого листа – их наполнение и настройка отдельных параметров, таких как SEO-атрибуты, управление анимациями, метками и пр.).
  3. Публикация страниц (черновики остаются видимыми только в админ-панели).
  4. При необходимости настройка общих параметров сайта – шрифты, цветовые схемы, подключение домена, настройка форм, систем аналитики, платёжных систем и т.п.

Tilda - создание сайта

По умолчанию все новые клиенты автоматически переводятся на условия бесплатного тарифа, который не ограничен по времени использования. Сайты публикуются на бесплатных поддоменах Tilda, вида «your-project.tilda.ws». SSL-сертификаты выдаются и настраиваются автоматически, поэтому все сайты системы работают на HTTPS-протоколе.

Опубликованная страница сразу становится доступной для общего просмотра.

Вся основная работа сводится к выбору необходимых блоков и к правке их содержимого.

Редактирование сайта

Онлайн-редактор Tilda условно можно разбить на два основных компонента:

  • Классический блочный конструктор, который позволяет добавлять на страницу новые блоки (секции) и менять их контент (текст, изображения, видео и т.п.).
  • Продвинутый редактор для профи – Zero Block. В нём можно собирать свои варианты секций.

Основной конструктор обеспечивает следующие функциональные возможности:

  • Удаление, копирование и перемещение блоков страницы, добавление новых из каталога.
  • Все блоки рассчитаны на 100% ширины страницы (здесь нельзя добавить секцию, разделённую на несколько столбцов, чтобы позже наполнить её своими виджетами, при этом типовые блоки с разбивкой на столбцы в каталоге есть).
  • По каждой секции можно посмотреть список аналогов или альтернативные варианты реализации (например, с другим расположением элементов внутри).
  • В настройках отдельной секции можно управлять параметрами стиля и отображения (отступы, ширина, высота, цвета, типографика, анимация и т.п.).
  • В разделе «Контент» можно управлять надписями и загружать картинки (вставлять ссылки на видео и т.п.).

Tilda: Настройки сайта

К расширенным возможностям управления блоками (секциями) можно отнести:

  • Параметры управления видео (зацикливание, управление звуком и пр.).
  • Параметры эффектов появления при скролле.
  • Наложение цветовых фильтров и управление прозрачностью.
  • Связывание заголовков с HTML-тегами (например, назначение H1-H3, DIV).
  • Диапазон видимости на устройствах (задаётся с помощью ползунков «от … до … »).
  • Конвертация в Zero Block (конвертирование доступно не для всех видов блоков).
  • Добавление своего CSS-класса.
  • Копирование текущего ID-блока (для использования в своих CSS-стилях и скриптах).

Возможности редактора Zero Block рассмотрим ниже.

Как итог, для наполнения сайта в Tilda вам нужно:

  1. Создать новую страницу.
  2. Добавить на неё блоки из каталога (если нужных секций не было в шаблоне или если вы начали с чистого листа).
  3. Изменить параметры отображения и стиля секций (опять же, при необходимости).
  4. Изменить наполнение – загрузить картинки, добавить / отредактировать текст и т.п.
  5. Настроить параметры страницы (мета-теги, бейджи для соцсетей, URL-адрес и т.п.).
  6. Опубликовать страницу.

Tilda - Новая страница

Из важных нюансов:

  • Опции закрепления есть не у всех блоков, в основном только у меню.
  • Сквозных блоков нет (контент придётся копировать со страницы на страницу).
  • Содержимое блока при переключении варианта отображения по умолчанию сбрасывается (если не активировать специальную опцию).
  • Сквозные блоки можно реализовать только на уровне общего футера и/или хедера.
  • Если каких-то элементов в секции нет, их можно добавить только в режиме Zero Block.

Публикация сайта

Чтобы страницы стали доступны для общего просмотра, их необходимо опубликовать. При публикации можно установить доступ по паролю.

Отображением каждой страницы нужно управлять индивидуально, но в панели доступны групповые операции. Например, можно выбрать сразу несколько страниц и снять их с публикации, или наоборот – опубликовать.

В общих настройках сайта можно установить свой вариант иконки (favicon), параметры доступа (например, по IP-адресу) и включить/выключить поисковую индексацию.

Если вас не устраивает работа на бесплатном поддомене, нужно настроить привязку своего домена.

На бизнес-тарифах открывается доступ к экспортированию сайтов/отдельных страниц. Поэтому вы сможете выгрузить их на любой внешний хостинг. Рейтинг лучших российских хостингов.

Подключение домена

Tilda Domain

Компания Tilda Publishing является официальным партнёром регистратора доменов Reg.ru. Вы можете получить бесплатное доменное имя при оплате подписки конструктора на 12 месяцев, или приобрести новый домен через панель Тильды. В любом случае, регистратором будет выступать Reg.ru.

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

Вместо этого вы можете купить домен у любого другого регистратора и направить его на серверы Тильды вручную. Для этого нужно прописать строки «ns1.tildadns.com» и «ns2.tildadns.com» в качестве первичного и вторичного DNS-сервера.

Tilda
  • Простой процесс публикации и редактирования
  • Огромный выбор блоков и шаблонов страниц
  • Возможность покупки и настройки доменов через панель Tilda

Функциональные возможности

Тильду тяжело назвать простым конструктором. Под капотом у неё большое количество разных функций и технических возможностей. К наиболее ярким особенностям платформы можно отнести следующие моменты:

  • Блочный механизм редактирования содержимого – на основе готовых секций.
  • Расширенная свободная секция – Zero Block (с пошаговыми анимациями, поддержкой HTML и кастомных JS-скриптов).
  • Возможность интеграции стороннего HTML-кода на уровне отдельных блоков, страниц или всего сайта.
  • Большой выбор шрифтов, интеграция с онлайн-хранилищами шрифтовых пар, а также возможность загрузки своих собственных вариантов.
  • Своя библиотека иконок и оригинальный бесплатный шрифт от Tilda.
  • Готовые личные кабинеты пользователей, используемые для разных задач (для продаж, для обучения и т.п.).
  • Встроенный редактор изображений с фильтрами и эффектами.
  • Все загружаемые фото автоматически оптимизируются под размер экрана пользователя.
  • Во всех тарифах обеспечена связка с CDN-сетью, чтобы контент грузился максимально быстро в любой точке мира.
  • Конструктор всплывающих окон и форм.
  • Модуль магазина с возможностью импорта и экспорта товаров, с разбивкой на категории, с большим количеством интеграций и т.п.
  • Модуль для обслуживания новостных потоков (корпоративных блогов и новостных разделов для сайтов компаний).
  • Конструктор писем (для полноценной работы требуется интеграция с сервисами email-рассылок).
  • Встроенная CRM-система и простая интеграция внешних систем. В качестве альтернативы возможно хранение данных в Таблицах Google или передача данных в другие внешние сервисы.
  • Конструктор политики конфиденциальности.
  • Автоматическая адаптация под мобильные.
  • Возможность совместной работы с распределением прав доступа.
  • Настраиваемые ЧПУ, а также полный набор SEO-атрибутов (управление файлом robots.txt, мета-теги, микроразметка и т.п.).
  • HTTPS-версия сайта.
  • Конструктор UTM-меток.
  • Внятные возможности для лендингов (динамический текст, геолендинги, автовыбор языка и т.п.).
  • Экспорт HTML-кода.
  • Конструктор онлайн-курсов.
  • API и готовые плагины для интеграции с CMS-системами.
  • Ограничение доступа к сайту по IP и по паролю.

Отдельные возможности разберём детальнее ниже.

Работа с личным кабинетом

Помимо личного кабинета для владельцев сайта, в котором можно управлять проектами и отслеживать все самые важные события, включая уведомления из форм/CRM-системы, у Тильды есть модуль личных кабинетов для пользователей. С его помощью можно:

  • Организовать регистрацию аккаунтов учащихся или клиентов магазина.
  • Распределить права доступа к тому или иному контенту (например, к учебным курсам, к материалам блога или к страницам товаров).
  • Контролировать процесс обучения – проводить тестирования, выставлять оценки и т.п.
  • Собирать персональные данные.
  • Реализовать партнёрский раздел.
  • Контролировать запись на различные мероприятия.
  • И т.п.

Владельцы сайтов могут управлять правами отдельных пользователей и распределять их по группам. Один и тот же клиент может относиться одновременно к разным группам пользователей.

Создание интернет-магазина в Tilda

Tilda - Создание Магазина

Каталог товаров и корзина в Тильде реализованы в виде дополнительного модуля. Использование самого модуля бесплатное, но доступ к нему открывается только при наличии платной подписки. Чтобы включить расширение, нужно перейти в настройки сайта, найти раздел «Ещё» и в списке модулей активировать «Каталог товаров».

К основным возможностям интернет-магазинов Tilda можно отнести:

  • Загрузка и выгрузка списка товаров в популярных форматах (CSV, YML), синхронизация с Магазинами ВКонтакте (+ формат обмена данными CommerceML).
  • Система скидок и промокодов. Скидки могут быть линейными и дифференциальными, при необходимости их можно суммировать с промокодами.
  • Распределение товаров по категориям (не более одного уровня, категории можно связывать с выбранными страницами и с категориями Google – для фидов Facebook).
  • Настраиваемые фильтры с сортировкой и удобным поиском.
  • Варианты и опции товаров (у каждого варианта могут быть свои наборы картинок и наценки).
  • Большое количество атрибутов для товаров – артикулы, основная/старая цена, характеристики, единицы измерения, вес для расчёта доставки и т.п.
  • Учёт товарных остатков.
  • Всё для SEO (мета-теги, отдельные страницы товаров и т.п.).
  • Интеграция со встроенной CRM-системой, а также возможность подключения внешних CRM, таких как AmoCRM, Битрикс24, МегаПлан и т.п.
  • Простое подключение платёжных систем. Поддерживаются все популярные в РФ сервисы – ЮKassa, ЮMoney, Робокасса, CloudPayments, СберБанк, Тинькофф, Альфа-Банк и т.п. Есть и зарубежные сервисы.
  • Возможность добавления товаров в избранное.
  • Большой ассортимент готовых блоков для сборки страниц категорий и отдельных товаров (включая всплывающие окна, колонки, карточки продуктов и пр.).
  • Возможность прямой продажи – без помещения в корзину.
  • Настраиваемые варианты доставки + готовая интеграция со CDEK, Boxberry, Почта России.

В каталоге можно создать не более 5000 товаров и не более 200 разделов (категорий).

Из-за плоской иерархии Tilda подходит только для небольших интернет-магазинов.

Во всём остальном – это весьма неплохая платформа для организации онлайн-продаж.

Создание блогов и новостных лент в Tilda

За ведение корпоративных блогов в Тильде отвечает модуль «Потоки» (Настройки сайта –> Ещё –> Подключаемые модули –> Потоки –> Подключить). Каждый поток – это своего рода новостная лента. В одном потоке может быть до 5000 записей, параллельно на одном сайте может быть несколько новостных и статейных потоков.

Tilda Потоки

Как и магазинный модуль, Потоки становятся доступными только при использовании любой платной подписки.

Основные возможности:

  • Встроенная RSS-лента.
  • Готовый блок и отдельная страница автора.
  • Поддержка AMP-разметки и турбо-страниц.
  • Отдельная шапка и подвал (вместо общих для остальных страниц сайта).
  • Автоматическая генерация Sitemap.
  • Подсчёт просмотров.
  • Элементы группового управления.
  • Разделение материалов по категориям (только в один уровень).
  • Кастомные шаблоны для страниц категорий (за счёт назначения страниц из общего списка).
  • Выбор даты и времени публикации (автопостинг по расписанию).
  • SEO-атрибуты и разметка для соцсетей.
  • Облегчённая версия блочного редактора.
  • Возможность встраивания стороннего HTML-кода.

Вместо встроенной системы комментирования предусмотрена возможность подключения внешних систем, таких как Disqus или Tolstoy Comments.

Создание лендингов в Tilda

Tilda - Создание лендинга

Собственно, именно для создания лендингов Тильда изначально и запускалась. Просто со временем функционал платформы заметно разросся. Изменились требования рынка аудитории. Тем не менее, лендинги в Tilda получаются лучше всего.

Для запуска продающих сайтов у Tilda есть всё необходимое:

  • Огромный выбор стандартных блоков с разными вариациями оформления: призывы к действию, обложки, отзывы, всплывающие окна и формы для сбора контактов, квизы, онлайн-калькуляторы, таймеры обратного отсчёта.
  • Большой выбор готовых макетов под разные задачи – 250+ штук.
  • Интеграция с популярными внешними сервисами (онлайн-чаты, формы заказа обратного звонка).
  • Своя CRM-система с импортом и экспортом данных.
  • Возможность приёма онлайн-оплаты.
  • Быстрая загрузка страниц.
  • Динамическая подмена текста на основе параметров в URL (в том числе на основе географического положения пользователей, это так называемые геолендинги).
  • Вставка своего HTML-кода.
  • И т.п.

Из особенностей платформы можно выделить только то, что здесь нет своей встроенной системы сплит-тестирования. A/B-тесты можно организовать только на базе внешнего сервиса – Google Эксперименты. В этом случае повышается время загрузки и появляются потенциальные проблемы с переадресацией.

Естественно, профессионалы смогут создать уникальный дизайн со сложной логикой и анимациями в Нулевом блоке (Zero Block).

Создание онлайн-курсов

Все необходимые блоки для создания основных страниц сайта сконцентрированы в редакторе. Есть здесь и элементы для инфобизнеса (для онлайн-школ). Весь дополнительный функционал, который касается работы с учащимися и уроками, сконцентрирован в модуле «Личный кабинет». Этот модуль активируется автоматически для всех премиум-пользователей (даже в самом минимальном тарифе). Включать его отдельно не нужно.

В личном кабинете есть доступ к следующим возможностям:

  • Регистрация и авторизация пользователей (в настройках можно разрешить изменять свой email-адрес, предоставляется отдельная ссылка для доступа к конкретному курсу на случай, если курсов несколько, срок доступа можно ограничивать по времени).
  • Создание групп пользователей с разными правами доступа.
  • Подключение облачных хранилищ для доступа к дополнительным файлам и обучающим материалам.
  • Возможность назначения преподавателей.
  • Работа с разными типами материалов – статьи, видео, страницы, вебинары, домашние задания, тестирования.
  • Доступ к лекциям и заданиям может открываться сразу или после наступления заданной даты.
  • Тестирование может привязываться к определённому проходному баллу.
  • Домашние задания можно проверять на автомате: на основе балльной системы, в формате «зачёт/незачёт» или на основе сочетания нескольких факторов. Есть и свободные ответы с ручной проверкой.
  • Возможность детальной кастомизации внешнего вида форм и страниц входа (свой логотип, описание, положение элементов, надписи, типографика и пр.).
  • Встроенные рассылки уведомлений. При этом стандартный сервис можно заменить на сторонний SMTP-сервер, а содержимое писем изменить на свои варианты шаблонов.

Этого будет вполне достаточно для запуска и обслуживания практически любых инфопродуктов.

Встроенная CRM-система

Tilda: CRM

Если не настроить интеграцию форм с внешними сервисами, данные по умолчанию будут собираться во встроенную CRM Тильды. Последняя показывает себя вполне неплохо, особенно если учесть, что доступна она полностью бесплатно.

К основным возможностям штатной CRM можно отнести:

  • Табличный вид и вариант канбан-доски (в формате воронки с перетаскиваемыми карточками).
  • Большое количество типов дополнительных полей (30+).
  • Настраиваемые этапы проведения сделок.
  • Простая интеграция со своими сайтами.
  • Совместное редактирование (работа командами), причём сотрудникам не нужно иметь премиум-подписки на конструктор.
  • Экспорт данных в CSV-формате.
  • Простое подключение сервисов email-рассылок (через SMTP-интерфейс).
  • Возможность обмена файлами (только при подключении Google Drive).
  • Встроенная статистика и аналитика.
  • Отдельный интерфейс для просмотра контактов.
  • Система поиска и фильтрации (как в Excel-таблицах).
  • Ручное добавление контактов и заявок.
  • Возможность работы с UTM-метками.
  • Менеджеры могут добавлять свои комментарии и примечания по заявкам.

К недостаткам решения можно отнести только то, что эту CRM-систему нельзя использовать с сайтами, работающими внутри других платформ. Подходят только сайты, созданные в Tilda.

Конструктор форм (онлайн-калькуляторы, опросы и квизы)

У Тильды есть несколько настраиваемых форм и виджетов, с помощью которых можно собрать функциональные:

  • Онлайн-опросы.
  • Онлайн-калькуляторы.
  • Пошаговые формы.
  • Квизы.

Те же самые формы можно встроить во всплывающие окна и привязать к действиям пользователей, например, они будут вызываться по нажатию определённой кнопки.

Вместо стандартных no-code-решений можно воспользоваться продвинутым редактором Zero Block и реализовать форму практически любой сложности, задействовав JS-скрипты и свой HTML-код.

Если вас не устраивает написание своей логики на уровне кода, а базовые возможности форм Tilda не справляются (например, здесь нет поддержки логических операций), логично обратить своё внимание на такие сервисы, как uCalc (наш обзор). В этом случае внешние формы можно встроить в Тильде на уровне HTML-кода – в составе отдельных блоков страницы или в виде всплывающих окон.

Всё максимально гибко.

Конструктор писем для email-рассылок

Количество потоков рассылок не может превышать количество сайтов в аккаунте. При этом стоит помнить, что сама Тильда не занимается доставкой писем, она только собирает их из блоков (предоставляется специальная урезанная версия блочного редактора). Для запуска полноценной рассылки вам потребуется внешний ESP-сервис, например, RuSender.

Есть готовые интеграции с MailChimp, SendGrid и UniSender (пока только последний работает в РФ). Вместо интеграций можно воспользоваться выгрузкой HTML-кода.

В остальном конструктор писем мало чем отличается от конструктора сайтов. Каждое новое письмо аналогично новой странице. К рассылкам можно подключить свой домен и тогда письма будут открываться как классический сайт с лентой постов.

Шапка и подвал могут быть сквозными. К письмам можно подключить внешнюю аналитику и т.п.

Клиентам предоставляется небольшой выбор типовых шаблонов, с которыми проще начать осваиваться.

Обратите внимание – внутри конструктора писем Тильды нет доступа к Zero-блоку и к вставке произвольного HTML-кода.

Маркетинг и SEO

В настройках страниц и сайтов есть всё необходимое, чтобы указать произвольные мета-теги (тайтл, дескрипшн), заменить автоматический URL на свой вариант (аналог ЧПУ), добавить элементы микроразметки для социальных сетей (бейджики) и пр.

Плюс, платформа умеет автоматически генерировать карту сайта (sitemap.xml) и файл robots.txt. Есть доступ к настройкам редиректов, к шаблону страницы 404 ошибки. Во многих блоках конструктора можно выбрать ассоциацию заголовка с нужным HTML-элементом (H1-H3, DIV). Для изображений можно прописать ALT.

Для новичков предоставляется специальные инструменты поиска битых ссылок и SEO-рекомендации (тут автоматически проверяется наличие наиболее важных мета-тегов и H1-заголовков).

Сайт в пару кликов можно добавить в панели вебмастера Google и Яндекса.

Система автоматически оптимизирует все изображения и включает ленивую подгрузку (lazy-load). Вкупе с CDN на выходе пользователи получают максимально быструю загрузку страниц и хорошие показатели в тестах Google PageSpeed Insights. Что крайне важно для SEO.

Вывод – SEO-возможности у Тильды исчерпывающие.

Что касается возможностей для маркетинга, то мы подробно рассмотрели их в разделах с CRM-системой и конструктором писем. Сюда можно добавить только то, что платформа умеет рассылать оперативные уведомления о важных событиях посредством email, а также через ботов Telegram и Slack.

Своего мобильного приложения Tilda не имеет. Поэтому доступа к нативным уведомлениям на смартфонах ждать не стоит.

Совместный доступ

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

Для этого функционала есть отдельный бесплатный тестовый период – на 30 дней.

Доступ сотрудника может быть полным (на уровне выбранного сайта) или ограниченным. Например, можно выдать отдельные функции для:

  • Редактирования страниц.
  • Публикации.
  • Удаления.
  • Создания.
  • Управления настройками сайта.
  • Доступа к статистике.
  • Просмотра заявок.
  • Работы с каталогом товаров.
  • Работы с новостным/блоговым модулем.

Обратите внимание – сотрудники сайта и пользователи онлайн-курсов (например, те же преподаватели) не пересекаются.

К работе над сайтом можно привлечь до 25 дополнительных участников.

Конструктор политики конфиденциальности

Это простое, но вполне функциональное решение для владельцев сайтов, которое позволяет в несколько кликов:

  • Вписать данные владельца сайта (ФИО/данные юрлица, email для связи, адрес сайта и т.д.).
  • Указать цель обработки персональных данных (информирование, предоставление доступа к сервисам, заключение гражданских договоров, свой вариант).
  • Выбрать данные, которые собираются о пользователях.
  • Указать правовые основания для сбора.
  • И т.п.

Как итог – вы получаете не типовой универсальный текст, а адаптированный под ваши условия документ.

Экспорт кода (выгрузка сайта на свой хостинг)

Доступ к возможности выгрузки HTML-кода открывается только в тарифной линейке для бизнеса.

Вместе с экспортом кода клиенты получают доступ к API. Плюс, предоставляются специальные плагины, с помощью которых можно интегрировать страницы, собранные в конструкторе Tilda, внутри страниц популярных CMS-систем (WordPress и 1С-Битрикс).

Обратите внимание – при экспортировании HTML отключаются такие важные элементы, как CRM-система, личные кабинеты, платёжные шлюзы и т.п. При размещении на новом внешнем хостинге придётся перенастраивать домен и получать новый TLS/SSL-сертификат (для реализации HTTPS-версии).

Интеграции и API

Интеграции внешних сервисов разбиты по тематикам:

  • Шрифты (Google Fonts, Adobe Fonts, загрузка своих шрифтов в формате WOFF/WOFF2).
  • Аналитика (Яндекс.Метрика, Аналитика Google, Google Tag Manager, пиксели социальных сетей).
  • SEO (консоли вебмастеров).
  • Экспорт (API и простая выгрузка в виде ZIP-архива).
  • Формы (формы сбора подписчиков, Trello, Telegram, Google Таблицы и т.п.).
  • CRM-системы (встроенная, amoCRM, Bitrix24, МегаПлан, Monday и т.п.).
  • Сервисы рассылок (UniSender, MailChimp и др.).
  • Обмен данными (вебхуки, Zapier, Notion и т.п.).
  • Платёжные системы (СберБанк, ЮKassa, ЮMoney, Робокасса и пр.).
  • Онлайн-карты (Yandex Maps, Google Maps).

В наличии есть всё, что только может прийти в голову.

Tilda
  • Бесплатная встроенная CRM и качественный модуль магазина
  • Вся для SEO и маркетинга, экспорт кода
  • Совместная работа и большое количество интеграций

Дизайн и работа с шаблонами

Tilda - Дизайн и работа с шаблонами

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

Сборка страниц производится из готовых блоков (тут более 500 вариантов секций), которые можно наполнить по своему усмотрению.

Все шаблоны и секции адаптивные и не требуют доработки для отображения на мобильных гаджетах.

Tilda: Редактор шаблона

Многие блоки можно конвертировать в Zero Block и изменить до мельчайших деталей, добавив сложных анимаций, переходов и эффектов.

Централизованно можно менять:

  • Параметры шрифтов (размер, насыщенность, семейство и т.п.).
  • Параметры цветового оформления (для заголовков, для ссылок, для общего фона и для основного текста).
  • Структуру общего подвала (футера) и заголовка (хедера).
  • CSS-стили (на уровне вставки CSS-кода, общего для всех страниц сайта).

Наиболее важный нюанс – при работе с классическим блочным редактором (конструктором) в Тильде нельзя добавлять свои отдельные элементы, например, кнопки или изображения, поля ввода и т.п., нельзя менять расположение элементов внутри и пр. Все блоки предоставляются с готовой жёсткой сеткой. Изменять внутри можно только контент (текст/изображения) и параметры отступов/выравнивания.

Чтобы изменить вариант вёрстки, нужно поискать альтернативные реализации того же блока (обычно список похожих показывается в специальном меню слева) или конвертировать секцию в Zero Block.

Чтобы дизайнеры могли обратиться к оформлению конкретного блока, Tilda предоставляет возможность копирования ID-указателя или добавления своего CSS-класса.

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

Диапазон видимости отдельной секции настраивается с помощью специальных ползунков – «от … и до …». В Тильде предусмотрена разбивка на 5 точек останова.

Zero Block (Свободная секция)

Tilda: Zero Block

Продвинутый редактор, как можно догадаться, рассчитан на профи. Во многом возможности Нулевого блока схожи с web IDE (средой разработки):

  • Добавление разных составных элементов (текст, изображения, фигуры, кнопки, видео, тултипы, формы, галереи, векторные элементы и произвольный HTML-код).
  • Распределение элементов по слоям с определением приоритетов.
  • Привязка к колоночной вёрстке или к произвольной сетке.
  • Свои точки остановка.
  • Применение простых и продвинутых эффектов (блур, сепия, контраст и пр.).
  • Использование пошаговых, триггерных и базовых анимаций.
  • Поддержка горячих клавиш.
  • Импорт макетов из Figma.

Естественно, «нулевыми» блоками можно управлять как любыми другими: копировать, перемещать по странице. Их можно удалять, добавлять в избранное и т.п. К ним можно подключать свои шрифты, а внутри у отдельных элементов переопределять привязку к тегам (H1-H3, div).

Подключение своих шрифтов

Типографика – важная часть любого сайта. С помощью шрифтов можно подчеркнуть корпоративный стиль, кардинально изменить внешний вид сайта.

Tilda позволяет:

  • подключать любые шрифты из сервиса Google Fonts (лучшие варианты);
  • подключать шрифты из сервиса Adobe Fonts;
  • загружать свои файлы шрифтов (в формате WOFF/WOFF2);
  • подключать любые внешние шрифты посредством CSS (сами шрифты должны располагаться на CDN или на отдельном хостинге).

Вставка своего HTML-кода в Tilda

Наибольшую гибкость работы с платформой Тильда можно получить за счёт вставки HTML, CSS или JavaScript-кода. Это могут быть онлайн-чаты, внешние онлайн-калькуляторы или квизы, другие сложные формы и даже свои скрипты расчётов, аналитика (в том числе сквозная), встраиваемые видео и т.д.

Единственное ограничение – функционал и соответствующие блоки доступны только на платных тарифах.

HTML можно вставлять внутри Тильды на уровне:

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

Сквозные блоки

В отличие от некоторых других онлайн-конструкторов, внутри Тильды сквозными можно сделать только хедер и футер. Отдельные блоки, как например, внутри uKit, сделать здесь сквозными не получится.

Поэтому, если блоки расположены внутри основного тела страницы, их придётся копировать и редактировать по-отдельности на каждой новой странице.

При этом у Тильды можно разделить подвал и шапку отдельно для основного сайта и отдельно для блога (новостного потока).

Из преимуществ: шапка и подвал – это полноценные страницы. Поэтому их можно собрать из любого количества секций.

Библиотека изображений и иконок

Разработчики Tilda создали свой уникальный шрифт и предоставили к нему доступ совершенно бесплатно. По аналогии они поступили и с оригинальной библиотекой иконок.

Но тут есть нюансы. Иконки редактировать внутри Tilda нельзя, например, нельзя заменить цвет или наклон. Поэтому, если вам нужно что-то поменять, скачивайте исходники и используйте профильный софт.

Вместо полноценных интеграций Тильда фактически предоставляет только ссылки на внешние фотостоки (платные и бесплатные).

Внутри есть поиск только по своим иконкам (Tilda Icons) и по библиотеке Linea. Плюс, можно подключить аккаунт в Инстаграм и брать иллюстрации оттуда.

Встроенный редактор изображений доступен не во всех блоках.

Настройка мобильной версии сайта

У блоков Тильды нет отдельных настроек для отображения на мобильных. Выйти из ситуации можно правильно настроив видимость тех или иных секций.

Например, вы можете скрыть большую версию обложки на смартфонах, но показать другую версию блока, адаптированную специально для мобильных гаджетов. С одной стороны, так логичнее. Но с другой – сильно увеличивается размер страницы, так как в браузерах фактически загружается код обоих блоков, просто один из них не показывается.

Отдельные параметры для смартфонов можно найти только в блоках меню.

Tilda
  • Более 250 профессиональных шаблонов
  • Мощный редактор Zero Block
  • Подключение любых внешних шрифтов

Техническая поддержка

Лучшая техническая поддержка в Tilda – это официальная документация и обучающие видео.

Если вы не смогли найти ответы на вопросы самостоятельно, можно написать в техподдержку. Она реализована в формате тикетов (по email + можно использовать форму обратной связи).

Но нужно быть готовым к тому, что техподдержка всё равно даст вам ссылки на конкретные инструкции. Так или иначе работать придётся самому.

Если желания делать что-то своими руками нет, то внутри Тильды есть биржа специалистов – Tilda Experts. Услуги сторонних специалистов будут платными.

У сервиса есть собственная обучающая платформа Tilda Education и блог. Всё на русском языке, поэтому разобраться с материалами будет легко. Многие обучающие курсы можно пройти совершенно бесплатно.

Tilda
  • Русскоязычная поддержка
  • База знаний с обучающими материалами
  • Онлайн-курсы и вебинары по разработке на Tilda

Цена: сколько стоит сделать сайт на Tilda

Бесплатный тариф не ограничен по времени, но ограничен по функционалу – не более 50 страниц, только 50 Мб на диске, нельзя подключить свой домен, недоступные многие блоки и модули.

Платные подписки:

  • Personal – от 500 руб./месяц, один сайт, до 500 страниц, 1000 Мб на диске, доступны все блоки и модули кроме экспорта HTML и API.
  • Business – от 1000 руб./месяц, до 5 сайтов (по 500 страниц на каждом), 1000 Мб на диске, доступ к экспорту и API.

При оплате любого тарифа на год – домен предоставляется в подарок. (регистратор Reg.ru, домен можно забрать к себе на управление в любой момент).

Тестовый период на условиях тарифа Personal – 14 дней.

В тарифной линейке для бизнеса есть пакеты для 10, 15, 20 и 30 сайтов.

При безналичной оплате для юрлиц не действуют скидки, тарифы для них стартуют от 15000 руб./год.

Из дополнительных расходов вам может потребоваться только доплата за сотрудников – от 360 до 480 руб./месяц за каждого.

Tilda
  • Бесплатное создание сайта
  • Скидки при оплате на год
  • Создание до 30 сайтов на одном аккаунте

Выводы: стоит ли делать сайт на Tilda?

Tilda — это качественный и функциональный российский конструктор сайтов. Но у него много нюансов. Например, без специальных знаний страницы можно собрать только из типовых блоков, многие настройки будут сложными и запутанными. Интеграции осилит далеко не каждый желающий. Как итог – степень кастомизации будет слабой, на многих мелких шагах могут поджидать сюрпризы.

Вместе с тем, профессиональные дизайнеры и web-разработчики будут довольны. Благодаря продвинутому редактору Zero Block они смогут реализовать практически любую задумку, макеты из Figma импортируются вообще в пару кликов.

Есть здесь и возможности для работы целыми командами (до 25 сотрудников).

Очевидно, что платформа изначально рассчитывает на профи, что отчасти оправдано, ведь представители малого и среднего бизнеса всё равно нанимают фрилансеров.

При желании с платформой можно разобраться самостоятельно, ведь все необходимые обучающие материалы есть в наличии. Но процесс этот будет не самым быстрым.

Если вы хотите быстро и без дополнительных телодвижений запустить небольшой сайт, лучше обратить внимание на более простые и доступны платформы, такие как uKit.