Самостоятельное создание лендингов — полезный навык при ведении бизнеса. С его помощью можно собрать пользователей для регистрации на вебинар, провести акцию или протестировать идею. Как создать лендинг — узнаете из статьи.
Электронная коммерция и продажи развиваются быстрыми темпами. На скорость ориентированы и сами технологии продаж: маркетологи постоянно стремятся упрощать и оптимизировать взаимодействие целевой аудитории с информацией о продукте. Первоочередная задача — быстро заинтересовать пользователя и продать ему товар или услугу.
На смену большим перегруженным сайтам приходят легкие и компактные лендинги. Речь не только о физическом размере файлов, но и о смысловой нагруженности. Вокруг нас колоссальное количество новой информации, и для людей критически важно получать ее в максимально чистом виде.
Landing Page только буквально переводится «посадочная страница». В оригинальном толковании правильнее говорить «целевая страница» или «точка входа» — эти термины передают смысл таких сайтов. Это страница, на которую ведет воронка продаж, чтобы предоставить потенциальному клиенту основную информацию о продукте и тут же убедить приобрести его.
Лендинг — одностраничный сайт, на котором лаконично и в привлекательном виде размещена информация о продукте. Читая экран за экраном, пользователь знакомится с основными преимуществами товара или услуги и в конце принимает решение:
Специфика лендингов состоит в том, что они не всегда продают. Чаще — конвертируют посетителей в подписчиков. Исключением может быть ситуация, когда лендинг является частью большого сайта-агрегатора и используется с целью презентации конкретного продукта. В любом случае, если это не так, покупка вряд ли произойдет сразу после ознакомления с товаром. В связи с этим основная задача лендинга — лидогенерация, сбор персональных данных потенциальных покупателей.
Уже затем вступает в действие следующий этап воронки. Часто на лендинге можно подписаться на рассылку — информационную или продающую. В статье по ссылке мы подробно рассказываем, как правильно оформлять те и другие, чтобы информационные письма продавали не хуже промоматериалов. Секрет заключается в постепенной наработке авторитета. Подписчик получает экспертные материалы и усваивает, что вы реальные профессионалы и к вам следует обращаться в первую очередь.
Как быстро сделать продающий лендинг для своего проекта без мам, пап, кредитов и привлечения разработчиков, — рассказал Евгений Тарасов, основатель платформы для создания сайтов Bazium, в нашем YouTube-шоу How to.
Пока в отечественном маркетинге нет четкой классификации посадочных страниц. Обычно выделяют следующие виды LP:
Landing page — это страница, которая необходима для продвижения товаров или услуг. Может служить дополнением к основному сайту. Задача лендинга — подтолкнуть пользователя к целевому действию:
Лендинг не имеет многостраничной структуры, сложного меню и ряда баннеров. Навигация осуществляется с помощью прокрутки или через специальное меню.
В том, чтобы сделать лендинг бесплатно самостоятельно, нет ничего сложного. Конструкторы делают интерфейсы интуитивно понятными и максимально простыми.
Рассмотрим основные этапы разработки лендинга.
Прежде чем приступать к подготовке посадочной страницы, определите задачу, которую она будет решать:
Изучите сайты схожей тематики и составьте портрет целевой аудитории. Первое поможет решить, какие блоки следует включить в посадочную страницу и какие решения использовать при ее создании. Второе необходимо, чтобы понять, какие потребности клиентов должен решать одностраничник, какую информацию нужно дать аудитории для успешных продаж.
Удобнее всего проводить сравнение в таблице. Выберите от трех до пяти основных конкурентов и оцените их лендинги по четырем параметрам:
Каждый аспект следует оценить от нуля до десяти. Так вы получите представление о конкурентах по различным параметрам.
Чтобы правильно рассказать о продукте, необходимо составить и проанализировать портрет целевой аудитории. Для этого пригодятся вопросы:
Ответы на вопросы помогут понять, какую важную информацию стоит добавить на лендинг. Если такой статистики нет, можно опросить текущих клиентов или задать эти вопросы знакомым, которые ранее приобретали аналогичный товар.
Чтобы убедить клиента в необходимости покупки, важно информативно и прозрачно ответить на его вопросы. Для этого на лендинге последовательно располагают несколько блоков:
Это схематичный набросок лендинга — то, как он будет выглядеть в будущем. Прототип демонстрирует, насколько длинным будет сайт, чем наполнится: в каком месте будут текст, формы для заполнения, картинки. Можно использовать программу для создания прототипов или обойтись схематичным рисунком от руки. Главное — сделать наглядный эскиз с расположением блоков.
Они помогают сформировать детализированный каркас страницы, предшествующий макету. Их используют при разработке дизайна сайтов, чтобы видеть, как будет выглядеть структура, какие функциональные блоки в нее будут интегрированы. Наиболее удобные программы для прототипирования:
Как сделать правильный description: правила заполнения
Чтобы лендинг решал все ваши задачи, при его создании придерживайтесь правильной последовательности блоков.
Это короткий текст, который должен «зацепить» посетителя, привлечь его внимание к товару и вызвать желание познакомиться с коммерческим предложением. Он должен быть лаконичным, но при этом информативным. Можно добавить в него уникальные характеристики продукта, озвучить его отличия и конкурентные преимущества. Иногда заголовок можно дополнить подзаголовком, чтобы дать клиентам больше информации.
Логотип — это визитная карточка компании, которая повышает узнаваемость бренда на рынке. Обычно его размещают сверху, чтобы сразу обозначить для клиентов, чей продукт они изучают. Контактная информация также должна быть размещена на видном месте. Укажите не только адрес и телефон компании, но также ссылки на социальные сети, доступные способы оформления и оплаты заказа.
Правильно составленное описание увлекает читателя, заставляет его листать страницу до конца и оформлять заказ. Информация должна подаваться простым языком, понятным для целевой аудитории, чтобы облегчить восприятие текста и улучшить его запоминаемость.
В лендинге обязательно должен содержаться блок о преимуществах компании и ее товарах. Он должен располагаться на видном месте, чтобы посетители сразу обратили на него внимание. Выделите блок, но не переусердствуйте, чтобы у пользователя не возникло ощущения, что ему пытаются что-то навязать. Обозначьте преимущества с точки зрения клиента, а не компании. Так клиент поймет, почему выгодно делать заказ именно у вас, а не у конкурентов.
Обратную связь можно организовать через специальную форму заявки. Но лучше не ограничиваться одной формой: чем больше способов связаться с компанией предлагает лендинг, тем лучше для продавца. Для тех, кто не любит общаться по телефону, добавьте кнопки связи через мессенджеры и социальные сети. Потенциальный покупатель сможет выбрать наиболее подходящий ему способ общения, а компания получит потенциального клиента.
По умолчанию на лендинге нужно обязательно указать стоимость товаров или услуг. Этого можно не делать, только если:
Во всех остальных случаях указывать цену необходимо. Если она несколько выше, чем в среднем по рынку, продумайте содержание блока, снимающего возражения по стоимости.
Call to Action, или СТА — это элемент продвижения, который подталкивает клиента к выполнению целевого действия. СТА реализуется в виде кнопок «Оформить заказ», «Зарегистрироваться», «Подписаться», «Купить» и других.
Дизайн лендинга состоит из нескольких основополагающих элементов:
Цветовая гамма способна создать определенное настроение и ассоциации с продуктом. При создании лендинга белый, серый и черный цвета так или иначе присутствуют в дизайне. В дополнение к ним подбираются хроматические цвета, то есть все остальные цвета, составляющие цветовой круг, а также их оттенки.
Помните про психологию цвета:
Чтобы создать лендинг, лучше воспользоваться конструктором. Для одностраничных сайтов чаще всего выбирают несколько наиболее известных, среди которых:
Существует ряд других конструкторов, но можно не мучить себя выбором, а остановиться на Wix или Tilda, определив оптимальный по удобству интерфейс.
Славится своим Zero Block, из которого можно сделать блок любого дизайна и структуры. Благодаря целому ряду креативных решений является излюбленным инструментом прототипирования и создания лендингов у большого числа UX/UI-дизайнеров, веб-дизайнеров и любителей.
Блоки в Tilda понятные и удобные, с ними легко работать. Отличительные черты конструктора — прекрасная типографика и минимализм.
В запасе у дизайнера более 450 блоков, из которых можно собирать сайты-визитки и интернет-магазины.
В конструкторе есть заготовки, предназначенные именно для лендингов:
Тильда интегрируется и с нашим коллтрекингом. Система Calltouch помогает отслеживать каналы, из которых поступают звонки, и определять эффективные.
Заявки от клиентов поступают во внутреннюю CRM-систему, Telegram, на почту, в Google-таблицы и десятки других сервисов.
Пользователю предлагают домен на выделенном хостинге и услуги SEO-продвижения.
Тильда интегрируется с сервисами аналитики от Яндекса и Google. В числе интеграций также есть сервисы email-рассылок MailChimp и UniSender, AmoCRM и Битрикс24, jivosite.
Помимо функциональных возможностей, Тильда снабжена дизайнерскими фичами, анимацией и другими приятными мелочами.
Одна из лучших реализаций конструктора сайтов: имеет более 500 заготовок, предельно простой интерфейс и мощный функционал. Огромное количество виджетов и дополнений можно подгрузить из Wix App Market. Это дополнения для шеринга в соцсетях, инструменты для e-commerce и общения с потенциальными клиентами.
Wix предоставляет возможность редактировать код, в том числе JS-скрипты.
Среди интеграций также есть email-маркетинг, билеты на мероприятия, встроенный биллинг платежей. Есть CRM-система, интегрированная с конструктором. Как и подобает солидному конструктору, имеется свой хостинг, домены, прием платежей на сайте.
Доступна и сквозная аналитика. Тем не менее, советуем выбирать сквозную аналитику Calltouch — за нее мы можем поручиться и предоставить поддержку.
При разработке лендинга необходимо подобрать домен — имя сайта. Зарегистрировать его можно с помощью сервиса Reg.ru, приобрести домен вместе с хостингом можно на Timeweb.com. Процесс одинаковый для всех сервисов:
Для связи домена с конструктором лендингов или хостингом необходимо добавить NS-сервера в настройки домена.
Дополнительные инструменты помогают повысить эффективность лендинга для владельцев бизнеса. Они удерживают пользователей на сайте и привлекают их внимание к необходимым блокам.
Онлайн-чат — полезный инструмент для повышения конверсии. Пользователи обращаются к нему, когда нужна консультация менеджера или возникают трудности, например с оформлением заказа. Людям не всегда удобно писать или звонить в техподдержку. Через онлайн-чат клиент может задать вопрос прямо в лендинге, не переходя в другое место. Это позволяет удерживать его внимание и повышает вероятность заключения сделки.
Еще один важный инструмент для увеличения количества заявок. Посетитель сайта оставляет номер телефона, и уже через несколько минут алгоритмы системы связывают его с сотрудниками компании. Пользователь отмечает оперативность, с которой была обработана заявка, а компания получает нового клиента.
Важно отслеживать показатели, связанные с работой сайта. Без цифр непонятно, на что ориентироваться и какие проблемы устранять. Метрики продемонстрируют, что люди делают на лендинге и как часто оставляют заявки. Понимание того, как пользователи просматривают сайт, может многое сказать об их предпочтениях и указать на слабые и сильные места одностраничника. Чтобы собирать аналитику, подключите Яндекс Метрику или Google Analytics.
При планировании рекламной кампании в социальных сетях на одностраничнике устанавливают специальный код. Система будет автоматически собирать список профилей, владельцы которых перешли на лендинг. Для них можно организовывать ретаргетинг и показывать тематическую рекламу на необходимой площадке. Она напомнит пользователям о просмотренной ранее странице и убедит их вернуться на сайт, чтобы еще раз ознакомиться с предложением и оформить заказ.
CRM отвечает за то, чтобы все заявки, поступившие на сайт, были обработаны. Сотрудники видят все действия, совершенные пользователями, и понимают, что нужно сделать для стимулирования их к покупке. Например, они могут использовать звонок, сформировать коммерческое предложение, напомнить о просмотренном продукте, договориться о встрече. CRM автоматически фиксирует эти процессы и показывает, на каком этапе находится ведение каждого клиента.
Необходим для подсчета примерной стоимости товаров или услуг. Понимание финальной цены заказа способствует повышению конверсий. Собрать калькулятор можно с помощью онлайн-сервисов, например uCalc.
Для упрощения этого процесса можно использовать такие сервисы, как JustClick и MailerLite. У большинства ресурсов есть бесплатный тариф, позволяющий протестировать их возможности.
На основании собранной базы данных можно организовать рассылку по электронной почте или SMS. Все контакты хранятся в одном месте, что облегчает поиск информации сотрудникам.
После того, как все настроено и подключено, необходимо провести последний этап — проверочный.
Важно вычитать текст либо поручить это специалисту. Редактура поможет избавиться от фактических, грамматических и стилистических ошибок. Плохой текст может сильно испортить впечатление о компании, и клиент предпочтет сделать покупку в другом месте.
Верстку лендинга стоит проверить с разных устройств: компьютера, телефона и планшета. Так вы поймете, как выглядят изображения и читабелен ли текст. При невозможности адаптации определенного блока можно сделать два одинаковых, один из которых будет скрыт в десктопной версии, а другой — в мобильной.
Важно проверить, что все работает так, как следует: якоря ведут в указанное место, открываются окошки, осуществляется переход на нужные страницы. В совокупности это обеспечивает функциональность сайта.
Чтобы проверить этот элемент, достаточно заполнить форму и отследить доставку письма. При сформированной интеграции с CRM нужно также убедиться, что заполненная заявка оказалась в системе. Тесты помогут увидеть, правильно ли настроены пути и насколько быстро потенциальный клиент получает email.
Как было сказано, нет принципиальной разницы, какой сервис использовать для настройки и запуска лендинга. Возможности крупных конструкторов во многом схожи, и использование одного из них — дело вкуса. Более детально с плюсами и минусами разных конструкторов сайтов ознакомьтесь в нашей статье по теме.
Для наглядности продемонстрируем процесс создания лендинга на Тильде.
Если у вас минимальный тариф, то система позволит оформить всего один сайт. Многими инструментами можно пользоваться бесплатно, но для доступа к полному функционалу конструктора придется приобрести платный пакет.
Процесс начинается с подготовки главной страницы. Нажмите «Создать новый сайт».
Много настроек не потребуется: просто укажите название сайта и желаемый субдомен.
На странице проекта создайте новую страницу. Выберите понравившийся шаблон или пустую страницу.
Откроется окно редактирования страницы. В правом нижнем углу находится иконка службы поддержки, готовой оказать помощь.
Чтобы отредактировать блок, наведите на него курсор и выберите режим редактирования в левом верхнем углу. Это может быть выбор другого блока из списка, настройки структуры и настройки контента.
Добавление блоков осуществляется наведением курсора на границу блоков посередине и клик по иконке-плюсу. В левой части откроется библиотека, в которой доступны текстовые блоки, обложки, галереи, колонки, схемы, формы и другие элементы.
Разместить ключевой элемент — лид-форму — можно через настройки контента (оранжевая кнопка в левом верхнем углу блока). В открывшемся окне обратите внимание на раздел «Прием данных из формы». Чтобы добавить туда интересующий вас канал передачи данных, кликните на раздел «Формы».
В новом окне прокрутите страницу и выберите желаемый сервис приема данных.
Интеграцию одностраничника с Telegram настраивают через бота. Найдите в мессенджере @TildaFormsBot, нажмите кнопку «Start» в диалоговом окне и напишите что-нибудь. В ответ бот выдаст ключ. Введите его на сайте в настройках и включите интеграцию. Заявки будут поступать в Telegram моментально.
Сформировав страницу, перейдите в «Предпросмотр» в правом верхнем углу. Если все работает и выглядит правильно, можно публиковать результат. Перед этим полезно заглянуть в настройку страниц и задать Title, Description, а также установить бейджик.
Затем найдите страницу в списке, наведите курсор и кликните «Публиковать», указав в окне адрес страницы.
В Тильде присутствует огромное количество полезных функций и элементов, среди которых лид-формы, CTA, рассылочные формы, интеграции с другими сервисами. В рамках одного конструктора можно зарегистрировать домен, разместить на нем сайт, настроить лидогенерацию и интегрироваться с рассылками.
Безусловно, многими из этих функций обладают и другие конструкторы — изучайте и тестируйте наиболее комфортные инструменты, соответствующие вашим ожиданиям и нуждам.
Почему Яндекс.Дзен заблокировал канал, и как восстановить доступ
Рассмотрим несколько инструментов, направленных на постепенное налаживание контакта с клиентом.
Они необходимы для прогрева посетителей, еще не готовых к покупке продукта. Письма напоминают пользователям о бренде, рассказывают о товарах и услугах, чтобы компания постоянно находилась в поле зрения клиентов. Рассылки могут состоять из акционных предложений, уведомлений о распродажах, скидках, рассказах о производственных процессах, презентациях новых продуктов. Важно, чтобы коммерческий контент в них чередовался с информационным, иначе читатель утратит интерес и отпишется.
Для конвертирования пользователей в клиентов используют серии автоматизированных рассылок, которые отправляют каждому заинтересованному посетителю:
Другой способ повышения конверсии — настройка web push-уведомлений. Они появляются в тот момент, когда пользователь просматривает информацию на странице. Пуши предлагают подписаться на рассылку, чтобы в будущем получать сообщения от компании. Использование web push-уведомлений решает ряд задач:
Компания привлекает потенциальных клиентов ярким и стильным сайтом, оформленным с использованием эффекта параллакс.
Когда посетитель прокручивает страницу вниз, ему кажется, что элементы на экране — облака, горы, волны — перемещаются вверх относительно него. Это смотрится необычно и креативно, а главное — показывает, что специалисты студии дизайна разбираются в своем деле.
Фишка лендинга — в уникальном «рисованном» дизайне, словно создатели страницы сделали набросок сайта в тетради, но так и не оформили его в графическом редакторе.
Кнопки с призывами к действию визуально выделяются на фоне остальных элементов экрана — это подталкивает посетителя нажать на одну из них. При этом на странице представлена достаточно подробная информация о компании и ее предложении, поэтому у потенциального клиента не должно остаться вопросов, почему следует сделать заказ именно здесь.
Еще один пример лендинга с сильным дизайном. Производитель наручных часов выбрал лаконичную черно-белую гамму и простую типографику с крупным размером шрифта. Когда посетитель прокручивает экран вниз, в центре страницы остаются часы — ему показывают разные модели с разных ракурсов.
Четкие фотографии фокусируют внимание пользователя на деталях — хочется рассмотреть каждый элемент в дизайне часов. Оффер звучит громко и убедительно: «Выполненные из титанового сплава, часы Titan помогут вам пройти через самые сложные жизненные испытания».
Хочу получать интересные новости блога
22 февраля 2019
20 февраля 2019
7 февраля 2019
28 февраля 2019
7 марта 2019
11 марта 2019
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных
