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

Функциональные возможности, примеры сайтов, тарифные планы
Конструктор сайтов Tilda позволяет тысячам людей создавать впечатляющие, красивые и легкие в управлении сайты, интернет-магазины, лендинги, курсы и спецпроекты без программирования.
Мы верим, что отличный дизайн — это сочетание миллиона продуманных деталей и экспертизы в определенной области. Поэтому мы говорим: «контент — это главное», и создаем инструмент, который закрывает все технические аспекты, чтобы вы могли думать только о любимом деле.

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

Для каких сайтов подходит Тильда

Создание сайта из блоков

В конструкторе сайтов Tilda впервые была использована модульная система создания сайта, которую впоследствии стали использовать и другие сервисы. Блок — это группа элементов, объединенных по смыслу. Смысловые блоки, как этажи дома, образуют страницу сайта, чтобы получился логичный рассказ.
Добавление блоков в редакторе Тильды
Библиотека блоков
Настройки блока и редактор страницы
Добавление нового блока
Управление блоком: дублирование, удаление, перемещение, скрытие
Мгновенная публикация страницы
Блоки проектируются командой дизайнеров на основе исследований и анализа наиболее частых паттернов. Так получается актуальный инструмент, который отражает тренды создания современных сайтов.

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

В блоках продуманы и спроектированы расстояния, отступы и размеры шрифта на основе традиций классической типографики. Блоки созданы профессионалами, поэтому выглядят гармонично. Это позволяет экономить время: можно не думать о форме, а сосредоточиться на контенте и вложить все силы в смысл.
Более 500 блоков собраны в библиотеку и разбиты на категории
Часть 1. Категории базовых элементов
Галерея
Текст
Заголовок
Меню
Форма
Кнопка
Обложка
Изображение
Подвал
Часть 2. Готовые смысловые секции
О проекте. Блоки для описания особенностей проекта: с текстовой информацией, изображением, галереей или с кнопками для социальных сетей.
Преимущества. Комбинации фотографий, текста и иконок в формате списков.
Услуги. Карточки, списки с изображениями, колонки с иконками и другие варианты для самых разных сфер бизнеса.
Этапы. Таймлайны, этапы и карточки наглядного представления процесса.
Команда. Блоки для оформления персональной информации о сотрудниках компании или лекторах на конференции.

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

Партнёры. Сетка из логотипов и дополнительная информация о партнёрах.
Магазин. Корзина, карточки продуктов, попапы с товарами
Новости и Потоки. Сетки для новостей или блога
Список страниц. Ссылки на страницы сайта в виде списка с иконками, названием и описанием материалов. Например, для представления работ в портфолио.
Плитка и ссылка. Специальная категория блоков поможет сделать аккуратную сетку из карточек с изображениями, названиями, описанием и другими элементами.
Видео. Различные комбинации элементов: один или два плеера, сочетание видео и текста, YouTube-трансляция с комментариями, плейлист для видеокурса.
Контакты. Блоки с адресом, почтой, телефоном, ссылками на социальные сети и возможностью подключить карту.
Соц.сети. Кнопки расшаривания в соцсетях и блок с комментариями из ВКонтакте.
Попап. Отображайте галерею, товар, формы, html-код и виджеты в виде всплывающих окон.
Виджеты. Виджеты обратной связи, поиска по сайту, онлайн-записи и покупки билетов, фиксированный виджет видео с рассказом о вашем продукте или сервисе.
Блоки можно менять местами, копировать, переносить в начало или в конец страницы, временно скрывать или удалять окончательно. Собирать сайт из блоков увлекательно: процесс похож на игру, но в результате получается настоящий, работающий сайт.

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

Интуитивное редактирование в визуальном редакторе

Изменения видны мгновенно
Содержимое редактируется со страницы по принципу «что вижу, то и получаю». Чтобы поменять текст, нужно на него кликнуть, чтобы заменить фото — перетянуть картинку в браузер.
Добавление своего контента в редакторе блока
Работа с текстом: внимание к типографике, подключение любого шрифта, визуальная иерархия
90% веба — это типографика, поэтому дизайнеры уделяют много внимания оформлению текста. Неважно какая тематика сайта — текст должен быть понятным и хорошо читаться. Хорошие сочетания шрифтов, правильные отступы и межстрочные расстояния — дизайнеры тщательно выверяют все параметры на десктопе и мобильных.

В базовом наборе шрифтов Тильды более 20 качественных кириллических шрифтов, в том числе Tilda Sans, Circe, Circe Rounded, Reforma Grotesk и Kazimir (для пользователей Тильды бесплатны). Легко подключаются библиотеки Adobe Fonts и Google Fonts. Можно загрузить 9 начертаний собственного шрифта в форматах .woff и .woff2 или файл с вариантивным шрифтом для ускорения загрузки сайта.
Выбор шрифта в настройках сайта
Типографика в блоках Тильды
Блоки проектируются с учетом фундаментального принципа дизайна — визуальной иерархии. Поэтому информация структурирована и легко воспринимается: понятно, где главное, а где второстепенное.
Работа с изображениями и видео
Полноэкранные обложки, фоновые видео, слайдеры и галереи позволяют сделать эффектную подачу там, где изображение заменяет слова.
Красивые бесплатные фотографии можно найти и добавить внутри редактора Тильды. В библиотеке мы собрали лучшие сервисы для поиска качественных изображений и фотографий для вашего сайта.

Во встроенном фоторедакторе можно отредактировать загруженную фотографию: повернуть, обрезать, добавить фильтр или рамку, настроить резкость.
Иконки для бизнеса можно добавить из бесплатной коллекции Tilda Icons внутри конструктора. Иконки дополняют страницу графически, делают ее интереснее и разнообразнее. Более 40 наборов иконок нарисовали дизайнеры Тильды, ориентируясь на потребности пользователей конструктора. Поэтому в коллекцию входят наборы, которые подходят для разных сфер бизнеса.
Бесплатные иконки Tilda Icons
Чтобы добавить видео, вы можете выбрать один из источников: YouTube, Vimeo, MP4, WEBM, Rutube, Kinescope, VK Video, Boomstream или iFrame. Видео может быть фоном на обложке, в одном из готовых блоков, в Zero Block, в галереях для изображений. Gif-анимация добавляется в любой блок, как обычное изображение.

Цифровая доступность

Цифровая доступность — концепция, которая помогает сделать технологии доступными для всех людей.

Базовые блоки из библиотеки Тильды обладают всеми параметрами, чтобы сайт могли использовать люди с постоянными, временными и ситуативными ограничениями. Разметка позволяет перемещаться по блокам через клавиатуру и использовать скринридеры, а также положительно влияет на оптимизацию сайта для поисковых систем.
  • Семантически верная разметка в блоках
  • Видимый «фокус» на сайте при перемещении через клавиатуру
  • Во всех блоках с заголовками есть теги H1-H6
  • Альт-текст для изображений во всех блоках
  • Навигация по меню и подменю
  • Семантически верная разметка в блоках
  • Во всех блоках с заголовками есть теги H1-H6
  • Видимый «фокус» на сайте при перемещении через клавиатуру
  • Альт-текст для изображений во всех блоках
  • Навигация по меню и подменю
В статье про цифровую доступность мы рассказываем, что можно сделать, чтобы ваш сайт стал более дружелюбным для всех посетителей. Эти инструменты помогут вам не только улучшить пользовательский опыт и повлиять на доступность, но и оптимизировать страницы для поисковых систем и повысить конверсию сайта.

200+ шаблонов для разных отраслей бизнеса

Шаблон — готовая полноценная страница, собранная из блоков. Ее можно использовать как:
1
Основу для дальнейшего дизайна: скорректировать структуру и поменять часть блоков
2
Пример использования блоков: найти необычные применения настроек
3
Ориентир структуры: большинство шаблонов посвящены конкретному бизнесу, на нее можно ориентироваться, чтобы понять что должно быть на сайте
4
Готовую страницу, в которой нужно только заменить текст, поставить свои изображения и опубликовать.
Отличительная особенность шаблонов — большинство шаблонов сделаны для конкретного бизнеса. Перед созданием шаблона дизайнеры проводят исследование, изучая специфику сферы и смежных областей: анализируют существующие сайты, проводят интервью с представителями бизнеса, чтобы понять как сделать сайт эффективным. Только потом думают над тем, как это хорошо подать визуально. Такой подход позволяет создавать шаблоны для работающих сайтов, которые хорошо выглядят.
Шаблоны разбиты на категории:
· Бизнес
· Магазин
· Событие
· Блог
· Контакты
· Анкета
· Внутренние страницы
· Pro (шаблоны, созданные в Zero Block)
Шаблон можно сделать самому. Эта функция нужна, если на сайте много однотипных страниц или если вы работаете с филиалами — шаблоны можно передавать другим пользователям.

Интернет-магазин и подключение платежных систем

На Тильде можно создать интернет-магазин с карточками товаров, либо просто подключить платежную систему и принимать платежи онлайн, например, если вы проводите платные вебинары или собираете людей на мастер-классы.
Корзина
Карточки товаров
Варианты товаров, выбор параметров товара
Основные возможности интернет- магазина на Тильде:
Возможность изменять цену в зависимости от выбранного параметра
Изменение количества товара
Каталог товаров
Фильтр товаров по параметрам, поиск товаров и сортировка товаров
Выбор способа доставки и интеграция со службами доставок
Статистика интернет-магазина
Возможность изменять цену в зависимости от выбранного способа доставки
А также:

Импорт и экспорт товаров
Учет количества товаров в наличии
Создание промокодов
Дополнительные опции к покупке
Настройки SEO для товара
Интеграция сервисов учёта товара
Синхронизация товаров с ВКонтакте
и Яндекс.Маркет
Платежные системы, интегрированные с Тильдой
Подключите один из сервисов и принимайте платежи банковской картой, мобильным телефоном или через онлайн-сервисы. При подключении платежной системы, Тильда передает параметр для онлайн-кассы.

К Тильде можно подключить разные платежные системы, например: Cloudpayments, Robokassa, Ю. Money, Ю. Kassa, Альфа Банк, Сбербанк, Т-Банк и другие. Полный список интегрированных платежных систем вы найдете в справочном центре.
Подключите один из сервисов и принимайте платежи банковской картой, мобильным телефоном или через онлайн-сервисы. При подключении платежной системы, Тильда передает параметр для онлайн-кассы.

К Тильде можно подключить разные платежные системы, например: Cloudpayments, Robokassa, PayPal, Ю. Money, Ю. Kassa, PayAnyWay, Альфа Банк, Сбербанк, Т-Банк, bePaid, 2Checkout, Wayforpay, Stripe и другие. Полный список интегрированных платежных систем вы найдете в справочном центре.
Разработчики могут самостоятельно интегрировать платёжную систему в Тильду.
Примеры магазинов на Тильде
Эко-магазин
Магазин
Магазин
С помощью форм можно принимать данные любой сложности, проводить опросы, собирать резюме и тестовые задания соискателей, открывать онлайн-бронирование. Настройте необходимые поля с помощью простого редактора, опубликуйте их и собирайте результаты.
Находятся формы в отдельной категории «Форма».


Виды форм:
  • Вертикальные
  • Горизонтальные
  • Попапы (появление по времени, скроллу или на закрытие)
  • Формы с пошаговым заполнением
  • Опрос или голосование
  • Тест
  • Квизы с ветвлением
  • Оценка или голосование
  • Виджеты с мессенджерами, обратного звонка, формой подписки и отправки сообщений
  • Форма для приема взносов
  • Вертикальные
  • Горизонтальные
  • Попапы (появление по времени, скроллу или на закрытие)
  • Формы с пошаговым заполнением
  • Опрос или голосование
  • Тест
  • Квизы с ветвлением
  • Оценка или голосование
  • Виджеты с мессенджерами, обратного звонка, формой подписки и отправки сообщений
  • Форма для приема взносов
Дополнительные возможности
Возможность разбить большую форму на короткие этапы заполнения
Получение загруженных файлов в сервисы: Google Drive, Яндекс.Диск и Selectel
Виды полей для ввода
Телефон, e-mail, имя и ссылка с проверкой валидации
Вопрос с одним или несколькими вариантами ответа
Выпадающий список вариантов ответа
Выбор даты, времени и количества
Подтверждение действия с помощью галочки
Загрузка файлов в форму
Системный тип поля «Скрытое поле»
Оценочная шкала
Вопрос с вариантами ответа в виде картинок
Калькулятор. Расчет стоимости товара в зависимости от его параметров. Добавьте параметры и напишите формулу расчета
Количество в виде кнопок плюс/минус или ползунка
Дополнительные возможности
Возможность разбить большую форму на короткие этапы заполнения
Получение загруженных файлов в сервисы Dropbox, Google Drive, Яндекс.Диск, Selectel, Microsoft OneDrive и Amazon S3
Виды полей для ввода
Телефон, e-mail, имя и ссылка с проверкой валидации
Вопрос с одним или несколькими вариантами ответа
Выпадающий список вариантов ответа
Выбор даты, времени и количества
Подтверждение действия с помощью галочки
Загрузка файлов в форму
Системный тип поля «Скрытое поле»
Вопрос с вариантами ответа в виде картинок
Калькулятор. Расчет стоимости товара в зависимости от его параметров. Добавьте параметры и напишите формулу расчета
Количество в виде кнопок плюс/минус или ползунка
Вы можете начать с чистого листа или выбрать в библиотеке шаблонов готовую страницу с анкетой, формой записи или опросом. Выверенный дизайн блоков легко настроить под себя. Попап, форма на обложке или большой опрос — найдите лучший вариант.
Сервисы приема данных
Информация, отправленная через формы, хранится в личном кабинете Тильды в разделе «Заявки». Также можно подключить сторонний сервис приема данных из форм: заявки будут приходить на email, в Google Таблицы, в CRM или сервис рассылок.

С Тильдой интегрированы 20+ сервисов приема данных: Email, Mailchimp, Google Таблицы, Google Формы, SendGrid, GetResponse, UniSender, Brevo (SendinBlue), Mailerlite, SendPulse, AmoCRM, Мегаплан, Pipedrive, Битрикс24, Telegram, Slack, Trello, Zapier, Zoho CRM, Hubspot, Notion, Salesforce, Monday.com. Также вы можете принимать данные с помощью Webhook или собственного скрипта.

Информация, отправленная через формы, хранится в личном кабинете Тильды в разделе «Заявки». Также можно подключить сторонний сервис приема данных из форм: заявки будут приходить на email, в Google Таблицы, в CRM или сервис рассылок.

С Тильдой интегрировано 20+ сервисов приема данных. В России можно подключить некоторые из них, например: Email, Google Таблицы, Google Формы, UniSender, AmoCRM, Мегаплан, Битрикс24, Telegram. Также вы можете принимать данные с помощью Webhook или собственного скрипта.
Система управления заявками — простой инструмент, встроенный в Тильду. CRM упрощает работу с клиентами:
  • Заявки хранятся в одном месте, есть адресная книга, сохраняется история заказов;
  • Аналитику по заявке и по клиенту CRM собирает автоматически: источники переходов на ваш сайт, количество посещений и просмотренных страниц, количество заявок одного пользователя и т. д.
  • Заявки можно разбить на этапы (воронка продаж);
  • Наглядный карточный вид позволяет быстро оценить общую картину;
  • Отправка писем из CRM;
  • Работа в команде: можно оставлять комментарии и есть вся информация о заказе.
  • Заявки хранятся в одном месте, есть адресная книга, сохраняется история заказов;
  • Аналитику по заявке и по клиенту CRM собирает автоматически: источники переходов на ваш сайт, количество посещений и просмотренных страниц, количество заявок одного пользователя и т. д.
  • Заявки можно разбить на этапы (воронка продаж);
  • Наглядный карточный вид позволяет быстро оценить общую картину;
  • Отправка писем из CRM;
  • Работа в команде: можно оставлять комментарии и есть вся информация о заказе.
Вся информация по заявкам, комментарии и встроенная статистика
Наглядный карточный вид, простое управление через перетаскивание
Основные возможности CRM:
Информация о заказе
История каждого клиента
Простое управление через перетаскивание
Разделение заявок по этапам работы
Добавление заявок с сайта или вручную
Вся информация по заявке в одной карточке
Аналитика по заявке и качество источников трафика
Подойдет небольшим компаниям и предпринимателям, которым не нужен сложный набор функций классической CRM-системы, но нужна система в делах.

CRM подключается к сайту в один клик без дополнительной платы.

Автоматическая адаптация для мобильных

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

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

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

Адаптивность — важный параметр SEO. Поисковые системы отдают предпочтение сайтам, которыми удобно пользоваться на мобильных устройствах.

Редактор Zero Block для собственного дизайна

Zero Block — редактор для создания собственного дизайна. Позволяет нарисовать сайт, как в обычных графических редакторах, но этот дизайн сразу же можно опубликовать и он будет работать. В редакторе есть привычные для дизайнера инструменты: сетка, направляющие, слои, масштабирование.
Элементы, которые можно использовать для дизайна в Zero:
Текст
Изображение
Вектор
Геометрическая фигура
Видеоплеер
HTML для добавления своего кода
Premium leather and textile upper with VELCRO brand fastener at ankle
Solid rubber outsole for traction and durability
Тултип для пояснений
Кнопка
LET'S GO!
Форма
Интерфейс редактора Zero Block
Галерея
Удобная панель слоев
Гибкая настройка направляющих
Гибкая настройка разрешения экранов
Линейки и подсветка элементов
Удобное выравнивание элементов
Удобное редактирование отступов между элементами
  • Инструменты Zero позволяют сделать «резиновую» верстку — дизайн будет автоматически учитывать размер экрана.
  • Для любого элемента в блоке можно добавить CSS-класс. Эта функция упрощает процесс модификации элементов — вы задаёте класс заголовку, изображению, галерее и любому другому элементу и указываете его название в html-коде.
  • Zero Block можно использовать как редактор для существующих блоков. Большинство блоков из библиотеки можно конвертировать в Zero и изменить внешний вид.
  • С помощью элемента Vector вы можете создавать шейпы любой формы и базовые иллюстрации для сайта, а также дорабатывать импортированные svg-объекты.
  • Любой Zero Block можно превратить во всплывающее окно, добавив на страницу блок-модификатор T1093 «Popup: Zero Block в попапе» из категории «Другое».
  • Макет сайта, созданный в Фигме, можно импортировать в Zero Block автоматически по API. Вы экономите время — не нужно переносить каждый элемент из графического редактора в Тильду и пересобирать дизайн сайта с чистого листа.
Инструменты Zero позволяют сделать «резиновую» верстку — дизайн будет автоматически учитывать размер экрана.

Для любого элемента в блоке можно добавить CSS-класс. Эта функция упрощает процесс модификации элементов — вы задаёте класс заголовку, изображению, галерее и любому другому элементу и указываете его название в html-коде.

Zero Block можно использовать как редактор для существующих блоков. Большинство блоков из библиотеки можно конвертировать в Zero и изменить внешний вид.

С помощью элемента Vector вы можете создавать шейпы любой формы и базовые иллюстрации для сайта, а также дорабатывать импортированные svg-объекты.

Любой Zero Block можно превратить во всплывающее окно, добавив на страницу блок-модификатор T1093 «Popup: Zero Block в попапе» из категории «Другое».

Макет сайта, созданный в Фигме, можно импортировать в Zero Block автоматически по API. Вы экономите время — не нужно переносить каждый элемент из графического редактора в Тильду и пересобирать дизайн сайта с чистого листа.
Примеры сайтов, созданных с использованием Zero:
Сайт музея первого русского импрессиониста К. А. Коровина
Лонгрид с историей семьи Уизли из «Гарри Поттера»
Лендинг всероссийской акции

Базовая и продвинутая анимация

Эффекты появления в стандартных блоках
Fade In — появление через прозрачность.
Fade In Up — появление через прозрачность снизу.
Fade In Down — появление через прозрачность сверху.
Fade In Left — появление через прозрачность справа.
Fade In Right — появление через прозрачность слева.
Zoom In — появление через увеличение или уменьшение.
Появление элементов блока через прозрачность
Анимация в Zero: дополнительные настройки эффектов появления:
1
Продолжительность эффекта
2
Пауза перед началом действия анимации
3
Триггер, по которому начинается анимация
Анимация в Zero: параллакс и фиксация
Эффект параллакса создает эффект трехмерного пространства, из-за разной скорости движения элементов относительно фона. У параллакса две настройки:
1
По скроллу
2
По движению мыши
Фиксация — эффект, при котором элемент можно закрепить в определенной позиции на время скролла. Регулируется координаты и продолжительность фиксации.
Инструмент для продвинутой анимации. Анимация по шагам — это создание сценариев движения элементов на странице. Текст, картинки, объекты могут менять положение, двигаться по траектории, менять размер, прозрачность и угол поворота по скроллу, по клику или при наведении.
Интерфейс редактора пошаговой анимации
Примеры пошаговой анимации
Изменение скорости движения элемента в рамках одной анимации — замедление или ускорение
Изменение свойств элемента для каждого шага
Выбор начала анимации элемента: по скроллу, клику, наведению или появлению
Добавление новых шагов анимации
Триггерная (зависимая) анимация в Zero
Триггерная анимация — дополнительная интерактивность на сайте и вовлечение посетителей. Можно создать анимацию любого элемента и назначить другой элемент триггером. Триггер запустит анимацию при клике или наведении на него.
Work for Commercial Brands
Love Portraits and Fashion photography
Also take photos on events
Choose any project, hover over any title
Наведите курсор на любой из заголовков

Оптимизация (SEO) и продвижение в социальных сетях

Хорошая индексация за счет блочной структуры
Сайты, сделанные на Тильде, по умолчанию отлично индексируются поисковиками за счет особенности самой платформы — последовательного расположения блоков на странице.
Автоматический SEO анализ и рекомендации
В настройках сайта есть инструмент, который проанализирует все страницы сайта и выдаст конкретные рекомендации по каждой странице — что нужно исправить или сделать, чтобы улучшить оптимизацию для поисковых систем. Рекомендации написаны простым языком — их можно выполнить, даже если не знать, как расшифровывается SEO.
Автоматическая проверка настроек сайта для поисковых систем внутри Тильды
Настройки для SEO
Специалистам доступны настройки:
<title> — Название страницы, которое отображается в самом верхнем поле браузера. Это самый важный тег для оптимизации, так как поисковые системы придают ему большое значение.

<description> — Краткое описание страницы. Содержимое этого тега поисковые системы используют для создания сниппета — текста, который выводится рядом с ссылкой в поисковой выдаче.

<h1> — Заголовок для всего текста страницы. Следующий по важности тег после <title>.

<h2>-<h6> — Теги, которые задают структуру страницы.

Адреса страниц — Возможность задать правильные с точки зрения SEO адреса страниц, без лишних символов.

<alt> — альтернативный текст для изображения: отображается, если картинка не загрузилась и используется поисковыми сетями в качестве ключевых слов для индексации изображений.

Файл robots. txt — файл для поисковых роботов, в котором указано какие страницы нужно индексировать, а какие нет. Генерируется автоматически.

Файл sitemap. xml — файл для поисковых роботов, который описывает то, как организован контент на вашем сайте. Это помогает им более точно индексировать ваши страницы. Генерируется автоматически.

301 redirect — используется при изменении адреса, чтобы сохранить вес страницы в поисковых системах.

www. и https-редиректы — возможность настроить переадресацию со страницы с префиксом http на страницу с https, чтобы не дублировать их и избежать снижения рейтинга в поисковой выдаче. Аналогично настраивается редирект с сайта без www. на сайт с www.

Страница 404 ошибки — автоматическая страница, которая открывается, если запрашиваемый сайт невозможно найти: человек ошибся при наборе адреса или страница была удалена.

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

Специально для соцсетей в Тильде можно добавить:
  • Бейджик (картинку для расшаривания)
  • Название и описание страницы
  • Кнопки «Поделиться»
  • Иконки с ссылками на ваши страницы в социальных сетях
  • Плагины с призывом подписаться на страницу
  • Бейджик (картинку для расшаривания)
  • Название и описание страницы
  • Кнопки «Поделиться»
  • Иконки с ссылками на ваши страницы в социальных сетях
  • Плагины с призывом подписаться на страницу

Статистика сайта и интернет-магазина

Во всех сайтах на Тильде есть встроенная статистика. В настройках сайта можно посмотреть:
  • Количество посещений сайта (сессии)
  • Источники трафика
  • Количество просмотров
  • Конверсию
  • Количество посетителей
  • UTM метки
  • Время просмотра страниц
  • Процент «доскролла»
  • Процент просмотров с мобильных телефонов
  • Процент посетителей странам и городам
  • Количество заявок, отправленных через формы
  • XYZ-анализ и ABC-анализ
  • Количество посещений сайта (сессии)
  • Источники трафика
  • Количество просмотров
  • Конверсию
  • Количество посетителей
  • UTM метки
  • Время просмотра страниц
  • Процент «доскролла»
  • Процент просмотров с мобильных телефонов
  • Процент посетителей странам и городам
  • Количество заявок, отправленных через формы
  • XYZ-анализ и ABC-анализ
Статистика посещаемости сайта
Подробная статистика по дням
Источники трафика на сайт
География пользователей
Если создан интернет-магазин, то для него отображаются данные:
  • Количество и общая сумма заказов
  • Процент повторных заказов
  • Самые продаваемые и просматриваемые товары
  • Каналы, которые приносят наибольший доход
  • Средний чек
  • Количество и общая сумма заказов
  • Процент повторных заказов
  • Самые продаваемые и просматриваемые товары
  • Каналы, которые приносят наибольший доход
  • Средний чек
Сводка основных данных статистики интернет-магазина
Топ товаров по заказам
Раз в месяц сводные данные о статистике приходят на почту.

Это основные показатели, которые сформируют картину происходящего на сайте. Если вы профессиональный маркетолог и вам нужны более сложные показатели, то тут же, в настройках, можно подключить Google Analytics, Яндекс. Метрику или Google Tag Manager. Сторонние счетчики подключаются бесшовно — не нужно добавлять код или номер счетчика, достаточно авторизоваться в выбранной системе и счетчик будет добавлен на все страницы сайта.

Также можно добавить пиксели Facebook* и ВКонтакте, чтобы настраивать таргетированную рекламу.
Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Раз в месяц сводные данные о статистике приходят на почту.

Это основные показатели, которые сформируют картину происходящего на сайте. Если вы профессиональный маркетолог и вам нужны более сложные показатели, то тут же, в настройках, можно подключить Google Analytics, Яндекс. Метрику или Google Tag Manager. Сторонние счетчики подключаются бесшовно — не нужно добавлять код или номер счетчика, достаточно авторизоваться в выбранной системе и счетчик будет добавлен на все страницы сайта.

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

Подключение своего домена и HTTPS

К сайту можно подключить собственное доменное имя вида mysite.com. Если вы уже купили имя у регистратора доменных имен, то его нужно просто прописать в настройках сайта, а у регистратора указать наш IP адрес. Если домена еще нет, его можно купить без комиссии в личном кабинете Тильды.
При покупке любого тарифа на год, действует акция «домен в подарок» — вы сможете зарегистрировать имя бесплатно.

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

HTTPS — протокол зашифрованного соединения — подключается для всех сайтов бесплатно, внутри личного кабинета для этого не нужны никакие технические уловки. Есть мнение, что сайты, у которых есть SSL сертификат лучше индексируются поисковиками.
Сайту можно дать красивое имя вида mysite.tilda.ws. Сайты с такими именами не отличаются от сайтов с собственным доменом и без проблем индексируются поисковиками. Красивое имя можно задать на любом тарифе, включая бесплатный.

HTTPS — протокол зашифрованного соединения — подключается для всех сайтов бесплатно, внутри личного кабинета для этого не нужны никакие технические уловки. Есть мнение, что сайты, у которых есть SSL сертификат лучше индексируются поисковиками.

Мультилендинги и геолендинги

Мультилендинги и геолендинги позволяют персонализировать страницы и показывать разным людям разный контент. Это важно, если вы подстраиваете рекламные сообщения для разных запросов. Или ваша аудитория делится по географическим регионам или языкам.
Например, если вы продаете товары в Москве, Нижнем Новгороде и Новосибирске, то вы можете показывать жителям разных городов разные страницы. А если вы продаете туры в разные страны, то страницу с туром в Таиланд можно показывать тем, кто планирует поехать в Таиланд, а страницу с туром на Бали тем, кто собирается на Бали. Чем точнее страница соответствует запросу, тем больше шанс, что человек заинтересуется и останется.
Варианты замены контента:
1
По слову, прописанному в URL (может быть просто адрес страницы или UTM-метка)
2
По географическому положению
3
По языку операционной системы и браузера
4
Переадресация на определенную страницу, в зависимости от географического расположения
Менять можно отдельные слова, блоки или целые страницы.

Создание email и отправка через сервисы рассылок

Кроме сайта в Тильде можно создавать красивые письма и отправлять рассылки. Это функция входит в стоимость тарифных планов, за нее не нужно платить отдельно.
Принцип создания письма тот же, что и при создании сайта: письмо собирается из готовых блоков, контент меняется по клику на текст или изображение прямо со страницы.
Создание рассылки в редакторе Тильды
Создание письма начинается с выбора одного из одиннадцати шаблонов. Шаблоны служат примерами как могут выглядеть письма, но не ограничивают творчество — они собраны дизайнерами из готовых блоков, поэтому моментально преобразуются.
Если вы знакомы с рассылками, то знаете, как капризны почтовые клиенты — то, что хорошо выглядит в браузере, может быть абсолютно нечитаемо в почтовом приложении на мобильном телефоне. При проектировании конструктора рассылок мы определили приоритет: письма должны хорошо читаться и отображаться на любом устройстве и в любой программе. Осталось наполнить их хорошим контентом.

Чтобы отправить письмо, можно подключить подходящий вам сервис — в этом случае письма можно отправлять из Тильды по списку контактов, которые есть в сервисе рассылок.

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

Публикация новостей или ведение блога

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

Публикации автоматически появятся на сайте в блоках с подключенным потоком. Время публикации можно запланировать.
Дополнительные возможности:
  • К посту можно добавить ссылку на отдельную страницу (лонгрид)
  • Уникальная страница для каждого поста создается автоматически
  • Есть настройки для SEO и превью ссылок на посты в социальных сетях
  • Лента постов оформляется с помощью блоков из специальной категории «Новости и потоки»
  • В ленте можно выводить релевантные посты
  • Публикации в «Потоках» поддерживают турбо-страницы и AMP, автоматически генерируется RSS канал
  • С помощью html-кода можно добавить комментарии под текстом поста
  • Планируйте посты заранее и публикуйте по графику
Панель управления «Потоками»
Блоги их категории «Новости и потоки»
Панель редактирования статьи

Личный кабинет пользователя

Функция позволяет ограничить доступ к эксклюзивному контенту вашего сайта, например, закрытой информации для клиентов, участников мероприятия или партнеров.
Вы можете добавлять пользователей вручную, настроить автоматическое добавление в группу после оплаты, либо создать форму для самостоятельной регистрации. Настройте дизайн страницы регистрации, создайте группу доступа и откройте этой группе доступ к определенным страницам сайта. Задайте время, после которого пользователи будут автоматически исключены. Срок доступа к материалам можно задать на период до одного года или до заданной даты.
Окно самостоятельной регистрации
Редактирование данных пользователя
Личный кабинет будет находится на вашем домене
Функция личного кабинета находится в настройках сайта в разделе «Личный кабинет»
Редактируйте данные пользователя и настройки доступа
Наглядный вид доступных пользователю групп
Добавляйте пользователей для дальнейшего распределения по группам доступа
Создавайте группы доступа к разным эксклюзивным страницам сайта
Интерфейс группы доступа. Управление пользователями и доступными страницами

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

Создайте собственный курс для широкой аудитории или опубликуйте лекции для сотрудников с помощью конструктора курсов на Тильде.

Блочный текстовый редактор позволит легко и быстро создавать и оформлять лекции, а также настраивать элементы. В каждую лекцию можно добавить видео, вебинары, страницы проекта, текст, тесты и домашние задания для студентов.
Добавьте студентов вручную или настройте автоматическое добавление после оплаты
Разделы помогут структурировать курс, чтобы в материалах было легко ориентироваться
Добавляйте видео, тексты, домашние задания, тесты и другие форматы контента.
Удобный доступ к редактированию учебных материалов
Добавьте название и описание курса, откройте материалы для студентов и назначьте преподавателя
Объединяйте людей в группу, для которой будет открыт курс
Создавайте курсы с разным набором модулей и лекций. На одном аккаунте можно создать несколько курсов.
Все инструменты управления потоками студентов и контентом — в одном месте.
Функция конструктора курсов находится в настройках сайта в разделе «Личный кабинет».
Дополнительные возможности:
  • Доступ к курсам после оплаты
  • Назначение преподавателей и проверка домашних заданий
  • Оповещения о сдаче домашнего задания или результатах его проверки
  • Экспорт курсов в другие системы управления обучением
  • Прогресс прохождения курса у конкретного студента
  • Статистика по лекциям и активности учеников
  • Защита контента от копирования
Удобный интерфейс для студента
Домашние задания, оценки и комментарии
Статьи, видеолекции, вебинары и тесты

Генерация текста с помощью AI

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

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

Генерация для блока

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

Генерация для поля

В базовых блоках и Zero Block есть помощник, который облегчит написание контента, достаточно выбрать любое текстовое поле в редакторе.

Создание базы знаний с Tilda Docs

Tilda Docs — инструмент для создания баз знаний, ведения регламентов компании, документации по проекту и многого другого. В интуитивном блочном редакторе удобно создавать текстовые документы, добавлять видео и изображения. Документы можно объединять в папки, чтобы структурировать хранение.
Интерфейс Tilda Docs

Примеры использования Tilda Docs

Полезная информация для сотрудников

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

Личная база знаний

Соберите в одном месте конспекты с курсов, списки полезных материалов, заметки с рабочих встреч и многое другое.

Публичные документы

Вы можете использовать Tilda Docs, если ведёте блог о дизайне, фрилансе или маркетинге и хотите поделиться полезными материалами с подписчиками, например, шаблоном письма, конспектом с конференции и т.д. Или вы устраиваетесь на работу и вам нужно сделать резюме. В Tilda Docs вы можете быстро собрать документ, аккуратно его оформить и опубликовать с заданным вами субдоменом на tilda.ws. Также можно делиться ТЗ с подрядчиками или брифами с клиентами, закрыв их паролем или по ip (доступно на тарифе Business).

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

Экспорт кода используется, когда у вас уже есть многостраничный сайт и вы хотите добавить в него страницы, созданные на Тильде. При экспорте вы получаете архив со статичным HTML, JS, CSS и картинками. Размещаете в папке на своем сервере и на вашем сайте появляются красивые страницы.
Если контент нужно обновлять регулярно, можно настроить синхронизацию по API. В этом случае после публикации изменения, внесенные на странице автоматически обновятся на вашем сайте.

Безопасность сайтов и высокая скорость загрузки

Защита от DDoS

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

Оптимизация доставки изображений

CDN или сеть доставки контента

Технология распределенного хранения контента (content delivery network, CDN) позволяет хранить контент на географически распределенных серверах и отдавать его посетителю в зависимости от того в какой точке мира он находится. Например, если пользователь из Берлина, он получит изображение из Германии, а не России.


Lazy Load

Технология отложенной загрузки изображений. Когда посетитель заходит на сайт, изображения загружаются последовательно по мере его продвижения по сайту, а не все разом. Это также ускоряет загрузку сайтов.


Поддержка WebP

Автоматическая конвертация всех картинок на сайте в WebP — формат, который позволяет сжимать изображение до 35% сильнее, чем JPEG, без потери качества. После оптимизации общий вес изображений на сайте уменьшается в 3 раза.
Адаптивный ресайз изображений

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


Retina-дисплеи и медленный интернет

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

Поддержка и документация

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

Видеоуроки помогут разобраться с тем, как сделать одностраничный или многостраничный сайт, интернет-магазин, блог, как устроен редактор Zero Block, конструктор рассылок, анимация и CRM.

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

Обучение и развитие

Чтобы люди не только создавали сайты, но и учились, развивались и самосовершенствовались, мы создали образовательный журнал Tilda Education. В рамках этого проекта было выпущено 6 курсов:
«Создание Landing Page» — курс, который учит проектировать, оформлять и запускать конверсионные лендинги и увеличивать количество клиентов.
Бесплатный онлайн-курс «Создание Landing Page»
«Интернет-маркетинг с нуля» — вся базовая информация, которая нужна новичкам для продвижения сайта. Мы выбрали и структурировали необходимые знания, чтобы вы могли просто следовать инструкции и получать результат.
«Дизайн в цифровой среде» — курс по веб-дизайну, 15 лет работы в индустрии мы упаковали в 20 увлекательных лонгридов, которые научат делать современные сайты для себя или для клиентов.
«Анимация в вебе» — 28 уроков c примерами и приемами использования веб-анимации, включая базовую теорию анимации. Внутри каждой лекции практический видеоурок по созданию анимации в Тильде.
Онлайн-курс «Анимация в вебе»
«Создание сайта без программирования» — онлайн-курс для тех, кто хочет научиться самостоятельно создавать готовые к продвижению сайты, которые отлично выглядят на любых устройствах.
«Как разобраться в задаче» — видеокурс для тех, кто хочет работать с клиентами. Вы узнаете, как подготовиться к встрече с заказчиком, удачно её провести, задать правильные вопросы и сократить количество правок в дальнейшей работе.
Также мы регулярно публикуем оригинальные статьи по дизайну и маркетингу, которые раскрывают технологию создания и продвижения сайтов и вдохновляют на создание интересных проектов.

Для кого подходит Тильда. Отзывы и примеры сайтов на Tilda

Tilda создала новый подход к созданию сайтов и изменила отношение к конструкторам в целом. Феномен Тильды в том, что ее используют и начинающие предприниматели, которые пока не могут нанять команду программистов и дизайнеров и известные бренды.
Тильда подходит для:
  • Предпринимателей, которые делают сайт для бизнеса самостоятельно
  • Маркетологов, которые создают лендинги, страницы мероприятий, акции или спецпроекты
  • Дизайнеров, создающих сайты для клиентов
  • Компаний, для которых поддержка сайта должна быть легкой
  • Медиа и блогеров, которые хотят необычно оформить контент
  • Предпринимателей, которые делают сайт для бизнеса самостоятельно
  • Маркетологов, которые создают лендинги, страницы мероприятий, акции или спецпроекты
  • Дизайнеров, создающих сайты для клиентов
  • Компаний, для которых поддержка сайта должна быть легкой
  • Медиа и блогеров, которые хотят необычно оформить контент
Примеры сайтов, сделанных на Tilda:
Лендинг мероприятия
Интернет-магазин одежды
Лендинг настольной игры
Интернет-магазин амуниции для собак
Образовательная платформа
Онлайн-бронирование домиков
Образовательный проект
Портфолио фотографа
Сайт застройщика
Доставка итальянской пиццы
Сайт театра
Видеолекции от Синхронизации и Яндекс Go
Отзывы о Тильде
Что говорят о Tilda представители компаний, можно прочитать на странице с отзывами, а также в статье на Habr, где 6 digital компаний: Depositphotos, Contented, YouDrive, mos.ru, Точка и myTarget рассказали, как они используют Тильду в своих проектах.


Обзоры Tilda от дизайн-студий:

Ценовая политика: тарифные планы

Отличие Тильды от других конструкторов:
  • Сайт можно создать бесплатно
  • Всего два платных тарифа и в них очень просто разобраться
  • Сайт можно создать бесплатно
  • Всего два платных тарифа и в них очень просто разобраться
Tilda Personal — все функции конструктора, включая рассылки, формы, CRM, статистику, вставку кода, интернет-магазин и платежные системы.

Tilda Business — то же самое + экспорт кода и возможность создать 5 сайтов

Если другие конструкторы дробят функции и просят дополнительную плату за подключение статистики, форм или e-commerce, то на Тильде один тариф включает все функции.
Тариф Tilda Free
Стоимость: бесплатно

Сайт на Тильде действительно можно сделать бесплатно и это не акция, ограниченная по времени. При этом вы можете указать свое имя сайта, вида mysite.tilda.ws и отправить ссылку друзьям или клиентам, рекламировать, продвигать в социальных сетях, указывать в профиле.
Тариф Tilda Personal
Стоимость: 500 рублей в месяц при оплате за год

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

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

Резюме

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

В настоящий момент конструктор позволяет реализовать большинство функций современных сайтов. Но веб быстро меняется и отличительная особенность Тильды в том, что платформа непрерывно совершенствуется. Проследить, как развивается инструмент можно по годовым отчетам команды за 2017, 2018, 2019, 2020, 2021, 2022, 2023 и 2024 год. Это работа людей, влюбленных в продукт, которую они выполняют, чтобы и ваш бизнес был успешным тоже ❤️
Сайт, о котором вы мечтали, начинается прямо здесь
Made on
Tilda