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

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

Хороший дизайн должен быть доступным. Тильда дает возможность для каждого — от творческих предпринимателей до крупных компаний и брендов — создавать дизайн, который раньше был привилегией заказчиков профессиональных студий.
Содержание
· Защита от DDoS
· CDN или сеть доставки контента
· Lazy Load
· Поддержка WebP
· Адаптивный ресайз изображений
· Retina-дисплеи и медленный интернет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

Макет сайта, созданный в Фигме, можно импортировать в 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>,<h3> — Теги, которые задают структуру страницы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Личный кабинет для вашего сайта

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

Экспорт кода и 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. В рамках этого проекта было выпущено 3 учебника-курса:
«Создание Landing Page» — курс, который учит проектировать, оформлять и запускать конверсионные лендинги и увеличивать количество клиентов.
Бесплатный онлайн-курс «Создание Landing Page»
«Интернет-маркетинг с нуля» — вся базовая информация, которая нужна новичкам для продвижения сайта. Мы выбрали и структурировали необходимые знания, чтобы вы могли просто следовать инструкции и получать результат.
«Дизайн в цифровой среде» — курс по веб-дизайну, 15 лет работы в индустрии мы упаковали в 20 увлекательных лонгридов, которые научат делать современные сайты для себя или для клиентов.
«Анимация в вебе» — 28 уроков c примерами и приемами использования веб-анимации, включая базовую теорию анимации. Внутри каждой лекции практический видеоурок по созданию анимации в Тильде.
Онлайн-курс «Анимация в вебе»
Также мы регулярно публикуем оригинальные статьи по дизайну и маркетингу, которые раскрывают технологию создания и продвижения сайтов и вдохновляют на создание интересных проектов.

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

Tilda создала новый подход к созданию сайтов и изменила отношение к конструкторам в целом. Феномен Тильды в том, что ее используют и начинающие предприниматели, которые пока не могут нанять команду программистов и дизайнеров и известные бренды.
Тильда подходит для:
  • Предпринимателей, которые делают сайт для бизнеса самостоятельно
  • Маркетологов, которые создают лендинги, страницы мероприятий, акции или спецпроекты
  • Дизайнеров, создающих сайты для клиентов
  • Компаний, для которых поддержка сайта должна быть легкой
  • Медиа и блогеров, которые хотят необычно оформить контент
  • Предпринимателей, которые делают сайт для бизнеса самостоятельно
  • Маркетологов, которые создают лендинги, страницы мероприятий, акции или спецпроекты
  • Дизайнеров, создающих сайты для клиентов
  • Компаний, для которых поддержка сайта должна быть легкой
  • Медиа и блогеров, которые хотят необычно оформить контент
Примеры сайтов, сделанных на Tilda:
Лендинг премии
Лендинг вакансий банка
Образовательная платформа
Лендинг настольной игры
Лендинг сервиса
Онлайн-магазин
Образовательный проект
Онлайн-школа
Спецпроект
Портфолио фотографа
Онлайн-журнал библиотеки имени Н. А. Некрасова
Сайт выставки
Отзывы о Тильде
Что говорят о 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 год. Это работа людей, влюбленных в продукт, которую они выполняют, чтобы и ваш бизнес был успешным тоже ❤️
Если вам понравился материал, пожалуйста, поделитесь им с друзьями
в соцсетях
Сайт, о котором вы мечтали, начинается прямо здесь
Made on
Tilda