Как создать сайт на Тильде: пошаговая инструкция

Конструктор сайтов Тильда в 2022 году – преимущества и недостатки

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

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

Мы сравним возможности бесплатного тарифа Tilda с новым бесплатным тарифом GetResponse. Результаты могут вас удивить! Оставайтесь с нами!

Если верить Tilda, с ее помощью вы можете создавать следующие типы сайтов:

• сайт для бизнеса
• лендинги и простые визитки
• небольшие интернет-магазины
• портфолио
• презентации
• корпоративный блог

Добавьте блоки из библиотеки

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

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

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

Особенности движка сайта Tilda

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

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

Как выглядит WYSIWYG-редактор в Тильде

Другие важные особенности CMS Tilda Publishing:

1. Удобный текстовый и графический редактор для размещения контента. Для наполнения сайта текстовой информацией достаточно просто кликнуть по созданной колонке или тексту, чтобы приступить к редактированию. Перенос изображений осуществляется путем загрузки картинки с жесткого диска, накопителя или буфера обмена, вставки URL-адреса, а также перетаскивания файла в окно редактора.
2. Стильный дизайн, который получается независимо от выбора шаблона или создания сайта с нуля при помощи блоков. Отдельно стоит оговорить возможность копирования понравившейся структуры, создание ZERO-блоков с использованием PSD-макетов, анимации, нескольких слоев и так далее.
3. Широкие возможности настройки типографики и шрифта. Пользователю доступно 25 базовых шрифтов и 5 опций жирности для каждого из них. Можно подгрузить собственный стиль – формат авторских шрифтов WOFF. уже включена в интерфейс. Большинство стандартных блоков адаптированы для работы на экранах с различным разрешением. После добавления новых элементов рекомендуется проверять корректность отображения, а также обратить внимание на отступы в текстовом контенте.
4. Созданный сайт имеет все необходимые инструменты для SEO-продвижения площадки в поисковой выдаче.
5. Внутренняя статистика предоставляет подробную информацию о посетителях, конверсии, трафике, присутствует возможность подключения инструментов аналитики от Яндекса и Гугла.
6. Tilda CRM – удобное и простое для освоения средство управления торговыми операциями и ведения отчетности.
7. Домен и хостинг в подарок при оформлении регистрации. Список возможностей зависит от тарифного плана. В платных тарифах присутствует интеграция сайта или страницы в другие ресурсы, экспорт кода и необходимых файлов.
8. Встроенный конструктор писем с готовыми шаблонами, экспортом входящих сообщений и интеграцией почтовых сервисов Mailchimp, Sendgrid и Unisender.
9. Возможности ограничения доступа к сайту по паролю или IP-адресу, установка пароля на отдельные страницы. Присутствует защита контента от копирования и создание личного кабинета пользователя.

Разновидности шаблонов для создаваемых страниц

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

Что же касается технических возможностей, то сюда входят:

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

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

Вывод

Тильда — это отличный инструмент для вашего бизнеса если вы:

самозанятые или у вас небольшой стартап, когда нет уверенности в бизнес-модели;

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

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

Что такое Tilda

Tilda или «Тильда» — конструктор сайтов: лендингов, визиток, корпоративных порталов и так далее. В нём можно создать любой веб-ресурс без знаний, кода буквально за полчаса. Всё настраивается мышкой и клавиатурой, а результат впечатляет — конструктор используют даже крупные компании.

Лендинг банка «Точка» тоже сделан на Tilda

Создание сайтов на «Тильде» проще, чем разработка на обычных CMS. Чтобы получить стандартный веб-ресурс, нужно заказать его разработку у программиста, привлечь дизайнера, SEO-оптимизатора и других диджитал-специалистов. А в конструкторе можно сделать всё самому.

Основные преимущества Tilda:

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

У Tilda есть больше 480 шаблонов для разных сайтов, готовая интеграция с 12 сервисами для лендингов, интеграция с другими веб-ресурсами через API и многое другое.

Предусмотрено несколько тарифов: один бесплатный, два платных. На бесплатном функции ограничены, можно создать 1 сайт до 50 страниц. На платном Personal доступны 1 сайт, более 50 страниц, подключение своего домена, полная коллекция блоков. На платном Business всё то же самое, но можно создавать до 5 сайтов и экспортировать исходный код. Цена начинается от 500 рублей.

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

Перед публикацией

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

Название страницы меняется по кнопке «Настройки» в верхнем меню. Пишем там то же самое, что и прошлый раз:

Там же можно перейти к настройкам всего сайта — это нам понадобится для настройки цветов и общих параметров. В первом разделе сразу пропишем общее название сайта и его описание, а также придумаем имя для субдомена:

Домен — тот же сайт в интернете с отдельным именем. Yandex.ru, tilda.ws, thecode.media — это всё примеры доменов. А если у сайта есть подраздел со своим отдельным именем в интернете, это уже субдомен: rabota.yandex.ru, docs.google.com, mihailmaximov.tilda.ws. Субдомены обычно нужны, чтобы оформить разделы на разные темы в рамках одного сайта. Наш субдомен mihailmaximov означает, что внутри большого сайта tilda.ws будет раздел про Михаила Максимова — и только про него.

Цвета, шрифты, аналитика и прочие глобальные вещи настраиваются через то же меню слева:

Когда все настройки сделаны, сохраняем изменения и нажимаем кнопку «Публиковать». В этот момент наш сайт станет доступен всему миру по адресу mihailmaximov.tilda.ws.

Дизайн: что можно сделать на Тильде и как это будет выглядеть

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

Готовые шаблоны

Шаблоны разделены на группы по тематике и назначению: Бизнес, Магазин, Событие, Контакты, Анкета.

Готовые блоки

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

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

Подробнее о корректировке мобильной версии читайте в справочнике Тильды.

Текст и изображения

Для редактирования текста нужно кликнуть по нему. То же можно сделать из меню «Контент» (в стандартных блоках) и через «Редактировать блок» в Zero. Встроенный в редактор типограф для текстов убирает висячие предлоги, ставит правильные тире и кавычки.

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

Zero-блоки

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

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

Елена Сартасова, шеф-дизайнер Svoemedia

«​Zero-тренды и минимализм в дизайне сайтов диктуют дизайнерам задачу больше акцентировать внимание на колористике и типографике. Главное – это контент, а дизайнер лишь создаёт атмосферу, помогающую считать его суть. Чем чище и однообразнее фоны и проще графика на сайте, тем интуитивнее и интеллектуальнее воспринимается сайт пользователем: когда ничто не мешает, сайт действительно хочется читать, а не просто рассматривать его дизайн. Простая блочная структура Тильды позволяет довольно легко создавать такой дизайн за счёт простоты компонентов: фон, текст, форма и картинка, которые есть в Zero-блоке и стандартных блоках».

С помощью Zero-блоков можно делать анимацию, но если сайт предполагает постоянную редактуру (особенно это актуально для сайтов мероприятий), нужно будет вносить правки во все разрешения.

Елена Сартасова, шеф-дизайнер Svoemedia

«​Микроанимации — это возможность сделать сайт живым и говорящим. Тильда дает возможность настройки такой анимации. Сайт, дающий обратную тактильную связь, создает игру с пользователем, продлевая этим его время пребывания на сайте и упрощает знакомство с контентом».

Проанализировав задачи клиентов, мы создали библиотеку шаблонов на Тильде для типовых решений. Мы хотим, чтобы заказчики клиентов быстрее находили на сайтах то, что им нужно. А клиенты экономили деньги для развития бизнеса: такое решение позволило нам сократить стоимость разработки сайта для клиента в 12–15 раз.

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

Шаг 2. Знакомство с Tilda

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

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

Исследуйте сервис и выберите подходящий макет сайта на «Тильде».

Вывод

Tilda Publishing – приличный сервис для создания и продвижения лендингов/многостраничных веб-ресурсов, сайтов-визиток, лонгридов и небольших интернет-магазинов. Среди ключевых преимуществ я выделю: удобный и интуитивно понятный интерфейс, отличную коллекцию шаблонов, широкий спектр функционала для новичков и дизайнеров. Работая с Тильда, вы не совершите ошибок, как это может произойти при использовании WordPress.

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