Лендинг на тильде: Создать лендинг пейдж, одностраничный сайт — Tilda Publishing

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

Популярность рукотворная — внешние ссылки на свой ресурс.

Лендинг пейдж — не только модный термин, это эффективный инструмент для получения лидов.

Сегодня поделюсь секретами разработки лендинга на платформе Tilda.

Лендинг на Тильде

Тильда — универсальная платформа, которая позволяет создать любой ресурс — от сайта-визитки и блога до интернет-магазина и информационного портала.

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

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

Построение лендинг пейдж не занимает много времени: при наличии даже небольшого опыта этот процесс займёт всего пару часов.

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

Регистрация на платформе

Чтобы создать свой первый проект, зарегистрируйтесь.

Начать создавать сайт

Что такое лендинг
и для чего он нужен?

Landing page дословно — «целевая страница».

Часто люди ошибаются, считая лендинг рекламной площадкой. Это не так или не совсем так.

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

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

Лендинг — это страница-призыв. Она нужна для получения конкретного действия со стороны пользователя.

Структура лендинг пейдж

Пришел

Увидел

Сделал

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

Конечное действие посетителя лендинг пейдж — то самое целевое действие, ради которого он был создан.

Структура лендинга складывается, исходя из этой формулы

Внимание

Первым делом привлекаем внимание пользователей, которые имеют отношение к конкретной теме или заинтересованы в предлагаемом продукте.

Что предлагаем

Рассказываем о том, что предлагаем.

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

Лидогенерация

Даём посетителю возможность стать вашим лидом, то есть совершить действие, ради которого всё затевалось.

Рассказываем, почему важно купить этот продукт/присоединиться ко встрече/заказать услугу.

Кнопка+результат

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

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

Чётко и ёмко сформулируйте, что должен сделать посетитель и разместите призыв на интерактивную кнопку.

Советы экспертов

На старт, внимание, марш!

Заголовок должен полностью соответствовать тематике сайта, в нём заключается основной посыл лендинга. Это отправная точка, которая логически завершается действием пользователя.

Заголовок имеем ещё одну важную функцию — он помогает не только привлечь публику, но и отсечь всех тех, к кому данная целевая страница не имеет никакого отношения.

Краткость —
сестра таланта

Эффективный лендинг не значит объёмный.

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

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

Всё. Ваш клиент уже жмёт на кнопку «Регистрация».

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

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

Точно в цель!

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

Распространённая ошибка многих разработчиков (и не только новичков) — попытка охватить каждого без исключения пользователя Рунета. Такое рассеивание внимания ни к чему не приведёт.

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

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

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

Правила хорошего тона

Вспоминаем, чему нас учили родители и пророки.
Обманывать плохо.
Это правило работает и в отношении лендинга.

Не пытайтесь хитрить и прятать продажи под аттракцион невиданной щедрости и раздачу подарков «просто так». Переходы на заманивающие обещания с попаданием на продажу стандартной продукции по стандартной же цене воспринимается как развод.

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

Лучше один раз увидеть

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

Единственный и неповторимый

Лендинг, как и любой сайт, должен максимально отражать реализуемую идею.

Лендинг, как и любой сайт, должен максимально отражать реализуемую идею. Чтобы донести свою мысль до пользователей без потерь, сайт должен «говорить» на вашем языке. Дизайн в этом вопросе — не последний по важности элемент.

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

Главная задача дизайна — помочь максимально подробно рассказать о продукте, а не просто удивить или поразить. Наихудший варианта — когда дизайн отвлекает от главной идеи и товара.

Тильда позволяет реализовать любые дизайнерские решения.

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

Здесь и сейчас

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

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

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

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

При всём богатстве выбора

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

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

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

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

От Tilda с любовью

Тильда — идеальный конструктор для лендинга.
Выбирая эту платформу, мы получаете массу бонусов и возможностей.

Функциональность

Доступный расширенный функционал:

• подключение онлайн-чата с пользователями;
• регистрационная анкета;
• форма обратной связи;
• интеграция с социалками;
• совместимость с CRM;
• подключение карт и многое другое.

Стандартные функции — добавление фото, видео и текстового контента — никуда не деваются. on portraits, studio photography and documentary photography.

Интерактивность

Разнообразные инструменты платформы Tilda делают лендинг интерактивным.

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

Вовлечение посетителей в представляемую идею открывает путь к лидам.

Индивидуальность

Модули, составляющие лендинг пэйдж, которые хранятся в библиотеке Тильды, продуманы до мелочей. Они гармонично сочетаются друг с другом и настраиваются исключительно с учётом пожеланий владельца сайта.

Адаптивность

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

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

Нет необходимости ограничивать себя или посетителей в пространстве. Лендинг на Тильде видно отовсюду.

Продвижение

Сайты на Тильда (лендинг — не исключение) удобно продвигать.

Их индексируют поисковые системы, при этом платформа предлагает целый набор инструментов для сео-оптимизации.

Благодаря этому разработанный вами лендинг увидят тысячи потенциальных лидов.

Для владельца сайта доступна статистика посещений, а также функция подключения счётчиков Яндекс и Гугл.

Экспресс-тест по материалам статьи

Проверить

1. Сайт-визитка

2. Многостраничный сайт

3. Интернет-магазин

4. Целевая страница

Проверить

Узнать результат

1. Продажа женской и мужской обуви разных размеров

2. Продажа наушников для айфона

3. Продажа курса по похудению

4. Продажа билетов в кино

Проверить

Узнать результат

1. Отзывами о товаре и услугах

2. Кнопкой с целевым действием («Купить», «Подписаться» и т.д.)

3. Контактами организации

4. Все ответы верные

Проверить

Узнать результат

1. Прописать заголовок, который полностью отражает тематику сайта

2. Создавать контент под определенную ЦА (пол, возраст, интересы, боль ЦА)

3. Разместить на лендинге несколько кнопок с целевым действием

4. Все ответы правильные

Проверить

Узнать результат

1. Стандартные блоки гармонично сочетаются друг с другом

2. Расширенный функционал (форма обратной связи, CRM-система, подключение онлайн-чата и др.)

3. Автоматическая адаптация под разные устройства

4. Инструменты для seo-оптимизации

5. Все ответы верные

Проверить

Узнать результат

Вы точно прочитали статью внимательно. Перечитайте ее еще раз и попробуйте пройти тест еще раз.

Пройти еще раз

Вы точно прочитали статью внимательно. Перечитайте ее еще раз и попробуйте пройти тест еще раз.

Пройти еще раз

Вы точно прочитали статью внимательно. Перечитайте ее еще раз и попробуйте пройти тест еще раз.

Пройти еще раз

Вы точно прочитали статью внимательно. Перечитайте ее еще раз и попробуйте пройти тест еще раз.

Пройти еще раз

Молодец! 90% материала освоено на УРА! Обрати внимание на ошибки и разберись, что не так.

Пройти еще раз

Идеально! Спасибо! Мне очень приятно, что меня услышали и поняли!

Пройти еще раз

Лендинг на Тильде — как создать и получать клиентов

Задача лендинга — приносить заявки и лиды.

Чтобы он выполнял эту задачу, нужно убедить вашу целевую аудиторию в том, что вы решите их проблемы.

Мы знаем, как сделать landing page под ключ. Тильда нам в этом поможет.

Разработка сайтов на Тильде. Наш подход

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

ОГЛАВЛЕНИЕ

1. Структура сайта

2. Аудит бизнес-процессов

3. Прототип, который убеждает

4. Дизайн, который побуждает

5. Технические настройки

6. Доведение до результата

Начинаем погружаться в бизнес и создаём подробную структуру сайта

Цель структуры — разобраться в задаче, продумать основные смыслы, которые будут заложены в сайт и зафиксировать с вами точный бюджет на весь проект.

СТРУКТУРА САЙТА

Этап №1

Проводим интервью на 1-1,5 часа

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

Автор задаёт много вопросов о компании и продукте. А потом создаёт структуру сайта.

Клиент развёрнуто отвечает на вопросы.

Создаём структуру сайта

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

Утверждаем и переходим к прототипу

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

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

Описание экрана включает: о чём будем говорить, на какие вопросы отвечать и как примерно иллюстрировать.

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

Прописываем стоимость данного этапа и как именно происходит оплата работы.

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

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

Пример структуры, которую вы получите на выходе. Обычно, это документ на 3-6 страниц.

Вырезка из приложения к договору. В приложениях прописаны все условия по конкретному этапу.

РЕЗУЛЬТАТ СТРУКТУРЫ

Зафиксирована стоимость и понятно смысловое содержание сайта

Проводим подробный аудит вашего бизнеса, конкурентов и клиентов

Задача аналитики — понять, в чём вы классные, как показать вас лучше конкурентов и что важно для ваших клиентов.

БИЗНЕС-АУДИТ

Этап №2

Находим вашу силу

Проводим 1-2 больших интервью голосом или текстом от 1 до 4 часов. На них задаём до 200 вопросов про ваши бизнес-процессы. Выясняем на каких этапах и каким образом с вами взаимодействуют клиенты, чтобы понять, как вы решаете их проблемы.

Первая итерация вопросов. В неё входит от 20 до 50 вопросов. Первое интервью занимает от 1 до 2 часов.

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

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

Помимо вопросов про ваш бизнес, спрашиваем про конкурентов и клиентов. Обсуждаем крутые решения, которые подсмотрели у конкурентов.

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

Отстраиваемся от конкурентов

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

Категории, по которым будет проходить аналитика конкурентов. Они бывают разными, в зависимости от ниши.

Пример таблицы сравнения конкурентов

Комментарии по каждому из конкурентов к категориям. Это документ для внутренней работы, поэтому комментарии часто понятны только редактору.

Убеждаем клиентов оставить заявку

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

Пример проблем целевой аудитории, которые мы выявили на этапе анализа в нише подбора персонала.

Пример формирования ключевого предложения компании на основании изучения целевой аудитории

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

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

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

РЕЗУЛЬТАТ АНАЛТИТИКИ

Мы знаем, почему клиент должен заплатить именно вам

Пишем текст и делаем прототип, который убедит потенциального клиента

Задача прототипа — привести посетителя к заявке, за счёт отработки всех возражений и ответов на все вопросы.

ПРОТОТИП

Этап №3

Пишем текст, который снимет возражения и ответит на вопросы

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

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

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

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

Делаем иллюстрации, которые помогут понять суть даже без текста

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

Пример схемы, которая иллюстрирует одно из преимуществ

С такой схемой необязательно читать текст. Сразу становится очевидно преимущество — первый кандидат через 2 дня.

Создаём прототип, следуя по которому клиент скажет «да, беру!»

Упаковываем текст и иллюстрации в логичный прототип, который последовательно ответит на все вопросы. 80% посетителей не читают тексты больше, чем на 20%. Первые 2-4 экрана самые важные, поэтому сначала отрабатываем самые целевые возражения и вопросы.

Пример части прототипа. Полностью можно посмотреть здесь.

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

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

Презентуем прототип и объясняем, почему он сделан именно так

Когда прототип готов — созваниваемся с вами на 30 минут, показываем его по видео и презентуем. Рассказываем, в каком блоке и какие возражения отрабатываем. Показываем, почему именно здесь нужен лидмагнит. Отвечаем на все ваши вопросы. Если нужно, вносим корректировки.

РЕЗУЛЬТАТ ЭТАПА

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

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

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

ДИЗАЙН

Этап №4

Подбираем визуальные примеры, чтобы выяснить ваши ожидания

Дизайн должен выполнять маркетинговые задачи, а не быть «красивым». Но важно, чтобы он отражал суть бизнеса и основателя. Поэтому мы подбираем до 10 подходящих по стилистике примеров, чтобы понять: какая вёрстка вам больше нравится, какие цвета, шрифты или кнопки. Это нужно, чтобы ваши ожидания сходились с тем что получится на выходе.

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

Пример документа с визуальными примерами

Иногда обсуждаем примеры текстом. В таком случае отправляем документ со ссылками, в котором вы оставляете свои комментарии.

Выбираем подходящую стилистику, которая привлечёт внимание

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

В кадровых агенствах основная часть конкурентов в зелёных или синих оттенках. Они довольно простые и похожие друг на друга.

Пример усредненного варианта визуалки конкурентов — сверху. И свежий, более современный дизайн нашего заказчика — снизу.

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

Расставляем правильные акценты, которые побудят заказать

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

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

Пример расставленных акцентов у среднестатистического конкурента и у нашего заказчика

Здесь мы концентрируем внимание на самом важном. Показываем с помощью картинки куда попал, чтобы была понятна тематика. Пишем крупный заголовок. И делаем акцент на кнопку расчёта стоимости, потому что это один из ключевых вопросов у ЦА.

Презентуем макет вам и поясняем все дизайн-решения

Когда макет готов — созваниваемся с вами на 30 минут и презентуем его. Рассказываем, почему выбран именно этот цвет, почему шрифт с засечками здесь подойдёт лучше или зачем здесь этот градиент. При необходимости, вносим до 2 итераций корректировок в дизайн.

РЕЗУЛЬТАТ ЭТАПА

Дизайн лендинга, который нравится клиентам и выделяет вас среди конкурентов

Адаптируем сайт под телефоны и готовим к запуску

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

НАСТРОЙКИ

Этап №5

Адаптируем, чтобы хорошо отображался на мобильных

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

Отдельное меню, которое не мешает восприятию информации на маленьком экране.

Акцент на кнопки. Все важные призывы всегда идут по ширине контента.

Делаем технические настройки, чтобы лендинг работал

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

Передаём лендинг на ваш аккаунт, чтобы вы могли с ним работать

Изначально мы работаем на нашем аккаунте. После того, как всё готово — передаём на ваш. Рассказываем, как пользоваться созданным на Тильде сайтом. При необходимости записываем видео-инструкцию.

Помимо прочих настроек, подключаем базовую аналитику, чтобы потом можно было изучать поведение людей на сайте.

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

Приём сайта происходит в один клик на вашем аккаунте.

Пример адаптированной версии landing page

Скриншот настроек лендинга

Процесс передачи лендинга

Адаптированные размеры шрифта, иконки, картинки и другие элементы, чтобы всё выглядело органично и читаемо.

РЕЗУЛЬТАТ ЭТАПА

Лендинг готов к приёму трафика и обработке посетителей

Доводим до результата, увеличиваем конверсию и улучшаем

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

УЛУЧШЕНИЯ

Этап №6

Анализируем метрики, качество заявок и результаты

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

На карте кликов наглядно видим, что на один пункт в меню почти не кликают. Значит, можно заменить его чем-то более полезным.

На форму тоже кликов почти нет. Ей не место на первом экране, посетители к ней не готовы. Значит, имеет смысл оставить только кнопку или убрать ее ниже, а призыв сменить.

Примеры из яндекс метрики, на основании которых мы вносим некоторые изменения в лендинги

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

Вносим изменения в лендинг для повышения конверсии

На основании аналитики редактируем структуру и контент. Убираем формы, которые не работают. Переписываем предложение, тестируем новые. Меняем местами блоки, поднимаем выше те, которые больше цепляют целевую аудиторию. Убираем из меню те пункты, по которым не кликают, и добавляем те, которые часто ищут. Вносим до 4 итераций изменений в месяц.

У каждого потенциального клиента своя ситуация и способ её решения. Большинство клиентов уже сталкивались или боятся столкнуться с коллекторами.

Объединяем 2 факта и делаем лидмагнит, который должен бить в потребности ЦА. Делаем акцент на бесплатности.

Пример улучшений, которые мы вносим в лендинги на тильде

После запуска трафика анализируем все метрики и обращения. Понимаем, что изначальная гипотеза работает плохо. Ищем то, что реально важно ЦА.

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

Проводим аудит рекламных кампаний и предлагаем улучшения

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

Проанализировали рекламную кампанию и вот какие минусы нашли:
— Всего 1 объявление
— Нет разбивки на регионы
— Запросы с маленьким трафиком
— Одна ставка на все запросы

Это всё влияет на качество трафика и стоимость лида. Внеся изменения, можно привлекать больше клиентов за тот же бюджет

Пример комментария из аудита рекламной кампании

РЕЗУЛЬТАТ УЛУЧШЕНИЙ

Уменьшение стоимости лида и повышение эффективности сайта

Приведём целевых клиентов на сайт на Тильде с рекламой

Запуск и ведение рекламы в Яндексе, Google и социальных сетях

РЕКЛАМА

Тестируем объявления и площадки, чтобы оставить только те, которые будут приносить вам деньги

Настраиваем сквозную аналитику, чтобы понимать откуда конкретно пришёл лид. Фиксируем всё: заявки, личку, звонки

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

Отчитываемся раз в неделю по всем показателям рекламы: сколько лидов, какая их стоимость

Landing Pages From Tilda — CS-Cart 4.16.x документация

Note

Этот модуль доступен в CS-Cart и Multi-Vendor, начиная с версии 4.14.1. У вас должен быть подключен аккаунт на Тильде с тарифным планом «Бизнес».

С Tilda вы можете быстро создавать индивидуальные целевые страницы для разных аудиторий. Модуль позволяет интегрировать страницы, созданные на Тильде, в CS-Cart, и вы сможете быстрее и проще наполнять свой магазин контентом. Вот что вы можете сделать:

• добавить в магазин страницы, созданные на Тильде;
• заменить существующие страницы на страницы из Тильды;
• показать блоки из магазина на страницах Тильды.

• Установка и настройка
• Функционал
  • Добавление новой страницы с Тильды
  • Замена существующей страницы на страницу с Тильды
  • Отображение блока с витрины на странице Tilda
• Синхронизация

Установка и настройка

Установите надстройку так же, как и любую другую надстройку.

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

Открытый ключ API , Секретный ключ API. Используйте ключи из личного кабинета Тильды для подключения Тильды к CS-Cart.

1. Перейдите на Dashboard и откройте нужный проект.
2. Откройте Настройки сайта → Экспорт → Интеграция API и скопируйте ключи API.
3. Вставьте их в соответствующие поля в CS-Cart. Нажмите Сохранить .

Проект . Настройка появляется после ввода ключей API. Если вы ввели правильные ключи, в поле Project появится выпадающий список со всеми вашими проектами Tilda. Выберите проект, страницы которого будут интегрированы в магазин, затем Сохраните настройки.

Функциональность

Добавление новой страницы с Tilda

Добавьте функциональные страницы Tilda с современным дизайном в свой CS-Cart магазин.

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

1. В панели администратора перейдите на Веб-сайт → Страницы . В правом верхнем углу нажмите + и выберите Добавить страницу Тильды .
2. Задайте свойства страницы CS-Cart и заполните дополнительные поля.
3. Щелкните Сохранить . Теперь страница Tilda интегрирована в ваш магазин CS-Cart.

Дополнительные поля, которые появляются при работе со страницами Тильды в CS-Cart:

Страница Тильда — выбрать основу для новой страницы из страниц Тильды выбранного проекта.

Использовать верхнюю панель, верхний и нижний колонтитулы этого магазина

— определить, какую часть макета страницы заменить страницей Тильды.

1. Если включить настройку, то страница с Тильды будет отображаться только как основной контент. При этом на странице будет верхняя панель CS-Cart, шапка и футер. Например, вы можете оставить переключатель языка, список категорий и контактов из текущего магазина и отображать свои товары, используя стили Тильды.
2. Если вы отключите настройку, страница Tilda заменит всю страницу макета. Например, вы можете использовать страницу Тильды в качестве домашней. При этом на странице с Тильды должен быть каталог товаров, контакты и прочие атрибуты главной страницы.

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

Встроить блок витрины на страницу Tilda — выбрать блок CS-Cart, который появится на странице Tilda.

Опубликовано — дата последнего обновления страницы на стороне Тильды.

Замена существующей страницы на страницу с Tilda

Вам не нужно создавать новую страницу, чтобы добавить страницу с Tilda в свой магазин. Вы можете заменить существующую страницу в магазине на страницу с Тильды.

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

1. Перейдите в Дизайн → Макеты в панели администратора.

2. Заменить существующую страницу макета на страницу из Тильды любым удобным способом: с помощью настроек страницы или правого сайдбара.

   Примечание

   Используйте правую боковую панель для облегчения навигации между страницами макета. Он содержит основную информацию о странице — ее отправку и имя. Ниже находится кнопка Meta data & more , которая открывает окно редактирования страниц макета.

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

4. Настройте дополнительные поля.

5. Щелкните Сохранить . Дополнительная информация появится на боковой панели рядом с заголовком страницы Тильды.

6. Теперь содержимое страницы магазина будет заменено на страницу из Тильды.

Отображение блока с витрины на Тильде Страница

Вы можете интегрировать страницу, созданную на Тильде, в свой магазин и наполнить ее функциональными элементами — блоками CS-Cart. Например, вы можете добавить блок с кнопкой «Купить» на страницу товара, созданную в Тильде.

Для этого при создании/редактировании страницы в админке в поле Встроить блок витрины на страницу Тильды :

1. Нажмите на иконку Управление блоками в визуальном редакторе и выберите блок, который будет показано на странице Тильды.

2. Переключите редактор в режим HTML, нажав < > , и скопируйте сгенерированный код.
3. Зайдите в личный кабинет на сайте Тильды и откройте нужную страницу.
4. Нажмите + и добавьте блок. В открывшемся списке выберите Другое → HTML-код .
5. Нажмите кнопку Content и вставьте сгенерированный код в открывшееся окно.

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

Страница, созданная в Tilda с добавленным блоком товара, может выглядеть так:

Синхронизация

При сохранении страницы или макета на стороне CS-Cart данные синхронизируются. Итак, если вы хотите, чтобы изменения, сделанные в Тильде, отображались, сначала опубликуйте их, а затем сохраните страницу в CS-Cart. Обновите витрину, содержащую страницу Tilda.

Модуль позволяет настроить автоматическую синхронизацию страниц Tilda и CS-Cart. Автоматическая синхронизация сокращает количество шагов, необходимых для внесения изменений на страницы Tilda. После публикации ваши изменения сразу появляются в магазине. Чтобы настроить автосинхронизацию:

1. Откройте настройки дополнения и скопируйте ссылку на магазин.
2. В личном кабинете Tilda перейдите на страницу Мои сайты и кампании и откройте нужный проект.
3. Откройте Настройки сайта → Экспорт → Интеграция API и прокрутите страницу вниз.
4. Вставьте скопированный адрес в блок Webhook и нажмите Сохранить Webhook .

Так вам не придется каждый раз сохранять страницу в CS-Cart после внесения изменений в Тильде.

---

Вопросы и отзывы

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

Тильда | Конструктор сайтов

Обновлено 16 августа 2022 г.

|

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

Особенности:

• Конструктор веб-сайтов Drag&Drop
• 550+ Библиотека блоков
• 210+ готовых шаблонов
• Поддержка системы управления контентом (CMS)
• Функциональность электронной коммерции
• Встроенный CDN
• Пользовательский HTML
• Экспорт кода
• Всплывающие окна и баннеры White-label
• Встроенный конструктор форм

Цены

$10/месяц

Стартовая цена

$20/месяц

Бизнес-план

🎁

14 дней бесплатной пробной версии

Попробуйте Тильду

Подключите Tilda с помощью этих инструментов

Лучшие интеграции с Tilda.

cc Платежный шлюз

Полоса

Полоса | Платформа для обработки платежей в Интернете

Узнать больше

CRM

Pipedrive

Универсальная платформа продаж для увеличения доходов

Узнать больше

Рекламная рассылка

MailChimp

Универсальная интегрированная маркетинговая платформа для малого бизнеса

Узнать больше

Изучите Tilda

Tilda Education

Научитесь создавать все типы веб-сайтов на Tilda: целевые страницы, интернет-магазины, многостраничные веб-сайты, блоги и многое другое

Узнать больше

Канал Tilda на YouTube

Как создать интернет-магазин без кода | Живой семинар

Узнать больше

Как создать целевую страницу

Бесплатный учебник по разработке, настройке и запуску целевых страниц с высокой конверсией

Узнать больше

Лучшие альтернативы издательству Tilda

Откройте для себя больше инструментов

Еженедельно мы добавляем новые инструменты.

..

Получите новейшие инструменты и превосходную целевую страницу Inspirationss по электронной почте.

1400+

Подписчики

100+

Инструменты целевой страницы

50+

Идеи целевой страницы

Подпишись сейчас

Мы не передаем и не продаем ваш адрес электронной почты публично

Альтернативы

• Альтернативы Webflow
• Джаспер AI Альтернативы
• Альтернативы Elfsight
• Альтернативы Mailchimp

Вдохновение

• Контрольный список целевых страниц
• Целевая страница Вдохновение
• Идеи копирайтинга
• Целевая страница Playbook

вдохновлен мастерами, создан для мастеров.

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