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

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

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

Порядок сборки лендинга в Tilda

Рабочий порядок такой:

1. создайте новый сайт
2. добавьте новую страницу
3. выберите пустую страницу или спокойный шаблон
4. соберите первый экран: заголовок, пояснение, кнопка
5. добавьте блок для кого или какую проблему решаем
6. покажите, что человек получит
7. добавьте процесс работы или программу
8. добавьте доказательства: опыт, кейсы, отзывы, примеры
9. поставьте цену или условия
10. добавьте форму заявки и контакты
11. проверьте мобильную версию
12. заполните настройки страницы и опубликуйте

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

Структура первого лендинга

Для услуги можно использовать такой план:

Первый экран: что предлагаете, кому и какое действие
Проблема: с чем приходит человек
Решение: что вы делаете и что получится
Для кого: кому подходит и кому не подходит
Процесс: 3-5 шагов работы
Доверие: опыт, примеры, отзывы, цифры
Цена или условия: от чего зависит стоимость
Форма: короткая заявка и срок ответа
Контакты: мессенджер, почта, город

Для мероприятия структура другая:

Название и дата
Кому будет полезно
Программа
Спикеры или организаторы
Место или формат
Стоимость и что входит
Регистрация
Ответы на вопросы

Для портфолио:

Кто вы и чем занимаетесь
Какие задачи решаете
Лучшие работы
Процесс сотрудничества
Стоимость или форматы
Отзывы
Контакт

Настройки страницы перед публикацией

В Tilda важно проверить не только блоки на странице, но и настройки:

После подключения формы отправьте тестовую заявку с телефона и с компьютера. Проверьте не только появление заявки внутри Tilda, но и письмо на почту, уведомление в CRM или мессенджере

Как писать первый экран

Первый экран должен быть конкретным. Не пишите Эффективные решения для вашего бизнеса, если можно написать проще и точнее

Для услуги:

Лендинг для онлайн-курса за 7 дней
Структура, тексты, дизайн в Tilda и подключенная форма заявок

Для консультации:

Консультация по запуску сайта для малого бизнеса
Разберем структуру, подрядчиков, бюджет и первые шаги продвижения

Для мероприятия:

Практикум по созданию сайта на Tilda
3 часа работы, готовая структура лендинга и проверка формы заявки

Кнопка должна продолжать смысл первого экрана: Оставить заявку, Записаться на консультацию, Забронировать место, Посмотреть программу

Как настроить форму заявки

Форма должна собирать только то, что нужно для первого контакта:

• имя
• телефон или мессенджер
• краткое описание задачи
• удобное время связи, если это важно

Возле формы напишите, что произойдет после отправки:

После заявки я напишу в течение рабочего дня, уточню задачу и предложу следующий шаг

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

Мобильная версия в Tilda

В Tilda почти каждый блок нужно проверять на телефоне отдельно. Откройте режим адаптива и посмотрите:

• заголовок не разваливается на странные строки
• кнопка видна без долгой прокрутки
• изображения не обрезают важные детали
• форма помещается на экран
• отступы между блоками не слишком большие
• меню не закрывает первый экран
• текст читается без увеличения

Особенно внимательно проверяйте Zero Block. На компьютере он может выглядеть идеально, а на телефоне элементы легко уезжают, перекрывают друг друга или становятся слишком мелкими

Что делать после публикации

После публикации откройте страницу по публичной ссылке в приватном окне. Проверьте:

• страница доступна не только в редакторе
• форма отправляется
• письмо или уведомление приходит
• кнопки ведут к нужным блокам
• ссылки на мессенджеры открываются
• картинка для соцсетей подтягивается при отправке ссылки
• страница быстро открывается на мобильном интернете
• в настройках нет чернового title

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

Часто задаваемые вопросы

Можно ли сделать сайт на Tilda без дизайнера

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

Когда нужен Zero Block

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

Нужно ли покупать домен сразу

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

Почему заявка не приходит

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