Инструменты 47 0 14 мая 2019

Инструкция: как сделать лендинг для онлайн-школы без дизайнера и программиста

Лендинг (или landing page) — одностраничный сайт. Его цель — продать товар или услугу посетителям. Сегодня расскажем, как сделать такую продающую страницу с помощью конструктора Tilda: быстро, просто, можно бесплатно.

Что такое Tilda

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

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

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

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

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

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

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

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

Как создать лендинг на Tilda

Сначала определитесь, какой тариф вам нужен. Если готовы мириться с некрасивым URL лендинга, не платите. Адрес сайта будет выглядеть примерно так: project89098219.tilda.ws.

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

Зарегистрироваться на сайте просто — достаточно придумать пароль, указать адрес электронной почты и имя. После регистрации создайте проект: его название ни на что не влияет, оно нужно, чтобы вы сами поняли, какой сайт соответствует проекту. Когда зайдёте в проект, нажмите «создать новую страницу».

В новом проекте нет ничего — нажмите сюда, чтобы создать лендинг

Перед вами откроется список шаблонов. Лендинги расположены в первом разделе «Бизнес». Посмотрите список и выберите подходящий шаблон — в базе уже есть готовые решения для разных типов бизнеса. Если хотите сделать что-то уникальное, выберите пустую страницу — она первая в списке. Работать с шаблонами проще, поэтому в примере мы будем использовать шаблон «универсальный лендинг».

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

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

В Tilda есть готовые решения для разных типов бизнеса

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

На одном экране можно полностью изменить весь блок: и содержание, и оформление

Доступны стандартные средства форматирования. Например, можно написать текст, выделить его и сделать жирным, подчёркнутым, изменить размер, выравнивание, межстрочное расстояние.

Выделите текст, и вверху появится панель для визуального редактирования

Даже без фона вы можете сделать нормальное форматирование и расставить цветовые акценты — например, выделить оффер или контакты.

Лайфхак: если случайно удалите весь текст, не сможете потом просто кликнуть по тому же месту и написать новый. Текст можно снова добавить через «Контент».

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

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

Нажмите на изображение и загрузите своё в открывшемся окне: по ссылке или с компьютера

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

Нажмите сюда, а потом наведите курсор на какую-нибудь строку — сбоку покажут, как выглядит это оформление

Чтобы полностью поменять структуру лендинга, можно добавлять новые и удалять старые блоки. Например, убрать экран с рассказом о компании и добавить модуль, в котором опишете программу обучения на вашем курсе. Сделать это просто.

Так можно удалять и добавлять новые блоки

Через функцию добавления новых блоков можно добавить якорные ссылки. Потом их нужно разместить в шапке сайта. Например, если добавили якорную ссылку перед блоком с формой обратной связи и контактами, разместите в шапке сайта ссылку «Контакты» — пользователь сразу сможет перейти к ним. Такие ссылки доступны только на платных тарифах.

После того как всё настроили, можете посмотреть, как будет выглядеть сайт, заполнить метаданные для него, задать общие настройки.

У Tilda очень много возможностей — например, в «Настройках» можно установить, как сайт будет выглядеть в поисковой выдаче и на Facebook

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

Создать лендинг на Tilda легко. Но недостаточно просто разобраться в конструкторе и сделать пару блоков. Чтобы лендинг работал, нужно грамотно подойти к его оформлению.

Что сделать, чтобы лендинг работал

На самом деле сделать надо не так уж и много. Можно начать с малого — выбрать структуру, соответствующую вашему бизнесу. В шаблонах Tilda уже есть подсказки, можно просто следовать им.

Изучите свою целевую аудиторию перед тем, как создавать лендинг. Узнайте, сколько им лет, чем занимаются, какие цвета любят, какие термины не хотят видеть. И пишите понятный текст для конкретных людей: тогда он «выстрелит».

Чтобы повысить конверсию стандартного, шаблонного лендинга, заранее проработайте структуру. Важно составить её так, чтобы потенциальный покупатель понял свою выгоду от покупки. Чаще всего в структуре используют:

  • оффер — главное предложение выгоды на первом экране;
  • боли — рассказ о проблеме клиента, предложение вашего продукта в качестве решения;
  • подробный рассказ о продукте — что входит в обучение, что ученик получит после, сколько длится курс, какой будет программа и так далее;
  • преимущества компании — почему стоит учиться именно у вас, какие бонусы можете предложить;
  • отзывы, желательно достоверные, со ссылками на самих учеников, чтобы посетители сайта могли проверить информацию;
  • формы обратной связи, кнопки «записаться на обучение», «получить курс» и другие;
  • FAQ — ответы на распространённые вопросы пользователей.

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

Правильная структура — ещё не всё. Лендинг должен внушать доверие. Поэтому пишите правду — не стоит приукрашивать реальность, особенно если всё перечисленное вами можно легко проверить. А ещё не усложняйте восприятие — пишите коротко, понятно и ёмко.

  • Откажитесь от качественных прилагательных «красивый», «быстро», «качественно» — понятие привлекательности, скорости, качества у каждого своё. Лучше дайте измеримые характеристики.
  • Не используйте штампы типа «высококвалифицированных специалистов», «динамично развивающейся команды». Лучше расскажите, какой реально опыт у преподавателей.
  • Используйте факты. Расскажите, сколько заработали ваши ученики, какие награды вы получили. Если нечем похвастаться — подробно расскажите о том, как проходит обучение.
  • Правильно оформляйте текст — это улучшает его восприятие. Используйте списки, подзаголовки, выделение жирным, другие способы форматирования там, где это уместно.

Ваш лендинг должен быть простым, понятным и серьёзным. Тогда он будет работать хорошо.

На Tilda можно быстро создать конверсионный лендинг, если разобраться с настройками конструктора и писать просто, понятно для целевой аудитории. Чтобы получить максимальную отдачу, тестируйте разные изменения на лендинге: смотрите, как влияют на конверсию цвета кнопок, заголовки, расположение модулей. Тогда сможете найти самый удачный вариант.

Подарок
Скачайте пошаговый PDF-план и узнайте, как вам создать собственную онлайн-школу с нуля. Вы убедитесь, что запуск успешной онлайн-школы напоминает сборку конструктора LEGO.

Еще про Инструменты   Все статьи категории

Попишитесь на нас в соцсетях: