169 подписчиков

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

562 прочитали

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

Если вам нужен лендинг или простой сайт (например, резюме, портфолио, небольшой интернет-магазин), вы можете создать его самостоятельно при помощи Tilda.

Это бесплатно? Да!

У Tilda есть бесплатный тариф с ограниченным функционалом.

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

В общем, для сайта-визитки вполне хватит)

А платные тарифы вот такие:

Тарифы в Тильде
Тарифы в Тильде

Как создать сайт на Tilda пошагово

1. Создайте проект

1. Зарегистрируйтесь на сайте Tilda.

2. Платформа сразу же предложит создать новый сайт. Укажите его название и нажмите на кнопку «Создать».

Если вам нужен лендинг или простой сайт (например, резюме, портфолио, небольшой интернет-магазин), вы можете создать его самостоятельно при помощи Tilda.-3

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

Активация тарифа Personal на тестовый период
Активация тарифа Personal на тестовый период

4. Вернитесь в раздел «Мои сайты», нажмите «Редактировать сайт» под названием проекта. На открывшейся странице нажмите «Настройки сайта».

Кнопка «Настройки сайта» находится в верхнем правом углу
Кнопка «Настройки сайта» находится в верхнем правом углу

5. На вкладке «Главное» добавьте описание и пропишите субдомен (адрес, по которому будет доступен сайт). Здесь же есть ссылка на подключение собственного домена.

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

2. Создайте первую страницу

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

Кнопка «Создать страницу» списке страниц проекта
Кнопка «Создать страницу» списке страниц проекта

3. Выберите шаблон

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

Готовые шаблоны Tilda, разбитые на группы
Готовые шаблоны Tilda, разбитые на группы

4. Измените заголовок страницы сайта

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

Основные настройки страницы
Основные настройки страницы

5. Добавьте блоки

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

1. Откройте страницу в режиме редактирования.

2. Блок можно добавить в любое место страницы, нажав на значок «+» под, над и между другими элементами.

3. Слева откроется библиотека готовых блоков, которые распределены по тематическим группам. Найдите группу «Меню» и выберите вариант блока с нужными вам элементами, например, ME301 (универсальное меню с логотипом слева).

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

Кнопки управления меню
Кнопки управления меню

5. Чтобы изменить пункты меню, добавить логотип, ссылки на соцсети и другие элементы, нажмите на кнопку «Контент».

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

Редактирование пунктов меню
Редактирование пунктов меню

7. Ниже добавьте логотип или название компании/сайта и ссылки на соцсети.

8. Если хотите, чтобы посетители сайта совершали целевое действие прямо в верхнем меню (например, писали вам в мессенджер), разместите там соответствующие кнопки.

9. После того как внесли изменения, нажмите «Сохранить» (если планируете ещё что-то делать в контенте блока) или «Сохранить и закрыть».

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

Здесь есть три варианта:

  • нажать на кнопку «Опубликовать» в режиме редактирования страницы;
  • в списке страниц сайта навести на нужную страницу и нажать на появившуюся кнопку «Публиковать»;
  • в этом же списке кликнуть по ссылке «Опубликовать все страницы».
Публикация страницы из интерфейса редактирования
Публикация страницы из интерфейса редактирования
Публикация из списка страниц
Публикация из списка страниц

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