Как создать сайт на Tilda

7 сентября 2023
4 мин.

Tilda — блочный no-code конструктор сайтов. Он позволяет создавать сайты, интернет-магазины, лендинг-страницы (или посадочные страницы), а также блоги и email-рассылки. Возможностей у сайта много. Рассказываем, как пользоваться Tilda и где черпать вдохновение.

Немного о тарифах

Тильда предоставляет несколько вариантов тарифов: бесплатный, Personal и Business.

  • Бесплатный позволяет создать один сайт с 50 страницами и занять 50 мегабайтов места на сервере. Конструктор здесь с минимальным функционалом. Пользователи могут зарегистрировать сайт только на поддомене. Выглядеть будет вот так: yoursite.tilda.ws.
  • Personal позволяет создать один сайт с 500 страницами и занять 1 гигабайт на сервере. Здесь работают все блоки, а созданный сайт можно подключить к другому домену. Его можно использовать бесплатно в течение двух недель. Стоит он 3000 тенге в месяц при оплате за год и 4500 при ежемесячной оплате.
  • Business позволяет создать 5 сайтов с 500 страницами для каждого сайта и занять 1 гигабайт места на сервере. Исходный код можно экспортировать. Здесь доступен весь функционал Тильды. Стоит такой тариф 6000 тенге в месяц при оплате на год и 7500 при ежемесячной оплате.

Как устроена Tilda?

Дизайн сайтов

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

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

Шаблоны — это образцы хорошего дизайна и пример использования блоков. Готовые шаблоны Тильды разделены по тематике на восемь тем: это «Бизнес», «Магазин», «Событие», «Блог», «Контакты», «Анкета» (это различные формы для заполнения), «Внутренние» (это сайты о компании) и Pro (или «Мои шаблоны» в зависимости от вашего тарифного плана).

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

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

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

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

Редактировать контент в готовые блоках легко: нужно просто кликнуть по блоку и слева появится меню «Контент». Нажимаем на оранжевую кнопку и меняем содержимое. Изображения можно загрузить с компьютера, использовать из библиотеки Unsplash или добавить ссылку из интернета. Менять можно всё: шрифт, цвет, иконки.

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

Zero-блоки

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

У Tilda Publishing есть целый туториал-урок о том, как создавать сайты с помощью Zero-блоков.

Для каких проектов подойдет Tilda?

  • Личный сайт или портфолио. Собирайте информацию о себе как с помощью готовых блоков, так и Zero-блоков.
  • Контент-проекты (например, книги или лонгриды). Здесь можно присваивать метатеги, добавлять title и description, генерить разный контент для отображения в поисковой выдаче и социальных сетях, добавлять кнопки «Поделиться в соцсетях», формы подписки и так далее.
  • Промостраницы и сайты для мероприятий.
  • Сайты обучающих проектов.
  • Небольшие интернет-магазины. Опытные пользователи Тильды могут подключить магазин к 1С или синхронизировать витрины со складскими остатками.

Как настроить сайт на Tilda: базовые опции

В разделе «Настройка сайта» можно полностью настроить сайт.

  • Добавьте описание и фирменные шрифты
  • Подключите свой домен. Подробная инструкция от Тильды — по ссылке.
  • Настройте аналитику. Можно подключить сайт как к «Яндекс.Метрике», так и к Google Analytics.
  • Оптимизируйте сайт для поисковых систем: настройте https, посмотрите SEO-рекомендации, добавьте сайте в Google Search Console, настройте редиректы и файлы ads.txt и app-ads.txt.
  • Экспортируйте сайт на другой сервер с копированием исходного кода.
  • Настройте платежные системы, шапку и подвал сайта и личный кабинет.
  • Здесь же можно передать сайт другому пользователю Тильды или удалить сайт.

Примеры проектов на Tilda

Большое количество сайтов создано на Тильде. Они собраны на странице Made on Tilda, а также в социальных сетях конструктора.