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

Коротко о платформе

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

Tilda – это прямой конкурент таких западных платформ, как Webflow или Squarespace, работающих по принципу «всё-в-одном». Но реализована она самобытно и имеет свои особенности. В Ru-сегменте Tilda ближе всего к конструктору Mottor.

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

Платформа активно развивается и постоянно обрастает новым функционалом.

Киллер-фичи:

• Свободная секция Zero-Block, которая чем-то напоминает полноценную среду web-разработки. Внутри можно настроить пошаговые анимации, добавить свой JS и HTML-код, организовать обработку форм и многое другое.
• Возможность экспорта HTML. Сайт можно выгрузить на любой сторонний хостинг, правда, он утратит все свои динамические функции.
• Гибкая встроенная CRM-система. Она чем-то напоминает онлайн-таблицы, с которыми можно работать большим коллективом и наполнять автоматически (из форм на сайте).
• В наличии ИИ-копирайтер. Нейросеть может сгенерировать текст не только для конкретных блоков, но и полностью для всей страницы.
• Функциональный модуль магазина. Подходит для небольших каталогов, но имеет массу интеграций, импорт и экспорт, а также адекватную систему рассылки уведомлений.
• Масса других полезных профильных инструментов. Квизы и онлайн-калькуляторы, конструктор макетов писем и разделов с документацией, всё для онлайн-обучения и продажи бизнес-курсов, конструктор политики конфиденциальности, личные кабинеты клиентов, совместная работа с распределением прав доступа, модуль корпоративного блога и т.п.

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

Целевая аудитория

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

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

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

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

Новые фишки и обновления Tilda

На момент начала 2025 года (за весь 2024 год) разработчики Тильды реализовали следующие интересные фишки:

• Создание своего регистратора доменов «Тильда Домены».
• Быстрая публикация и снятие с публикации всего сайта.
• Специальные уведомления о новых домашних заданиях в модуле «Курсы» + сортировка и поиск. Экспорт учебных курсов.
• Отдельный раздел «Спам» при сборе заявок из форм.
• Комментарии к блокам – для удобства работы в команде, а также для хранения личных примечаний.
• Новые варианты виджетов и доработка уже имеющихся (квизы, тени, шкалы с оценками и т.п.). Визуальная настройка ширины на основе колонок.
• Интеграция ИИ для генерации текстов + скрипт создания страниц с использованием нейросети (подбирает блоки и наполняет их контентом, изображения ищутся на бесплатных фотостоках).
• Возможность вставки видео с российских видеохостингов (Rutube, VK Видео, Kinescope).
• Улучшение возможностей встроенного векторного редактора (внутри Zero-Block) и создание вложенных групп элементов.
• Отдельный конструктор для создания баз знаний (Tilda Docs).

Можно заметить, что сервис не стоит на месте и активно развивается.

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

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

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

Главная техническая особенность Tilda – подход к хостингу. Вне зависимости от тарифа, объём, занимаемый на сервере одним сайтом, не может превышать 1 Гб. Если учесть возможность работы с объёмной графикой, то этого может оказаться очень мало.

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

1. Общая административная часть

Личный кабинет пользователя включает в себя следующие условные разделы:

• Всё для управления сайтами (главный раздел сервиса).
• Встроенная CRM-система (её можно и не использовать, так как она легко заменяется внешними инструментами и интеграциями).
• Раздел управления оплатой и подписками.
• Настройки профиля (параметры авторизации, управление языком, локацией и т.п.).
• Справочный раздел.
• Собственные программы обучения работы с платформой (вебинары и курсы и уроки на Tilda Education).

Все ваши рассылки (макеты электронных писем), сайты и разделы с документацией объединены в один список «Мои сайты».

В общей панели сайтов можно:

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

Функции группировки и удобного массового управления появляются внутри конкретного сайта, если в списке его страниц более 15 элементов (по аналогии можно управлять списком макетов писем).

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

В списке можно:

• Искать нужные элементы (поиск производится по названию, лейблу, описанию и по URL-адресу).
• Изменять порядок сортировки (по названиям, по датам публикации или по датам редактирования).
• Просматривать основные параметры страниц сайта (статус публикации, URL, комментарии, лейблы, главное изображение записи и т.п.).
• Устанавливать главную страницу сайта.
• Производить массовые действия с выбранными страницами – дублировать, перемещать в папку, публиковать/снимать с публикации, удалять или переносить в другой сайт.

Чтобы все эти функции появились в вашем проекте, не забудьте включить «Продвинутый режим интерфейса» в настройках сайта. Доступ к разбивке страниц по папкам открывается только при наличии платной подписки.

2. Создание новых сайтов и их настройка

Сразу после регистрации нового аккаунта система автоматически запустит интерфейс мастера создания нового сайта. Для этого потребуется только указать название и нажать кнопку «Создать». Название используется исключительно внутри системы и не будет нигде отображаться на самом сайте.

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

Что относится к настройкам сайта (общие параметры):

• Название и описание (внутренние атрибуты, нужны для наглядности и поиска).
• Субдомен и домен (субдомен вида «your-name.tilda.ws» выделяется бесплатно, вы можете указать свой вариант адреса, если он свободен).
• Шрифты и цвета (по умолчанию отображается минимум настроек, но в расширенном режиме вместо системной библиотеки можно подключить внешние сервисы web-шрифтов, такие как Google Fonts и Adobe Fonts, плюс, есть возможность загрузки своих шрифтов, цвета определяются общие для всего сайта – это дефолтные значения, которые можно изменить в отдельных блоках).
• Главная страница (определяется с помощью выпадающего списка).
• Домен (раздел управления своим доменом и его привязкой к сайту).
• Аналитика (встроенную статистику можно дополнить счётчиками и кодами внешних сервисов – Google, Яндекс, Mail, VK, Facebook).
• SEO (сюда вынесены редиректы, подключение панелей вебмастеров, управление файлами ads.txt, request.csr, настройки https-версии и фавиконок, SEO-рекомендации и запрет индексации, поиск битых ссылок).
• Экспорт (выгрузка HTML-кода сайта в статичном виде, без CMS-функционала, а также подключение и обмен данными по API, обратите внимание, API используется по факту только для выгрузки страниц из Tilda в другие CMS и сервисы).
• Формы (тут сосредоточены настройки для подключаемых внешних сервисов по обмену данными с CRM-системами, сервисами рассылок, коннекторами и т.п.).
• Платёжные системы (выбор валюты расчётов и её обозначения/положения рядом с суммами, подключение платёжных сервисов, модули для работы с наличных расчётом и промокодами).
• Шапка и подвал (здесь можно определить футер и хедер, которые будут отрисовываться по умолчанию на всех страницах, если в последних эта опция не переопределена).
• Действия с сайтом (передача в другой аккаунт или полное удаление).
• Ограничение доступа (например, доступ к сайту можно ограничить с помощью пароля или на основании IP-адресов пользователей).
• Личный кабинет (закрытая часть сайта, в которой ваши пользователи смогут управлять отдельными параметрами, а вы сможете управлять ими – определять группы и права доступа, удалять, регистрировать вручную, просматривать статистику и т.д., здесь же можно создать новый онлайн-курс).
• Сотрудники (права доступа для участников вашей команды или для заказчиков, функция платная, предполагается оплата за каждое подключённое рабочее место).
• Все остальные настройки сайта в пункте «Ещё» – отключение копирайта, переключение языка, вставка HTML-кода или загрузка CSS, управление оптимизациями и порядком загрузки изображений, ключи API для онлайн-карт, подключение модуля интернет-магазина и потоков/блога, параметры ИИ-ассистента.

Можно оставить все настройки по умолчанию либо изменить параметры на свои.

Чтобы опубликовать сайт, понадобится как минимум одна страница. Поэтому, находясь в панели управления сайтом, нужно нажать кнопку «Создать новую страницу».

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

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

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

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

Что включают в себя настройки отдельных страниц:

• Заголовок и описание (эта информация будет помещена в соответствующие теги).
• ЧПУ (URL можно указать вручную).
• Бейджик (если не загрузить отдельное изображение страницы, то будет использована первая картинка из тела материала).
• Отображение в соцсетях и мессенджерах (отдельный заголовок, описание и бейдж).
• SEO-атрибуты (здесь можно переопределить мета-теги и задать параметры индексации).
• Экспорт (выгрузка кода отдельной страницы при наличии доступа к такому функционалу).
• Действия (удалить, дублировать, перенести в другой сайт или передать в другой аккаунт).
• Дополнительные параметры (анимации, адаптивность, вес страницы при выводе списков, лейбл, комментарий, папка, доступ по паролю и др.).

3. Визуальный конструктор страниц/сайтов

Базовый блочный конструктор – это «сердце» Тильды. Клиентам доступно более 550 различных блоков и апплетов. Но нужно понимать, что блоки в Tilda – это всегда готовые секции, которые только остаётся наполнить контентом.

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

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

Какие возможности работы обеспечивает блочный редактор:

• Готовые наборы блоков с возможностью переключения вариантов отображения.
• Управление эффектами появления.
• Переопределение цветов и других параметров (типографика, отступы, анимация, выравнивание, ширина и т.п.).
• Управление видимостью по ширине экрана (можно определить индивидуальный диапазон «от» и «до»).
• Добавление своих CSS-классов (чтобы потом можно было применять к блокам стили из своих CSS-файлов) и управление HTML-тегами заголовков (чтобы было лучше для SEO).
• Конвертирование блока в Zero Block для свободного редактирования (опция доступна не для всех видов блоков).
• Быстрое дублирование, перемещение, скрытие/показ, групповое выделение и другие действия.
• Автоматическое сохранение всех внесенных изменений (до тех пор, пока вы не переопубликуете страницу, они внесены не будут).
• Встроенный конструктор форм ввода (большой выбор типов полей, в том числе онлайн-калькуляция и разбиение по шагам).
• Готовые всплывающие окна и возможность вставки в них произвольного HTML-кода.
• Якорные ссылки.
• Индикаторы прокрутки страницы и экраны ожидания загрузки.
• Встраиваемые триггеры (например, можно использовать в сочетании со всплывающими окнами).
• Сквозные блоки (футер и хедер, алиас-блоки, это как блоки-ссылки).
• Готовые виджеты внешних сервисов (для заказа обратного звонка и онлайн-чатов).
• Динамический текст и блоки (замена содержимого на основании параметров в URL-адресе).
• Готовые элементы украшения для создания новогоднего настроения (снег, гирлянды, специальные сообщения с поздравлениями).
• Вставка своего HTML-кода и полная выгрузка страниц (всего сайта или выбранной страницы со всеми связанными JS и CSS-файлами, изображениями и т.п.).

Для получения максимальной свободы есть редактор для профи – Zero Block (о нём расскажем ниже).

4. Встроенная CRM

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

Это одновременно простой и функциональный инструмент, своего рода онлайн-таблица, в которую могут заноситься разные данные: email, номера телефонов, имена и многое другое.

Набор полей можно определить произвольно. Это могут быть системные поля или поля, созданные пользователями: даты, текст, числа и т.п.

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

Данные из Tilda CRM можно выгрузить в .csv-файл. Возможен и обратный процесс – загрузка из таблицы на Google Drive.

Система умеет рассылать email-уведомления. Для этого нужно подключить нужный сервис рассылок через SMTP-шлюз.

Для совместной работы в CRM сотрудникам необязательно иметь аккаунт с платной подпиской – достаточно бесплатного доступа.

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

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

Встроенную систему при желании можно дополнить или заменить внешними сервисами.

Экспорт HTML-кода и API

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

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

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

API в Тильде отвечает примерно за тот же функционал, что и экспорт, поэтому включается одновременно с ним.

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

Интеграции

API Тильды не соотносится с другими видами интеграций. Последние работают на любом тарифном плане (кроме бесплатного) и предполагают взаимодействие с внешними web-сервисами:

• CRM (AmoCRM, Bitrix24, MegaPlan, PipeDrive, ZohoCRM, Saleforce и т.п. – интегрируются с web-формами Тильды).
• Сервисы рассылок (Unisender, MailChimp, GetResponse и др., тоже интегрируются с формами, но есть интеграции и для проведения рекламных рассылок, а также для отправки уведомлений по SMTP).
• Уведомления (Telegram, Slack).
• Коннекторы (Zapier, webhook и т.п.).
• Таблицы (Google).
• Платёжные системы (есть российские и зарубежные сервисы, все работают без проблем).
• Системы аналитики (Google, Яндекс, пиксели VK, Facebook и пр.).
• Онлайн-карты (Яндекс и Google).
• Web-шрифты (Google, Adobe, загрузка своих файлов).
• Панели вебмастера (Google, Яндекс).
• Любые другие формы и веб-сервисы, в том числе чаты онлайн-консультантов, которые интегрируются с помощью HTML-кода (можно вставить в любую часть страницы, в Zero-блоках или в теге HEAD).

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

Web-формы – это всегда мощный инструмент для работы с аудиторией и для сбора контактной информации. Чем интереснее и функциональнее форма, тем выше её эффективность.

У Tilda в ассортименте блоков большое количество готовых форм ввода, но при желании их можно переделать или существенно усложнить: сделать в них несколько шагов или добавить сюда калькуляцию.

Среди готовых вариантов:

• Простые формы с одним или несколькими полями.
• Формы подписки.
• Формы захвата лидов (для лендингов – блоки с фоном или комплексными карточками).
• Многоколоночные формы.
• Всплывающие формы (с одним или несколькими полями, уведомления в углу экрана и т.п.).
• Виджеты заказа обратного звонка и оформления заявок.
• Фиксированные горизонтальные панели.
• Блоки для оценки.
• Блоки отзывов.
• Опросы и голосования.
• Онлайн-тесты (с возможностью случайного порядка вывода ответов).
• Пошаговые формы (с переключением нескольких экранов).
• Формы доната.

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

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

С логическими операциями и условиями калькулятор Tilda не работает.

Если задействовать редактор Zero Block, то на основе полей ввода и произвольных JS-скриптов, вставляемых на уровне исходного HTML-кода, можно реализовать практически любую логику расчёта. Но эта опция будет востребована только для профессионалов.

Если штатных возможностей не хватает, то всегда можно воспользоваться интеграцией внешних сервисов, таких как uCalc, WebAsk, StepFORM.

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

Конструктор писем в Tilda – это немного урезанный по функционалу конструктор web-страниц. Здесь принудительно отключена вставка HTML-секций и многих других видов блоков. В остальном – это классические страницы, которые можно объединить в мини-сайт, оставив работать на отдельном домене/поддомене.

Конструктор писем работает только при наличии платной подписки, а возможность экспортирования кода включается только в тарифной линейке для бизнеса.

Как и для обычных страниц/сайтов, здесь можно определить сквозные блоки для подвала и шапки, SEO-атрибуты, мета-теги для соцсетей и мессенджеров, домен, личный кабинет и т.п.

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

При этом платформа Tilda не умеет вести email-рассылки напрямую, это только конструктор. Поэтому обязательно потребуется интеграция с внешними email-сервисами.

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

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

Конструктор онлайн-курсов

Новая опция, которая предназначена для простого и быстрого запуска своего небольшого образовательного портала.

Онлайн-курсы можно активировать только при наличии модуля Личных кабинетов в составе имеющегося сайта.

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

В настройках онлайн-курса можно определить:

• Название и описание программы обучения.
• Обложку.
• Ссылку (кастомизируется только часть адреса).
• Группы пользователей, которым будет доступен курс.
• Преподавателей (назначаются из числа пользователей).
• Разделы и лекции.

Лекции (они же уроки) могут быть оформлены в виде онлайн-видео/вебинаров (поддерживаются YouTube, embed-коды и прямые ссылки на видео-платформы), страниц (выбираются из числа имеющихся страниц сайта), домашних заданий (готовые формы для проведения простого тестирования с выставлением оценки или зачётов по количеству набранных баллов), простого текста (например, с разъяснением темы), онлайн-тестов (в качестве вопросов можно использовать текст или текст с картинками, оценка выставляется на основании порога набранных баллов за правильные ответы).

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

Учитывая тот факт, что в качестве уроков можно выбирать страницы сайта, а контакты клиентов хранить во встроенной CRM-системе, степень свободы Tilda в плане дизайна и функциональности действительно впечатляет.

Конструктор раздела со справочной документацией

Это новый функционал. По факту представляет собой встроенную wiki-систему. С её помощью можно наполнить справочный раздел для клиентов или внутренний портал с документацией для новичков, операторов call-центров и т.п.

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

В Wiki-разделе могут быть папки и одиночные документы. Уровней вложенности в каталогах может быть любое количество.

Документы собираются из таких элементов, как:

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

«Украшательств» здесь практически нет. Максимум, можно определить стиль текста и цветовые схемы для всего wiki-раздела.

Хлебные крошки и ссылки на связанные материалы (следующий/предыдущий) формируются автоматически.

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

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

Какими особенностями может похвастаться редактор Zero-блок:

• Функционал похож на web-IDE для разработчиков или на профессиональный графический редактор.
• Возможности тонкой настройки контейнеров – высота, ширина, выравнивание, отступы, фон и т.п.
• Переопределение порядка отображения разных слоёв.
• Прямой импорт дизайнов из Figma (по API).
• Поддержка управления с клавиатуры (по комбинациям клавиш).
• Различные настройки для точек останова (для разных разрешений экрана – 5 вариантов на выбор: смартфоны вертикально, смартфоны горизонтально, планшеты вертикально, планшеты горизонтально и ПК/ноутбуки/большие экраны).
• Большое количество элементов для вставки: текст, кнопки, формы, изображения, фигуры, видео, тултипы (уведомления), галереи, произвольный HTML-код (включая скрипты).
• Управление любыми атрибутами элементов: прозрачность, эффекты, анимации, выравнивание и пр. Это всё то, что можно задать на уровне CSS-кода, но в удобном графическом интерфейсе.
• Встроенный редактор векторной графики и элементов.
• Сложные виды анимаций: пошаговые и триггерные.

Плюс есть доступ к быстрому поиску иконок, emoji и изображений с бесплатных фотостоков.

Возможности интернет-магазина, приём онлайн-оплаты

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

Чтобы принимать оплату через формы, магазинный модуль включать необязательно. Для этого достаточно просто подключить необходимые интеграции.

Магазинный функционал Tilda:

• Готовые элементы с корзиной и формой оформления заказа.
• Система личных кабинетов пользователей и избранные товары.
• Готовые карточки продуктов в нескольких вариантах исполнения.
• Встроенная CRM-система для сбора и обработки заявок (отслеживания заказов).
• Готовые фильтры для добавления разделов, брендов, а также для сортировки по цене и наличию.
• Все базовые SEO-атрибуты и мета-теги.
• Описание товара можно разделить по вкладкам (вкладки создаются произвольно).
• Варианты и опции товаров с привязкой к ценам.
• Отдельные сквозные блоки шапки и подвала для страниц товаров.
• Генерация CSV-файла для выгрузки в Facebook и другие площадки.
• Автоматический учёт остатков и бронирование.
• Система промокодов (подключается в разделе с интеграциями).
• Встроенная микроразметка по формату Schema.org.
• Блоки для рекомендации похожих товаров.
• Готовые интеграции со всеми популярными средствами онлайн-оплаты. Много вариантов для РФ – Сбер, Тинькофф, Альфа-Банк, ЮKassa/ЮMoney, Робокасса и др. Есть поддержка и глобальных систем (обратите внимание, для использования на территории России не подходят, выплаты в пользу резидентов всё равно не пройдут).
• Возможность загрузки и выгрузки каталога, поддержка форматов CSV, YML, а также синхронизация с ВКонтакте и посредством CommerceML.

Платформа не подходит для использования с крупными каталогами. Во-первых, в системе не может быть более 200 категорий (каталог допускается только одноуровневый) и не более 5000 товаров.

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

Создание блога

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

В правилах использования есть ограничения по тематикам. Модуль Потоки не подходит для сайтов СМИ и для размещения новостей о политике и остросоциальных проблемах.

В каждом потоке может быть до 5000 материалов.

Основные особенности блогов на Tilda:

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

A/B-тестирование

Заявленный функционал сплит-тестирования в реальности реализован через сторонний сервис – Google Optimize. У такого подхода есть технические нюансы, например, на короткое время может показываться исходная страница, так как переключение трафика происходит уже после её загрузки – производится так называемый редирект.

Подходит такой вариант решения или нет, каждый решает сам.

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

Автоматическая настройка ресурсных записей возможна только в случае получения домена в подарок (при оплате любого тарифа на год) или при покупке доменного имени через Тильду. С недавних пор компания является официальным регистратором ru/рф-доменов.

В остальных случаях нужно самостоятельно приобрести домен у любого из понравившихся регистраторов. А затем перенаправить его на хостинг Tilda. Подробная инструкция и актуальные NS-записи.

Совместная работа над сайтом

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

Вместо полного доступа вы можете настроить ограничения, выдав нужные права:

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

При этом сотрудники с доступом, даже с полным, не могут удалить сайт или экспортировать его код. Такие функции есть только у владельца аккаунта.

Сжатие изображений и CDN

По умолчанию при загрузке изображений в редактор Tilda они автоматически сжимаются до разрешения 1680 пикселей. Но вы можете принудительно активировать опцию с поддержкой картинок до 1920 пикселей по ширине.

В рамках одного из обновлений разработчики включили автоматическую конвертацию картинок в самый современный формат – WebP.

В настройках сайта также по умолчанию включены lazy-load-загрузка и адаптивная оптимизация их размера (под разные устройства пользователей). Но владелец аккаунта может выключить эти опции, тогда система будет отображать медиа без оптимизаций.

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

Набор free-иконок – это фактически файловый архив в векторном .svg формате. Его можно скачать на ПК и вставлять на страницы путём загрузки, при желании иконки можно редактировать и изменять по своему усмотрению.

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

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

Каждую новую страницу в Tilda можно создать на основе готового шаблона. В каталоге их более 210 штук. Все они разной тематики и функционала.

Единственное неудобство – не получится получить сразу готовую структуру материалов, например, как в конструкторе uKit. Все шаблоны – одностраничные.

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

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

Основные принципы работы с редактором мы обозначили выше, в разделе про создание новых сайтов и страниц:

• Макеты верстаются только из готовых секций.
• Секций в каталоге – более 550 вариантов.
• Размещать внутри секций свои более мелкие элементы нельзя.
• Для сложных и нестандартных конструкций есть редактор Zero Block (свободная секция).
• Загружать в систему свои макеты нельзя, исключение – импорт макетов Figma по API внутри Zero Block.
• Для работы над страницами и сайтами можно привлекать сторонних специалистов. Последних можно найти на специальной внутренней бирже.
• Можно подключить к сайту сторонние шрифты и даже загрузить свои.
• Тему оформления сменить централизованно нельзя – максимум, можно сменить дефолтные настройки шрифта и некоторых других элементов.
• Все макеты и блоки в системе – адаптивные.
• Для каждой секции можно настроить свой диапазон видимости на разных типах устройств (по ширине экрана).
• У отдельных блоков можно добавлять свои CSS-классы, чтобы потом кастомизировать их за счёт стороннего CSS-кода (подключается файлом).

Оптимизация (SEO) и продвижение

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

Какие параметры доступны:

• Тайтл, дескрипшн, ключевые слова.
• Читаемые URL (ЧПУ).
• Бейджик (генерируется из первого изображения, если не определить своё).
• Отображение в соцсетях (отдельный заголовок, описание, бейдж, App id и пр.).
• Канонические ссылки.
• Управление индексацией.
• Включение/отключение nofollow-ссылок.

Уже внутри блоков можно задавать теги H1, H2, H3 или DIV, а для изображений — прописать свои alt’ы.

В несколько кликов можно подключить поисковую консоль Google и панель вебмастера Яндекса, сгенерировать бесплатный SSL-сертификат и редиректы для HTTPS-версии сайта. А ещё у Тильды есть встроенная система SEO-рекомендаций. Она может проверить страницы сайта и показать вам обнаруженные проблемы в технической части.

Файлы robots.txt и sitemap.xml генерируются системой автоматически. Ничего дополнительно делать не нужно.

Ценовая политика (цены на тарифы)

У Tilda имеются следующие тарифы:

• Free – бесплатный навсегда. Имеет ряд ограничений: неотключаемый копирайт, ограниченный набор блоков, отсутствие доступа к рассылкам, приёму оплаты и к дополнительным модулям (магазин, потоки, курсы, совместный доступ), здесь нельзя прикрепить свой домен. В аккаунте может быть только один сайт, не более 50 страниц, дисковое пространство – 50 Мб.
• Personal – от 500 до 750 ₽/месяц. Один сайт, до 1000 страниц, 1 Гб места на хостинге. Открывается доступ ко всем блокам и интеграциям (включая приём платежей), к рассылкам и к модулям (магазин, потоки, платформа обучения/личные кабинеты). При оплате сразу на год появляется возможность отключения копирайта и предоставляется подарочный домен (в зоне .ru, .рф или .su).
• Business – от 1000 до 1250 ₽/месяц. Пять сайтов в аккаунте (в каждом до 1000 страниц), 1 Гб дискового пространства на сайт. Все возможности тарифа Personal + выгрузка HTML-кода и доступ к API (вместе с плагинами для CMS WordPress и 1С-Битрикс).

Линейку Business можно расширить до 10 (от 2083 до 2500 ₽/месяц), 15 (от 3333 до 3750 ₽/месяц), 20 (от 4166 до 5000 ₽/месяц) или 30 сайтов (от 6666 до 7500 ₽/месяц).

Триал на 14 дней можно запросить только на условиях обслуживания тарифа Personal (опция активируется в любой момент, всегда можно вернуться на Free-тариф).

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

Те же тарифы, но для клиентов из-за рубежа:

• Personal – от 10 $/месяц.
• Business – от 20 $/месяц.

Доплата за совместный доступ – от 360 до 480 руб./месяц за каждого сотрудника (не касается CRM-системы, в Tilda CRM все сотрудники могут работать бесплатно).

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

Конструктор Tilda заточен под бизнес-сегмент, но у него есть нюансы. Самостоятельная настройка и работа в нём представителями бизнеса маловероятна, только если с предварительным обучением. В остальном это удобный и адекватный конструктор для запуска малостраничных сайтов.

Плюсы Tilda:

Минусы:

Примеры сайтов, созданных в Tilda

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

Пример 1. Магазин авторских товаров.

Пример 2. Посадочная страница ЖК в Калининграде.

Пример 3. Многостраничный сайт бизнес-школы с блогом и онлайн-обучением.

Выводы и рекомендации

Tilda – это крутой онлайн-конструктор с серьёзными возможностями для создания уникального дизайна. Но платформа подойдёт только для профессионалов. Без найма профильных специалистов самостоятельно разобраться со всеми техническими деталями будет достаточно сложно.

На базе Тильды можно запустить эффектные лендинги, создать красивые портфолио и другие малостраничные сайты. Есть инструменты для рассылок, для сборки разных типов форм и даже для создания онлайн-курсов. Есть адекватная CRM-система, интеграции, модуль магазина и блога.

Но везде есть нюансы. В любой момент вы можете упереться в потолок хостинга (дисковое пространство всего 1 Гб) или в ограничение на общее количество страниц. Всё это крайне неудобно для крупных проектов.