Что такое тильда
Перейти к содержимому

Что такое тильда

  • автор:

Интуитивный конструктор сайтов

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

Библиотека блоков

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

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

Адаптивность

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

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

Редактор собственных блоков

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

Zero Block — графический редактор для профессиональных дизайнеров, который позволяет полное редактирование всех элементов сайта.

Your browser does not support the video tag.

Тильда в действии. Посмотрите, как легко создать сайт самому. Всё, что вам нужно, — это контент и хороший вкус.

Ключевые особенности

Фокус на типографике

Контент, оформленный с помощью Тильды, не просто красив — его хочется читать.

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

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

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

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

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

Визуальный контент

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

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

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

Скриншот сайта на Тильде с фотографией во весь экран.

Галерея фотографий на сайте во весь экран. Одно горизонтальное изображение во всю ширину экрана, ниже две фотографии в две колонки. Сайт создан на Тильде

Конструктор сайтов Tilda Publishing

Все для лендингов

Создание посадочных страниц и измерение их эффективности

Мы разработали ряд блоков для создания лендингов, среди которых — отзывы, блоки call-to-action, перечисление преимуществ, кнопки и многое другое. Особенно мы гордимся удобными формами сбора данных, которые интегрированы с двенадцатью сервисами, подходящими для того, чтобы создать лендинг пейдж.

Интернет-магазин
Создавайте онлайн-магазины, интернет-бутики, продавайте отдельные товары или услуги.

Используйте готовые шаблоны или специальные блоки для интернет-коммерции. Выберите способ приема платежей: через ЮКасса, Robokassa, Cloudpayments, Альфа-Банк, Сбер, Тинькофф и другие, опубликуйте сайт, и ваш интернет-магазин готов за несколько часов. Данные о заказах будут приходить на вашу почту, в Google Drive или в CRM. Создать интернет-магазин просто!

Вы в хорошей компании

Тильда — стандарт на рынке создания сайтов. Все дизайн-агентства, с которыми мы работаем, умеют создавать качественный контент на платформе. Это сильно упрощает процесс разработки, публикации и актуализации лендингов и сайтов.
Удобно, что есть Tilda CRM «из коробки», которая в два клика подключается к сайтам и позволяет не пропустить ни одной клиентской заявки. Тильда помогает сохранить время и предлагает простой, но мощный инструмент, чтобы мы могли реализовать практически любые идеи с минимальными затратами.

Илья Титов
IT-директор Модульбанка

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

Евгений Лебедев
Директор по маркетингу Яндекс.Практикума

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

Константин Байдак
Проектировщик интерфейсов в Банке Точка

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

Степан Величко
Менеджер по продукту ЦИАН

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

Максим Пинигин
Основатель Силы Ветра

Я всегда за простые решения без усложнений. В Тильде может работать любой человек из команды. Если вдруг мне надо опубликовать новость с другого конца света — зашёл, быстро фотографию закинул, у тебя уже всё сделано. Это сервис, где я нажал на кнопку — и ни о чём не думаю. Так же как ДубльДом для клиента — купил и живёшь. Смотреть видеоисторию.

Иван Овчинников
Архитектор и создатель ДубльДома

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

Анастасия Синельщикова
Координатор проекта Nikon School

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

Всеволод Шапошников
Ведущий дизайнер Нетологии

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

Андрей Голактионов
Арт-директор GeekBrains

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

Павел Астафуров

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

Денис Гуляев

Тильда сильно экономит время, так как часть проекта можно сделать без привлечения технических специалистов. Еще один плюс — клиент может управлять контентом сайта самостоятельно. Внутри CreativePeople нет строгого разделения, что сделать на коробочной CMS, а что сделать на Тильде. Тильду мы используем как фреймворк. Что-то можем сделать с помощью стандартных блоков, но чаще используем редактор Zero Block и верстаем блоки самостоятельно.

Иван Картавый
Директор по исследованиям и эффективности в CreativePeople

За два года, что мы работаем с Тильдой, ничего не рухнуло, ни разу не было проблем — и это меня очень радует. Особенно мне нравится, что можно ставить виджеты. Как человек, который вообще не знает код, я могу спокойно подключить внешний html-код, и в результате посетители сайта не делают лишний клик, чтобы перейти на другой сайт для покупки билета.

Кирилл Козубенко
Арт-директор фестиваля «Усадьба Jazz»

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

Мария Любимцева
Руководитель проектов digital-маркетинга ФРИИ

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

Ирина Кудряшова
Marketing Projects Manager в Redmadrobot

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

Евгения Дацко
Арт-директор маркетинговых коммуникаций РБК

Тильда меняет современное представление о дизайне. Создавая сайт, я чувствую свободу повествования, думая лишь о содержании и не думая об инструментах.

Ярослав Шуваев
Head of R&D в Ak Bars Digital Technologies

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

Наталия Соколова
Руководитель группы интернет-дизайна в М.Видео

Для редактора, который лучшие годы своей жизни посвятил сайту с админкой, в которой есть максимум 5 элементов, Tilda Publishing — это оказаться в дьюти-фри с папиной кредиткой.

Инна Герман
Главный редактор проекта «Теории и практики»

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

Алексей Пономарь

Поразил экспорт. Я ожидал увидеть треш и угар, а у вас технично все по папочкам разложено — даже исходники страниц без header/footer’ов в /files. Респект! Подключили на php-шечку и nginx буквально за полчаса с мелкими доработками.

Что такое Тильда

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

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

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

Вы выбираете тариф и передаете мне доступы к нему. У кого уже есть тариф, пропускаем этот блок.

1. Free — работать нельзя, большинство блоков неактивны, нельзя подключить домен. Можно подключить пробный тариф Personal на 2 недели.

2. Personal — подойдет всем, кому достаточно иметь 1 проект и 1 домен.

3. Business — можно работать над 5 проектами и подключить 5 доменов.

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

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

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

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

Двухминутный видеогид по тому, как устроена Тильда. Посмотрите, как легко создать сайт самому.

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

Обычно сайт состоит из последовательности этажей: сначала обложка, за ней — описание проекта, иллюстрации, отзывы, контакты. В Тильде каждый такой этаж называется блоком. Готовые блоки рассортированы по категориям в библиотеке слева.

Библиотека блоков
в Тильде

Все блоки спроектированы дизайнерами. Основной акцент сделан на типографику и стройную композицию элементов. Поэтому не надо ломать голову, как и что располагать: используйте готовые решения и получайте качественно оформленные страницы. Сейчас в коллекции 550+ блоков, и постоянно появляются новые.

Коллекция блоков

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

Текстовые блоки

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

Изображения
Блоки для представления визуального контента — фотографий, иллюстраций и графики.

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

Форма и кнопка
Элементы для сбора данных — электронной почты или телефона и кнопки для социальных сетей.
Плитка и ссылка
Красиво оформленные блоки в виде карточек для перехода на другие страницы.
Преимущества
Комбинации фотографий, текста и иконок, чтобы подробно рассказать о товарах или услугах.
Таймлайны, карточки и колонки для последовательного представления информации.
Наглядное оформление цен на услуги в формате карточек или таблиц.
Блоки для представления людей. Например, сотрудников, которые трудятся в вашей компании.
Отзывы клиентов о вашей работе, которые помогут заручиться доверием новых.
Добавление видео с YouTube или Vimeo и комбинации плееров с другими элементами.
Разделители
Нумерация, разделительные линии, плавная смена цвета фона и дополнительные отступы.

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

Блок для вставки html-кода, якорные ссылки, индикатор прокрутки или загрузки страницы, эффект печатной машинки для заголовков и даже эффект снегопада для новогодних сайтов.

Когда блоки выбраны, наполните их своим текстом и иллюстрациями. Содержимое редактируется по принципу «кликнул — поменял» или во вкладке «Контент».

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

Настройки обложки в Тильде (блок CR04)

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

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

Готовые шаблоны для быстрого старта

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

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

If a building becomes architecture, then it is art

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

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

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

Формы обратной связи: интеграция с 25+ сервисами приема данных

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

Библиотека блоков
в Тильде

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

Пример опроса с пошаговым заполнением. Нажмите, чтобы посмотреть, как это работает:

Fill out the form and we will contact you soon.

Prev
Next
Last step

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

Формы интегрированы с популярными сервисами:

  • email и Google Таблицы
  • сервисы рассылок: UniSender, SendPulse, MailChimp, SendGrid, SendinBlue, MailerLite, GetResponse
  • CRM: Tilda CRM, AmoCRM, Pipedrive, Битрикс24, Мегаплан, GetResponse, Trello, Zapier, Hubspot, ZohoCRM, Salesforce, Monday.com, Notion
  • мессенджеры: Telegram, Slack

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

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

35+ платежных систем, которые можно подключить в настройках сайта:

  • ЮKassa
  • ЮMoney
  • Cloudpayments
  • Robokassa
  • Сбербанк
  • Тинькофф
  • Альфа-Банк
  • Stripe
  • 2Checkout
  • PayAnyWay
  • LiqPay
  • WayForPay
  • bePaid
  • Fondy
  • Payform
  • МодульБанк
  • PayPal и другие

Tilda поддерживает передачу данных об оплате для онлайн-кассы для разных типов налоговых резидентов.

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

Адаптивный дизайн для мобильных

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

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

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

Это большой плюс не только в плане внешней привлекательности — у адаптивных сайтов есть преимущество в SEO. Google любит такие страницы и ставит их выше в поисковой выдаче.

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

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

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

Интерфейс редактора Zero Block

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

Добавляйте и редактируйте текст, картинки, простые фигуры (прямоугольник, круг, линию), кнопки, формы, видео, интерактивные подсказки или html-код. Их можно комбинировать между собой и располагать на разных слоях.

Другой вариант работы — конвертировать в Zero уже существующий блок и отредактировать готовый дизайн.

Лендинг с описанием возможностей редактора целиком состоит из Zero-блоков
Как создать собственный дизайн для сайта на Тильде.

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

В Тильде 4 вида анимации:

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

  • Прозрачность
  • Прозрачность слева
  • Прозрачность справа
  • Прозрачность сверху
  • Прозрачность снизу
  • Увеличение

3. Пошаговая анимация в Zero Block
Инструмент, с помощью которого можно задать траекторию движения элементов. Позволяет реализовать сложные сценарии поведения элементов на странице и добавить максимальную интерактивность.

Лендинг с описанием возможностей пошаговой анимации

4. Блоки, которые добавляют анимационные эффекты
Также можно сделать анимацию при помощи специальных блоков.

  • Эффект печатной машинки
  • Эффект галактики для обложек
  • Анимированное слайд-шоу для обложек

We organise dream holidays to breathtaking places all over the world. Choose from our special destinations or suggest your own

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

В Тильде можно делать рассылки. По аналогии с конструктором сайтов письмо собирается из блоков по одному из шаблонов. Добавляете контент и получаете красиво оформленное письмо.

Пример создания письма. Подробнее о рассылках

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

  • MailChimp
  • UniSender
  • SendGrid

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

К сайту на Тильде можно подключить собственный домен. Для этого перейдите в настройки сайта, выберите меню «Домен». Сайт будет открываться по ссылке вида mysite.com и посетителям будет легче найти вас по уникальному адресу.

Можно обойтись и без своего домена, зарегистрировав бесплатный адрес вида «имя-сайта.tilda.ws»

Домен в подарок получают пользователи при оплате любого тарифа на год.

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

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

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

Но вот что вы можете проделать дополнительно.

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

2. Проставить теги для заголовков. При проектировании задайте заголовкам тег в соответствии с его уровнем — h1, h2 или h3. Это поможет поисковикам понять, о чем ваш сайт, и показывать его по подходящим запросам.

3. Придумать понятные адреса страниц. Задавайте url для каждой страницы, чтобы адрес был удобен для чтения и понятен при индексации.

4. Подключить Google Search и Яндекс.Вебмастер. Протестируйте свой сайт и посмотрите, что рекомендуют делать поисковые системы. Здесь вы можете увидеть, не допустили ли вы ошибок, которые влияют на индексацию сайта.

5. Добавить Favicon. Поставьте значок веб-сайта или страницы перед названием страницы, чтобы её легко было находить среди открытых вкладок.

6. Проверить сайт на наличие битых ссылок. Проверьте, есть ли на вашем сайте недоступные или устаревшие ссылки с помощью бесплатного сервиса Tilda Broken Links. Вы увидите список всех некорректных ссылок и сможете их исправить.

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

Автоматическая проверка настроек сайта для поисковых систем внутри Тильды.
Практическое руководство в Справочном центре.
Возможности и инструменты платформы для поисковой оптимизации.
Инструкция и рекомендации по подготовке сайта к продвижению.

Продвижение в социальных сетях

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

Чтобы посетители сайта подписывались на ваши страницы в Фейсбуке и Вконтакте, добавляйте поп-апы с плагинами — блоки SM401 и SM402.

Это пример, как выглядит попап с призывом подписаться на страницу в социальных сетях. Кстати, мы на странице в Facebook публикуем новости о Тильде, полезные статьи по дизайну и интернет-маркетингу и ссылки на классные проекты пользователей!

Спасибо, я уже с вами

Вы можете отдельно настроить, как страница будет выглядеть при расшаривании в социальных сетях. В настройках страницы поставьте привлекательное изображение в бейджик и задайте заголовок и описание для социальных сетей в графе «Соцсети». Здесь же вы можете посмотреть, как будет выглядеть ссылка на страницу в Фейсбуке. В разделе «SEO» можно увидеть, как отображается страница в поисковой выдаче,

Настройки страницы: Соцсети

Встроенная статистика и аналитика

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

  • Количество посетителей
  • Просмотры страниц
  • Рейтинг самых популярных страниц
  • Доля просмотров с мобильных устройств
  • Количество заявок
  • Конверсию
  • Время просмотра страниц
  • Процент доскролливания

Встроенная аналитика сайта в Тильде

Для отслеживания более сложных показателей можно подключить Google Analytics, Google Tag Manager или Яндекс.Метрику. Для этого нужно просто указать свой аккаунт в настройках сайта.

Для оценки эффективности работы интернет-магазина есть отдельная статистика, которая покажет:

  • сумму заказов;
  • количество заказов;
  • средний чек;
  • конверсию;
  • тип устройства;
  • повторные заказы в процентах.

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

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

Таблица ABC-XYZ-анализа

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

При экспорте вы получаете ссылку на скачивание архива, который содержит статичный html и все необходимые файлы (изображения, css, js). Разархивируйте файл и скопируйте его на свой сервер. Больше никаких манипуляций не требуется: код готов к работе и независим от Тильды.

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

Примеры проектов, в которых используется интеграция через API:

Яндекс.Практикум создаёт спецпроекты на Тильде https://practicum.yandex.ru/english/space

«Комсомольская правда» оформляет редакторские спецпроекты и проекты для рекламодателей. kp.ru/best/msk/pyat-chasov

Сайт мэра Москвы mos.ru создает на Тильде специальные проекты, посвященные городским событиям. mos.ru/city/projects/bitva

Защита от DDoS-аттак, высокая скорость загрузки, HTTPS, расположение серверов

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

Высокую скорость загрузки сайтов обеспечивают несколько технологий:

Сеть доставки и дистрибуции контента (CDN)
CDN — это сеть серверов, распределенная по всему миру. Она помогает доставлять изображения из ближайшего узла пользователю. Например, если пользователь из Мадрида, он получит изображение из Испании, а не из России.

Lazy Load или отложенная загрузка изображений
Lazy Load позволяет загружать изображения последовательно по мере того, как пользователь прокручивает страницу, а не разом.

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

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

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

SSL cертификат для настройки протокола для передачи данных с криптографическим соединением (HTTPS) подключается бесплатно внутри личного кабинета.

Сайты российских пользователей хранятся на серверах в России, для юзеров из Казахстана и Беларуси есть отдельные дата-центры на территории этих государств. Это позволяет соблюдать законодательство о персональных данных. Пользователи, чьи сайты попадают под юрисдикцию других государств, могут использовать ирландский IP.

Работа с дизайном сайта

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

Оформление текста на Тильде: внимание к типографике

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

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

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

Правильное сочетание заголовков и подзаголовков делает сообщение понятнее

3. Большой выбор хороших шрифтов
В Тильде вы можете бесплатно подключить шрифты из библиотеки в настройках сайта. Сейчас доступно более 30 стандартных и премиум-шрифтов: фирменный вариативный Tilda Sans, системные Arial и Georgia; Open Sans, PT, Ubuntu, Roboto, Playfair Display, Source Code Pro, Noto и IBM Plex из библиотеки Google Fonts; Circe, Mediator, Futura и Reforma Grotesk от партнёра Paratype; Graphik, Druk Text Wide и Kazimir Text от магазина type. today; Opinion Pro, Orchidea Pro и Iskra от сервиса Rentafont. Платные шрифты от партнёров бесплатны для пользователей Тильды.

Также можно загрузить абсолютно любой шрифт через библиотеку Adobe Fonts, Google Fonts или прикрепить свой файл со шрифтом.

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

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

Your browser does not support the video tag.

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

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

· Защита от DDoS
· CDN или сеть доставки контента
· Lazy Load
· Поддержка WebP
· Адаптивный ресайз изображений
· Retina-дисплеи и медленный интернет

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

Сайт для бизнеса или компании

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

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

Пример сайта бизнеса: Студия красоты «Конечно можно»

Лендинги и промостраницы мероприятий

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

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

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

Интернет-магазин

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

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

Пример интернет-магазина: Интернет-магазин кожаных акссесуаров ручной работы «Rada Leatherworks»

Личный сайт или портфолио

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

Пример личного сайта: Личный сайт дизайнера, фотографа и предпринимателя Елены Базу

Корпоративный блог, редакторский или рекламный спецпроект

Контент-маркетинг — это вложение, которое живет долго, в отличие от обычной рекламы и со временем только накапливает синергетический эффект.

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

Пример спецпроекта для рекламодателя: Спецпроект онлайн-журнала Platfor.ma «Класики в моди»

Презентация

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

Сайт для бизнеса или компании

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

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

Пример сайта бизнеса: Студия красоты «Конечно можно»

Лендинги и промостраницы мероприятий

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

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

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

Пример промостраницы мероприятия : Мероприятие «Cлет практиков дизайн-мышления в Москве 3−5 июля 2019»

Интернет-магазин

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

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

Пример интернет-магазина: Интернет-магазин кожаных акссесуаров ручной работы «Rada Leatherworks»

Личный сайт или портфолио

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

Пример личного сайта: Личный сайт персонального коуча Глеба Шулишова

Корпоративный блог, редакторский или рекламный спецпроект

Контент-маркетинг — это вложение, которое живет долго, в отличие от обычной рекламы и со временем только накапливает синергетический эффект.

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

Пример спецпроекта для рекламодателя: Спецпроект онлайн-журнала Platfor.ma «Класики в моди»

Презентация

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

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

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

Добавление блоков в редакторе Тильды

Библиотека блоков
Настройки блока и редактор страницы
Добавление нового блока
Управление блоком: дублирование, удаление, перемещение, скрытие
Мгновенная публикация страницы

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

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

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

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

Более 500 блоков собраны в библиотеку и разбиты на категории
Часть 1. Категории базовых элементов

Часть 2. Готовые смысловые секции

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

Преимущества. Комбинации фотографий, текста и иконок в формате списков.

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

Как это работает. Таймлайны, этапы и карточки наглядного представления процесса.

Команда. Блоки для оформления персональной информации о сотрудниках компании или лекторах на конференции.

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

Расписание. Таймлайны, таблицы и колонки для вёрстки расписаний или наглядного представления процесса.

Тарифы. Представление цен на услуги в формате карточек, списков или таблиц.

Партнёры. Сетка из логотипов и дополнительная информация о партнёрах.

Магазин. Корзина, карточки продуктов, попапы с продуктами

Новости и Потоки. Сетки для новостей или блога

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

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

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

Изменения видны мгновенно

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

Добавление своего контента в редакторе блока
Работа с текстом: внимание к типографике, подключение любого шрифта, визуальная иерархия

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

В базовом наборе шрифтов Тильды 25 качественных кириллических шрифтов, в том числе Tilda Sans, Futura, Circe, Formular, Mediator, Reforma Grotesk, Kazimir Text (для пользователей Тильды бесплатны). Легко подключаются библиотеки Adobe Fonts и Google Fonts. Можно загрузить 9 начертаний собственного шрифта в форматах .woff и .woff2 или файл с вариантивным шрифтом для ускорения загрузки сайта.

Выбор шрифта в настройках сайта
Типографика в блоках Тильды

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

Работа с изображениями и видео

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

Красивые бесплатные фотографии можно найти и добавить внутри редактора Тильды. Встроенная библиотека Tilda Images включает 600 тысяч изображений, бесплатных для коммерческого использования на платформе.

Во встроенном фоторедакторе можно отредактировать загруженную фотографию: повернуть, обрезать, добавить фильтр или рамку, настроить резкость.

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

Бесплатные иконки Tilda Icons

Чтобы добавить видео, достаточно указать ID ролика или ссылку на YouTube или Vimeo. Видео может быть фоном на обложке, в одном из готовых блоков, в Zero Block, в галереях для изображений. Gif-анимация добавляется в любой блок, как обычное изображение.

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

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

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

Готовую страницу , в которой нужно только заменить текст, поставить свои изображения и опубликовать.

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

Шаблоны разбиты на категории:

· Бизнес
· Магазин
· Событие
· Блог
· Контакты
· Анкета
· Внутренние страницы
· Pro (шаблоны, созданные в Zero Block)

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

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

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

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

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

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

Импорт и экспорт товаров
Учет количества товаров в наличии
Создание промокодов
Дополнительные опции к покупке
Настройки SEO для товара

Платежные системы, интегрированные с Тильдой

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

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

Эко-магазин
Посмотреть

Посмотреть

Посмотреть

Формы для сбора контактов и проведения опросов, виджеты обратной связи, калькулятор

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

Находятся формы в отдельной категории «Форма и кнопка».

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

Калькулятор . Расчет стоимости товара в зависимости от его параметров. Добавьте параметры и напишите формулу расчета

Количество в виде кнопок плюс/минус или ползунка

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

Сервисы приема данных

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

Tilda CRM

Система управления заявками — простой инструмент, встроенный в Тильду. 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
Тултип для пояснений
Интерфейс редактора 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: дополнительные настройки эффектов появления:
Продолжительность эффекта
Пауза перед началом действия анимации
Триггер, по которому начинается анимация
Анимация в Zero: параллакс и фиксация

Эффект параллакса создает эффект трехмерного пространства, из-за разной скорости движения элементов относительно фона. У параллакса две настройки:

По скроллу
По движению мыши

Фиксация — эффект, при котором элемент можно закрепить в определенной позиции на время скролла. Регулируется координаты и продолжительность фиксации.

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

Интерфейс редактора пошаговой анимации
Примеры пошаговой анимации
Изменение свойств элемента для каждого шага
Выбор начала анимации элемента: по скроллу, клику, наведению или появлению
Добавление новых шагов анимации
Триггерная (зависимая) анимация в 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
Специалистам доступны настройки:

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

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

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

, — Теги, которые задают структуру страницы

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

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

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

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

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

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *