Обзор и отзывы о конструкторе сайтов 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
С помощью профессионального конструктора создаем лэндинги, многостраничные сайты, блоги и интернет-магазины на Тильде по честной цене.
за работу с посещаемыми сайтами
Рейтинг Рунета
среди seo компаний по Москве
Рейтинг Рунета
среди seo компаний по России
Рейтинг Рунета
ИЗВЕСТНОСТИ SEO-КОМПАНИЙ 2022
- Главная —
- Услуги —
- Разработка сайтов —
- Создание сайтов на Tilda
Какие преимущества дает Tilda?
Новый имидж
Несмотря на использование стандартных блоков, конструктор позволяет создать уникальный дизайн, отлично вписывающийся в фирменный стиль компании.
Управление
Для администрирования сайта предусмотрена интуитивная панель, позволяющая вносить изменения в контент. А для настройки платежных систем, службы доставки и рассылок сайты на Tilda интегрированы с внешними сервисами.
Адаптивность
Разработанный на Tilda сайт адаптирован под мобильные устройства. По итогу все страницы будут правильно отображаться на смартфонах, планшетах и ноутбуках.
Удобная CMS
Встроенная система управления для работы с заявками или заказами позволяет обойти затратные этапы верстки и программирования, что положительно отражается на бюджете проекта.
Экономичность
Создание сайта на Тильде обходится дешевле, чем разработка на коде. Для реализации большинства решений достаточно одного-двух человек: дизайнера-верстальщика и маркетолога.
В каких случаях нужна разработка сайта на Tilda?
Нет уверенности в том, какой именно нужен сайт
Платформа Тильда способна удовлетворить любые требования в плане дизайна и функционала сайта. С помощью конструктора можно разработать как простые лэндинги, так и многостраничные интернет-магазины.
Ограниченные финансы
Tilda позволяет существенно экономить на стоимости разработки, не привлекая к работе фронтэнд и бэкэнд разработчиков. Основное внимание можно уделить выбору дизайна и необходимым клиентским сервисам.
Нужно плавное SEO-продвижение
Разработанные на Тильде сайты хорошо воспринимаются поисковыми роботами. Встроенные сервисы конструктора позволяют быстро создать карту sitemap.xml, необходимую для добавления в системы Google и Яндекс. За счет продуманной структуру сайт будет хорошо индексироваться, постепенно выходя на высокие позиции в органической выдаче.
Сколько стоит создание сайта на Tilda?
Стоимость разработки на Тильде зависит от вида сайта – для лэндинга и интернет-магазина объем работ сильно различается. Что касается сроков – тут все индивидуально, но не более 15 рабочих дней для лэндинга, 25 дней – для корпоративного ресурса, 30 дней – для интернет-магазина.