Лендинг на Тильде: как собрать самому пошагово

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

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

Когда лендинг на Тильде оправдан

Одностраничник на конструкторе хорош, когда у вас одно предложение и одна цель: запуск услуги, проверка спроса, мероприятие, сбор заявок под рекламу. Страницу можно собрать и поменять без разработчика, а гипотезу проверить за дни, а не за месяцы.

Хуже он подходит, если нужны каталог на сотни позиций, сложный личный кабинет или интеграции, которых нет в конструкторе. Отдельная история с поиском: одна страница собирает ограниченный набор запросов. Где проходит этот предел, разобрано в материале про SEO лендинга и потолок одностраничника.

Если сомневаетесь, начните с конструктора и переходите на разработку, когда гипотеза подтвердится и упрётся в ограничения платформы. На тарифе Business можно выгрузить код: Тильда отдаёт статичный HTML со всеми файлами, и страницу можно перенести на свой сервер.

Какой тариф нужен

У Тильды три тарифа. Бесплатный подходит, чтобы освоить редактор, но для рабочего лендинга его не хватит.

Вывод простой: лендингу, который собирает заявки, нужен как минимум Personal. На бесплатном тарифе заявки не уходят ни в почту, ни в CRM, а Метрика отключена. Вы не узнаете вовремя ни о новых обращениях, ни о том, откуда пришли люди. Для одного лендинга хватит Personal. Business нужен, если вы ведёте несколько сайтов или хотите выгружать код.

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

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

Самая дорогая ошибка: открыть библиотеку блоков и собирать страницу из того, что красиво. Сначала структура в документе, потом конструктор.

1. Первый экран. Что вы предлагаете, кому и какой результат получит клиент. Плюс кнопка с целевым действием.
2. Задача клиента. Почему он вообще ищет решение и чем плохи его текущие варианты.
3. Как это работает. Три или четыре шага от заявки до результата.
4. Доказательства. Кейсы, отзывы, сертификаты, цифры. Только настоящие.
5. Цена или пакеты. Если точной цены нет, хотя бы вилка или принцип расчёта.
6. Ответы на возражения. Частые вопросы, гарантии, сроки.
7. Форма заявки и контакты.

Порядок блоков можно менять, но первый экран и форма обязательны. Без внятного первого экрана до формы не доходят.

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

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

Сборка: шаблон, стандартные блоки или Zero Block

У Тильды три способа собрать страницу, и их можно смешивать.

• Шаблон. Готовая страница под типовую задачу. Быстрый старт, но шаблон придётся переписать под свой оффер, иначе получится чужая страница с вашим логотипом.
• Стандартные блоки. Обложки, преимущества, отзывы, тарифы, формы. Их Тильда сама адаптирует под мобильные устройства, поэтому для первого лендинга это основной инструмент.
• Zero Block. Редактор, в котором вы рисуете блок с нуля. Даёт свободу дизайна, но раскладку под каждую ширину экрана настраиваете сами, двигаясь от десктопа к мобильной версии. Без опыта здесь легко получить страницу, которая разваливается на телефоне.

Шрифты и цвета задайте один раз в настройках сайта, а не в каждом блоке. Сжимайте картинки перед загрузкой и не увлекайтесь анимацией: посетитель с медленным мобильным интернетом не дождётся эффектного появления заголовка. Меню со ссылками на другие страницы лендингу тоже не нужно: каждая лишняя ссылка уводит человека от формы.

Черновик текста для блока может предложить встроенный ИИ-помощник, он есть и в стандартных блоках, и в Zero Block. Но оффер, цифры и обещания проверяйте сами: за них отвечаете вы, а не нейросеть.

Форма заявки и согласие на обработку данных

Форма без подключённого сервиса приёма данных превращает рекламный бюджет в пустые клики. В Тильде сервисы подключаются один раз в настройках сайта, в разделе форм, а затем выбираются в настройках каждого блока с формой. Заявки можно отправлять на почту, в Telegram, в Google Таблицы, в Tilda CRM, amoCRM или Битрикс24, в том числе в несколько мест сразу.

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

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

Домен, HTTPS и аналитика

Пока домена нет, страницу можно проверять на бесплатном адресе на поддомене tilda.ws: он работает на любом тарифе. Свой домен подключается в настройках сайта на вкладке «Домен». У регистратора нужно прописать записи из инструкции Тильды и подождать, пока обновятся DNS. После этого в разделе SEO настроек сайта включается бесплатный сертификат для HTTPS. Без него браузер помечает страницу как небезопасную, и доверия к форме заявки это не добавляет.

Счётчик Яндекс Метрики добавляется в настройках сайта, в разделе аналитики. После этого переопубликуйте все страницы, иначе код на них не появится. Успешную отправку формы Тильда передаёт в Метрику как посещение виртуальной страницы, и на неё ставится цель. Одна цель на все формы сайта настраивается по адресу, в котором есть слово submitted.

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

Проверка перед запуском

• Отправьте тестовую заявку с каждой формы и убедитесь, что она дошла во все подключённые сервисы.
• Откройте страницу на телефоне, а не только в предпросмотре редактора.
• Проверьте, что цель в Метрике засчитала тестовую отправку.
• Пройдите по всем кнопкам и якорным ссылкам.
• Посмотрите на страницу глазами человека из рекламы: совпадает ли первый экран с обещанием в объявлении.
• Проверьте, как быстро страница открывается через мобильный интернет.
• Проверьте заголовок и описание страницы, фавикон и адрес без лишних символов.
• Уберите заглушки и чужие фото из шаблона.
• Убедитесь, что галочка согласия обязательна, а ссылки на документы открываются.

Лейбл «Made on Tilda» внизу страницы можно отключить в настройках сайта, если Personal или Business оплачен на год. Мелочь, но коммерческая страница без чужого логотипа выглядит собраннее.

С чего начать

1. Сформулируйте оффер и целевое действие одной фразой.
2. Напишите тексты по структуре выше, прежде чем открывать конструктор.
3. Соберите страницу на стандартных блоках и оплатите Personal, когда дойдёте до формы и домена.
4. Подключите приём заявок, Метрику и HTTPS, затем пройдите чек-лист перед запуском.

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