Пошаговое руководство по созданию лендинга на Тильде

Добрый день, уважаемые пользователи тильда. Сегодня мы с вами рассмотрим такой пример как, создать Landing page на конструкторе Tilda.

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

Пошаговое руководство по созданию лендинга на Тильде

Тарифные планы

Tilda предлагает три тарифных плана: Free, Personal и Business. Рассмотрим их подробнее.
Tilda предлагает три тарифных плана: Free, Personal и Business. Рассмотрим их подробнее.

Free

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

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

Personal

750 ₽ в месяц или 6 000 ₽ за год.

Разрешает создание одного сайта до 500 страниц и до 1 ГБ, открывает полную коллекцию блоков, позволяет принимать платежи с сайта. Можно подключить свой домен, есть возможность добавления товаров, SEO-оптимизации страниц и просмотра аналитики.

Business

1 250 ₽ в месяц или 12 000 ₽ за год.

До 5 сайтов по 500 страниц, до 1 ГБ на сервере. Включает в себя тот же функционал, что и на тарифе Personal, плюс экспорт кода и безналичную оплату для клиентов.

Инструкция по созданию сайта на Tilda

Регистрация и вход

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

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

Пошаговое руководство по созданию лендинга на Тильде

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

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

4. Вернитесь в раздел «Мои сайты» и нажмите «Редактировать сайт» под названием проекта. Затем нажмите «Настройки сайта» в верхнем правом углу.

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

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

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

Создаём первую странницу

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

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

Выбираем шаблон нашего будущего сайта

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

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

Измените заголовок сайта

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

Добавляем блоки

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

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

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

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

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

Пошаговое руководство по созданию лендинга на Тильде

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

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

Пошаговое руководство по созданию лендинга на Тильде

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

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

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

После внесения изменений нажмите «Сохранить» или «Сохранить и закрыть».

Опубликовываем сайт на Tilda

Вы можете опубликовать сайт тремя способами:

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

Теперь ваш сайт доступен в интернете!

22
Начать дискуссию