Тильда Бесплатный Конструктор для Создания Сайтов

Начало работы на Тильда

В статье рассматривается базовый функционал платформы — создание и редактирование страниц, а также общее устройство конструктора.
Нет времени читать эту статью?
Тогда смотрите обучающий видеоролик! В этом видео подробно описывается, с чего начать работу в Тильда и какие возможности предоставляет нам этот конструктор.
Начало Работы: Как устроена Тильда, Создание и Редактирование страниц
Обучающее видео на YouTube канале «Маркетинг в огне» с Алексеем Чесноковым.
Дополнительный материал на YouTube
Дополнительные ролики, которые упоминаются в видео
▶️ Как начать работать (запустить и настроить) с Tilda CRM?
▶️ Настройка Tilda CRM (поля, этапы воронки, сотрудники, действия, отправка писем)
▶️ Как отправлять (получать) заявки (лиды) в AmoCRM? Получение данных из форм в AmoCRM
▶️ Как добавлять контакты из форм в список рассылки MailChimp
▶️ Как подключить свой домен к сайту (2domains — регистратор доменов). Настройка DNS
▶️ Как подключить свой домен к сайту (RU-CENTER — регистратор доменов). Настройка DNS
▶️ Как добавить (подключить) второй домен к сайту?
▶️ Как отправлять заявки себе на почту? Получение данных из форм на email
▶️ Tilda ЛайфХак # 18 Как сделать шаблон страницы
▶️ Как создать папку для группировки (объединения) страниц сайта?
▶️ Tilda ЛайфХак # 11. Структурирование страниц
▶️ Как добавить фотографии, ленту из Instagram? Интегрировать (подключить) Instagram
▶️ Общая информация о формах приема данных
▶️ Редактирование полей формы
▶️ Настройка внешнего вида формы
▶️ Просмотр заявок и ошибок отправок форм
▶️ Как добавить (назначить) тег H1?

Знакомство с интерфейсом

Работа в сервисе Тильда, как и во многих онлайн-площадках, начинается с регистрации. После этого этапа Вы попадете в личный кабинет. Естественно, он будет «пустым» — без сайтов и каких-либо активностей.
регистрация на тильде
Посмотрим на верхнюю панель:
  • CRM, Тарифы и оплата — Ваш способ подписки на сервис,
  • Профиль — Ваши персональные данные, которыми оперирует сервис,
  • Найти дизайнера — поиск исполнителя, если Вы не планируете создавать сайт самостоятельно,
  • Справочный центр — ответы на часто задаваемые вопросы по использованию конструктора Тильда,
  • Вебинары, Уроки и Статьи — обучающие материалы, которые помогут Вам разобраться в особенностях создания сайта.

Пора начинать работу — сделать свой первый сайт. Для этого нажимаем на кнопку «Создать новый сайт» в правой верхней части экрана. Обратите внимание на соседнюю кнопку — «Создать рассылку». Вернёмся к созданию сайта.
Панель управления сайтами на Тильде

Управление сайтом

Итак, мы попали на панель управления сайтом. Вновь смотрим на верхнюю часть нашей страницы. Там расположены клавиши «Подключить домен» (в случае, если Вы его уже приобрели на сервисе «Ru-Center» nic.ru), «Опубликовать все страницы» (для моментального обновления всех изменений на сайте), «Заявки» (заполненные пользователями формы на Вашем сайте, хранящиеся не более 30 дней).
настройки сайта Тильда
И в завершении анализа панели — адрес Вашего сайта. Помогает взглянуть на Ваш проект глазами пользователя. Про раздел «Настройки сайта» есть отдельная статья и видео в плейлисте «Ничто, кроме Tilda», где подробно рассказано о всех возможностях. Мы же перейдем к созданию первой страницы нашего сайта, и проводником в новый этап будет клавиша «Создать новую страницу».
Создание новой страницы на Тильде

Создание нового сайта

На Ваш выбор — пустая страница или же готовые шаблоны, которые можно выбрать по каталогу в верхней части экрана. Ненадолго возвращаемся на исходную страницу — «Панель управления сайтами». Для Вашего удобства там имеется раздел с папками страниц (для более удобной группировки), которые можно передвигать, зажав левую клавишу мыши.
Если же нажать на значок «Настройки» напротив каждой страницы, то мы попадаем в раздел с настройками отдельной страницы: URL, заголовок страницы (title), описание (description), настройки отображения в поиске и социальных сетях Facebook and SEO и т.д.
Продолжаем создавать страницу. Выберем из каталога шаблон. Перед нами откроется целая страница, состоящая из блоков.

В верхней панели расположена стрелочка, благодаря которой мы можем без возврата в предыдущее меню перейти к другой странице нашего сайта для последующего редактирования. Там же, в верхней части экрана, расположена клавиша «Отменить» — по аналогии с одной из функций текстового редактора Word, она возвращает страницу к прежнему виду, до Вашего конкретного изменения. Соседняя клавиша «Предпросмотр» позволяет увидеть, как выглядит Ваш сайт сайт на различных устройствах глазами пользователя.
Интерфейс редактирования страницы на Тильде
Полезная функция — предпросмотр мобильной версии сайта. Эта кнопка появилась относительно недавно, ранее, чтоб посмотреть, как будет выглядеть сайт на мобильных устройствах требовалось нажать в правой верхней части экрана (в панели управления браузером) «Три точки / Настройки» — «Дополнительные инструменты» — «Инструменты разработчика». А чтобы вернуться на панель редактирования, нажать на клавишу «Вернуться к редактированию».
мобильная версия сайта
Там нас ожидает клавиша «Опубликовать страницу». После того, как мы введём адрес, новая страница будет опубликована. Вернёмся к анализу верхней панели. Раздел «Ещё» во многом дублирует уже рассмотренные функции. Единственное, на что стоит обратить внимание, — «Карта блоков»: некий навигатор, как в PowerPoint.

Редактирование блоков

Сделаем пустую страницу, перейдём в раздел «Все блоки». Нам будут доступны категории, а также поиск по желаемым блокам — ключевым словам или коду каждого конкретного блока. Выберем конкретный блок.
Создание сайта на Тильде
Для того, чтобы отредактировать текст в блоке, достаточно просто дважды кликнуть на него левой клавишей мыши — откроется специальная панель. Прямо на странице пишем новую желаемую надпись. Этого же результата можно добиться, нажав на меню «Контент» в левой части экрана.
редактирование контента блоков на сайте
Во втором случае откроется более детальная панель — можно редактировать весь текст, настроить работу форм, а также импортировать изображения с компьютера, по ссылке из Интернета или же встроенного каталога. Кроме того, можно настроить интеграцию с Instagram. В этой же панели можно подобать бесплатные иконки от дизайнеров Тильда.
меню «Контент» для редактирования контента блоков
В панели «Настройки» в левой части экрана можно редактировать каждый конкретный блок — эффекты пролистывания, анимация, прозрачность, цвет и степень освещённости, градиент, и т.д.
Настройка отображения блока Tilda
Каждым блоком можно управлять при помощи функционала в правой верхней части нашего экрана — удалить, скрыть, дублировать или же переместить. Если Вы случайно удалили блок со страницы, то есть Корзина блоков страницы, где удаленные блоки хранятся сутки. Нужно открыть «Настройки страницы» - «Дополнительно». Если удалили страницу или проект, то есть Корзина для проекта— срок хранения составит 7 дней.
Корзина блоков страницы тильда
Надеюсь, данная статья была для Вас полезной и, напоминаю, что выше в описании под видео есть ссылки на обучающие видео по работе с Тильдой.

Понравилась статья – ставьте лайк, не понравилась – дизлайк. Также, если у Вас есть вопросы, связанные с конструктором Tilda, задавайте их в комментариях под данной статьей или под видео на моем YouTube канале «Маркетинг в огне» со мной с Алексеем Чесноковым. А если хотите в перспективе смотреть другие мои видео, тогда подписывайтесь на канал – я убежден, там Вы найдете много интересного.

Для тех, кто хочет более глубоко изучить создание сайтов на конструкторе Тильда и не только, под данной статьей есть ссылки на мои обучающие курсы.
Эта статья была для Вас полезной?

Добавить комментарий

Понравилась статья? Поделиться с друзьями:
Made on
Tilda