Landing page является маркетинговым инструментом, упрощающим взаимодействие между участниками бизнеса. Он эффективно обеспечивает оперативные продажи за счет воздействия на покупателя на инстинктивном уровне. Продуманный дизайн одностраничника мотивирует человека кликнуть на кнопку, позвонить и купить товар или услугу. Одностраничный сайт можно заказать у специалистов. Однако, зная секреты и нюансы его создания лендинг несложно оформить самостоятельно.
Самостоятельное создание лендинга
Об одностраничниках
Лендинг может создаваться представителями бизнес-ячейки не только для продаж. Его применение актуально также для:
- получения контактных данных;
- увеличения узнаваемости бренда;
- информирования пользователей о предоставлении услуг или о наличии определенного ассортиментного ряда продукции;
- консультирования;
- получения резюме от кандидатов;
- привлечения партнеров;
- обеспечения доступа к сервису.
Способы создания
Руководитель бизнеса, приняв решение о необходимости продвижения своего продукта через одностраничник, должен определиться со способом его создания. При небольшом бюджете и наличии в штате сотрудников, разбирающихся в сфере дизайна и маркетинга, можно воспользоваться бесплатным шаблоном и генератором. Альтернативным вариантом является распределение элементов мероприятия по специалистам.
Доверив работу маркетологу, можно не беспокоиться за качество дизайна страницы, разработанного дизайнером, за текстовую часть проекта, над которой поработает копирайтер и за интеграцию проекта программистом.
При наличии в достаточном количестве денежных средств, многие бизнесмены пользуются аутсорсингом специализированного агентства. При ограниченном бюджете, представители бизнеса задумываются над тем, как самостоятельно сделать лендинг.
На что нужно обратить внимание при разработке сайта
Лендинг с подзаголовком, в котором отображаются преимущества предложения
Чтобы одностраничник радовал конверсией, его изначально следует рассматривать с нескольких позиций. При разработке ресурса нужно учитывать, что его формирование производится аналогичными с обыкновенными сайтами, приемами.
Структура закладывается при помощи HTML и CSS. В ней должны присутствовать текстовая часть, изображения и видео. Продающий лендинг имеет эффективные ресурсы лидогенерации. Поэтому при его продвижении следует применять популярные маркетинговые приемы. Важно учитывать решения посетителей, на которые оказывают воздействие психологические приемы.
Заголовок
Заголовок одностраничника должен иметь вид оффера, кратко оформленного в виде уникального ограниченного по времени предложения, адресованного конкретного клиенту. Лучше, если в нем содержится призыв к действию. Заголовок является важным элементом лендинга, поскольку именно от него зависит первое впечатление пользователя от страницы. Вероятнее всего, второго шанса его произвести на посетителя уже не будет.
Лендинг сосредоточен на одной цели
Для придания заголовку эффектности, следует придерживаться правил, определяющих необходимость его оформления как понятного элемента. При первом взгляде на него, люди должны понимать, что им продают. Уникальность заголовка позволит сайту выделиться из множества аналогичных продуктов.
Важно суметь предложить услугу, идея о которой не пришла в голову конкурентам. В названии ресурса должен присутствовать элемент ограниченности . Можно упомянуть о цене и о ее актуальности до конкретной даты. Альтернативным вариантом будет указание об ограниченном количестве товара на складе. Эффективным приемом считается проведение акций, время которых истекает.
Один лендинг преследует только одну цель
Перед тем как начать работать над созданием одностраничника, следует определить цель своей деятельности. Не рекомендуется на одном проекте пытаться решить несколько задач. Лендинг предназначен для работы только в одном направлении. Такое решение сократит охват потенциальных пользователей, но увеличит эффективность страницы, которая будет выражена в количестве активных действий пользователей.
Читайте также: Про заработок в социальных сетях без вложений
В чем выгода потребителя
Как оформить преимущества сотрудничества
Для привлечения внимания потребителя, на одностраничнике важно отметить его выгоду, которую он получит при сотрудничестве или приобретении продукта. Следует не только убедить пользователя в необходимости покупки товара или услуги именно с предлагаемого лендинга, но и побудить его сотрудничать в будущем. Все преимущества должны быть отображены ненавязчиво. Их можно выделять в виде списков или буллетов. Выделенные выгоды наверняка привлекут внимание посетителя.
Персонализация
Посетив страницу сайта, пользователь должен понять, что его мнение и решение важно для руководителя проекта. Такой эффект достигается посредством применения способов персонализации.
Проработка структура
Сведения, отображаемые на одностраничинике, должны быть структурированы.
Пользователь, посетивший лендинг должен заинтересоваться его содержимым и задержаться на сайте с целью ознакомления с предложением. Привлечение его внимания возможно только при таком оформлении продукта, в котором его текстовая часть доступна и легко воспринимаема.
Прием персонализации
Человек не будет читать до конца длинный текст, даже если он оформлена в виде списков. Информация должна быть подана кратко, а ее суть должна носить нотки интриги. Не стоит также пересыщать дизайн графикой. Рекомендуется придерживаться оптимального баланса между параметрами.
Социальные доказательства
На продающей странице обязательно должна присутствовать информация, подтверждающая высокое качество предлагаемой продукции или услуги.
При наличии сертификатов, свидетельствующих о соответствии продукта требованиям нормативно-правовых источников, следует разместить отсканированные в цветном виде документы в специальном разделе. Для укрепления репутации и увеличения лимита доверия к компании, которую представляет одностраничиник, рекомендуется размещать реальные отзывы клиентов, которые уже воспользовались предлагаемыми благами. Для придания им эффекта не возбраняется их немного откорректировать. При правильном подходе текстовые строки и фотографии с подписью, идентифицирующей покупателя, превращаются в эффективный инструмент продвижения.
Призывы к действию
Структура лендинга со инструментами продвижения
В одностраничнике обязательно должен присутствовать эффективный Call to Action, мотивирующий пользователя к действиям. Кнопку опции призыва располагают в хедере или в конце лендинга. Допустимо его размещение с лид-формой. Недостаточно сделать СТА- кнопку яркой. На пользователя оказывает влияние ее текстовая часть, которая должна синхронизироваться с мыслями в голове пользователя и озвучивать его пожелание.
Призыв к действию на лендинге является указанием пользователям на их действия, которые нужно сделать немедленно. Опция актуальна если посетитель не закрыл вкладку с сайтом в первые 15 секунд.
Призыв к действию в виде кнопки с призывающим текстом
От текстовой части призыва зависит конверсия одностраничника, определяющая, сколько людей осуществило переходы по нужной кнопке. Неэффективно размещение поля для ввода электронного адреса перед кнопкой с призывом, поскольку такое решение владельца сайта создает впечатление у пользователя уже состоявшегося вовлечения, и может стать причиной закрытия страницы.
Лид-формы
Лучше предложить клиенту, какой либо бесплатный шаг, который не потребует от него финансовых и временных затрат. Даже если продвигается платный продукт, то наличие бесплатных бонусов увеличит шансы его продажи.
Лид-формы
Лид - это обратная связь от пользователя сервиса в виде оформления заказа, регистрации или загрузки приложения. Основной задачей лид-формы является превращение контактов посетителя в лид.
Разрабатывая дизайн одностраничника, следует заранее предусмотреть место для лид-формы. Элемент должен быть максимально простым. Он не должен содержать лишних полей, наличие которых может вызвать у посетителя лишние вопросы. Рассчитывая на долгосрочное сотрудничество с пользователями и на получение от них контактных данных, следует оформить интерфейс сервиса в интуитивно понятном стиле.
Всем привет! Сегодня хочу продолжить ряд статей, посвященных созданию и и на этой странице я максимально подробно опишу процесс создания Landing Page своими руками. Но позвольте мне начать свой рассказ с небольшой предыстории.
В сентября 2015 года мне понадобилось сделать лэндинг для своего первого ифопродукта, ну, и естественно я воспользовался поиском гугл, чтобы найти хоть какую-то инструкцию. Но так уж вышло, что реальной информации, которую бы смог осилить любой новичок не нашлось. Куда ни зайду, везде реклама каких-либо дорогостоящих сервисов и услуг. Уверен, многие из нас ещё не готовы отваливать каждый месяц кучу денег за абонентскую плату, также уверен, что многим хотелось бы просто поэкспериментировать, попробовать свои силы в инфорбизнесе, за что, опять же, не хотелось бы лишний раз платить. «Нужно как-то исправлять эту ситуацию» - подумал я, и решил во всём разобраться сам.
Думаю процесс моего обучения будет не столь интересен, поэтому мы сразу перейдём к сути и наконец узнаем, как же сделать страничку захвата своими руками. А начнём с основ:
LandingPage (страница захвата) - это маркетинговый инструмент, предназначенный для конвертации посетителей в клиенты. Чем убедительней, четче и лаконичней будет Ваше предложение, тем меньше шансов получить отказ. Лендинг - должен призывать клиента совершить действие, например, купить что-либо, подписаться на рассылку, установить какой-либо софт и прочее.
Лендинги, как маркетинговый инструмент, приобрели большую популярность за счет того, что они создаются под определённую категорию людей, а значит, дают большой процент конверсии в своей нише. Такие значения, как 10-20% являются очень хорошими и правильно сделанные лэндинги легко собирают подписную базу.
1. Как создать ленинг пейдж самому
Во-первых, важно понимать, что лендинг это не только красивое оформление, но и правильная расстановка элементов, нужные слова, правильные призывы и десятки других правил маркетинга. Даже не опытный человек может заметить структурное сходства многих подписных страниц и это не случайность. Поговорка: «Зачем придумывать новый велосипед?», как нельзя лучше описывает нашу ситуацию. Поэтому перед конструированием нужно разобраться хотя бы в принципе работы нашего велика.
1.1. Основные принципы составления лендинга:
- Каждый элемент лэндинга должен выполнить одну, самую главную цель: получить действие посетителя. Поэтому не стоит добавлять кучу мелочей, которые могут Вам показаться просто «миленькими», «красивенькими» и тому подобное.
- Используйте маркетинговые фишки. В основном это срочность и дефицит. Практически на всех лэндингах есть таймер обратного отсчета или упоминание о том, что осталось столько-то копий до повышения цены. Это работает, проверено на личном опыте, причем работает так эффективно, что результат иногда поражает.
- Свобода глазам! - Никто не ограничивает нас в размерах, не стоит громоздить элементы друг на друга. Решил упомянуть это, так как не раз видел примеры, где авторы видимо не знает, что такое «отступы».
- Яркий и современный дизайн. Во время создания откройте 3-4 примера лэндингов, которые Вам очень нравятся. Смотрите, как сделали они и повторяйте до тех пор, пока идеи в голове не начнут генерироваться сами. У меня, например, было именно так.
- После завершения работы, попросите своих близких посмотреть на результат. Любой вопрос, который у них может возникнуть, должен заставить Вас задуматься о том, что лэндинг не совершенен, так как хорошая работа в итоге должна оставить посетителя без вопросов.
1.2. Элементы, которые должны быть у каждого лендинга
- Начнём с самого верха, где у нас обычно находится заголовок. Естественно, что должен он быть привлкательным, интересным и максимально интригующим, в общем его цель с первых секунд захватить внимание и в тоже время из его содержания должно быть понятно Ваше предложение.
- Торговое предложение. Его стоит описать таким образом, чтобы донести суть, самый сок при этом не стоит злоупотреблять повторениями. Также не стоит думать, что если Вы вместо двух-трёх раз повторите Ваше переложение, то от этого увеличится конверсия, наоборот, действовать нужно постепенно по ходу всей страницы. Я предпочитаю в этой части лендинга, просто рассказать о том, что именно даст продукт и перечислить несколько плюсов, которые важны именно для моей аудитории.
- Если лендинг пейдж небольшой, то сразу рядом размещайте кнопку призыва к действию, типа: «Получить», «Забрать», «Купить» и тому подобное. Здесь я использую яркие красные или контрастные фону цвета. Всё таки наша основанная задача заставить клиента нажать именно сюда.
- Расскажите о преимуществах вашего товара над другими подобными, чем Вы лучше других?
- Разместите карту действий, в которой подробно опишите процесс решения проблемы, указав каждый шаг с момента покупки.
- Далее следует разместить несколько отзывов. Желательно не придумывать их, а узнать у тех людей, кто уже приобрёл товар. Ну, а если таких нет, то тогда уж придётся накалякать самому, причем не давать десять баллов из десяти, пишите отзывы на семёрочку-восьмёрочку. Можно дать попробовать продукт известным в вашей области людям, чтобы они дали свой отзыв, желательно в видео формате.
- Обязательно укажите, гарантии безопасности платежа, анонимности, условия возврата товара и денег и так далее.
- Ну и в самом конце, в футере - укажите свои реквизиты, ссылку на партнёрскую программу, можно поставить социальные кнопки рассказать о себе, как об авторе, указать контакты и так далее.
2. Делаем лендинг своими руками
После прочтения советов предоставленных выше, мы можем приступать непосредственно к самому созданию страницы на которой у нас будет лендинг. Использовать мы будем программу вебкоснтркутор: WYSIWYG Web Builder 9-ой версии. Хотя сейчас уже есть 10-ая, но там проблемы с русификацией, поэтому если Вы не опытный вебмастер, то рекомендую использовать 9-ую версию. Также нам понадобится:
- Редактор изображений фотошоп;
- Клиент для работы с хостингом FileZilla;
- Сам хостинг;
- Ну, и доменное имя.
У Вас может возникнуть вопрос о том, где брать эти программы бесплатно? Могу только посоветовать хорошо погуглить, давать же ссылки сайты с пиратским содержанием - это против моих собственных убеждений.
Лендинг – специальная страница, которая нужна для того, чтобы подтолкнуть посетителя купить товар или услугу или оставить заявку. Для того, чтобы создать качественный лендинг не нужно быть маркетологом. Это под силу обычному человеку. Сегодня мы расскажем как это сделать.
Коротко: что такое лендинг и для чего он нужен
В отличие от многостраничного сайта, лендинг не имеет сложной навигации, больших пластов текста, баннеров и лишних меню для перехода на другие страницы. Навигация по такому сайту осуществляется либо путем прокрутки, либо посредством специального меню, с помощью которого легко попасть на интересующий пункт на странице.
Синонимы: одностраничный сайт, одностраничник, лендинг пейдж, посадочная страница, landing page, целевая страница.
Посадочная страница используется для продвижения товара или услуги, она призвана «направить» посетителя на совершение определенного действия:
- обращение за бесплатной консультацией;
- заявка на покупку товара;
- бронирование мест;
- подписка на рассылку;
Делать самостоятельно или заказать работу «под ключ»?
Итак, мы разобрались с основами. Следующий вопрос, который обязательно возникнет у вас: стоит ли сделать лендинг самостоятельно или заказать у фрилансера или в студии веб/дизайна.
Распространенный миф: разработать качественный, высококонверсионный лендинг очень сложно, этим занимаются только профессионалы, и это недоступно для обычного человека.
Реальность: сделать хороший, рабочий лендинг не сложнее чем создать страничку в социальной сети.
Разумеется, лендинг, разработанный профессиональным маркетологом, скорее всего, будет показывать большую конверсию. Однако разница в конверсии существенно скажется на доходе только при больших оборотах.
Как лучше поступить, если вы:
- вы новичок в бизнесе;
- хотите протестировать новую нишу;
- у вас небольшой стартовый капитал.
Если вы попали в одну из трех категорий , то вам следует подумать о том, чтобы запустить лендинг самостоятельно. Это будет значительно быстрее и дешевле.
В дальнейшем, когда дела пойдут в гору, вы получите первые заказы, оборотный капитал и, самое главное, статистику. Тогда можно задуматься о том, чтобы «дожать» конверсию на всех этапах воронки продаж, в том числе и на лендинге. Вы можете обратиться к профессионалам и сделать еще одни лендинг (или даже несколько) и протестировать их конверсию по сравнению с первым, чтобы выбрать лучший.
Единственное, что вам действительно необходимо — это знание своего продукта: его достоинств, недостатков и целевой аудитории.
С другой стороны, если у вас есть хороший капитал для старта и нет желания тратить лишнее время на создание посадочных страниц, вы всегда можете обратиться к специалистам. Со своей стороны могу порекомендовать веб-студию Divly . У них довольно демократичные цены и хорошие отзывы.
Помните, что если вы решили заказать лендинг «под ключ», вам нужно составить как можно более точное ТЗ и согласовать все детали с разработчиками.
Итак, если вы решились делать все самостоятельно, то ваш следующий наш шаг это выбор качественной платформы. Я подобрал 4 самых и удобных и функциональных сервиса для создания landing page, и сделал короткие обзоры, которые помогут вам выбрать.
LPMotor — самый лучший конструктор одностраничников
Отличная платформа, как для начинающих пользователей, так и продвинутых веб-мастеров. Выделяется простым и интуитивно понятным интерфейсом, доступными расценками на услуги, набором необходимых функций для создания одностраничного сайта, выбором уже готовых шаблонов.
Что касается шаблонов, то сайт предлагает пользователям 90 готовых вариантов оформления. Для удобства поиска все шаблоны разбиты по категориям (фотограф, красота и здоровье, мероприятия, инфобизнес, праздники). Кроме того, можно сделать страничку с нуля из готовых блоков и секций.
Для каждого шаблона можно дополнительно подключить мобильную версию, которую можно редактировать отдельно.
Еще одна отличительная черта — наличие качественный обучающих материалов. По каждому этапу работы (создание и запуск сайта, работа с дизайном, подключение домена, оптимизация и продвижение, управление продажами, повышение конверсии) есть пошаговые обучающие видео ролики.
На сайте отсутствует бесплатный тариф. Есть возможность подключить четыре платных тарифа (цены при оплате за год):
При оплате за год вы получите скидку 40%.
Оплатить услуги и тарифы платформы можно с помощью банковской карты, через Сбербанк Онлайн, Альфа-клик, посредством перевода через Связной, Евросеть, МТС, Теле2 и Билайн. Поддерживаются электронные кошельки: Яндекс.Деньги, QIWI, Webmoney.
Достоинства
- Доступные цены на услуги
- Огромный выбор готовых шаблонов в разных категориях
- Есть все необходимые функции для создания одностраничного сайта
- Возможность интегрировать готовый проект с другими сервисами
Недостатки
- Отсутствие бесплатного тарифа
Bloxy — стильный и современный
Bloxy – конструктор для создания одностраничных сайтов, который не так давно пришел на рынок, однако уже успел заслужить популярность среди веб-мастеров.
Главная особенность сервиса – отсутствие готовых шаблонов, вместо этого пользователю предлагается специальный конструктор, который дает возможность создать собственный одностраничный сайт из различных секций (шапка, основной контент, подвал). Для каждой секции предлагается сотни вариантов, из которых вы можете выбрать то, что наиболее подходит для вашей тематики.
Пользователю предлагается три тарифных плана:
Кроме того, каждому пользователю дается бесплатный тестовый период 7 дней.
Сервис позволяет интегрировать ваш одностраничник с популярными сервисами: amoCRM, Битрикс 24, Робокасса, Яндекс Касса, Google Analytics, Яндекс Метрика, Mail Chimp и др.
Достоинства
- Понятный интерфейс
- Интеграции со всеми необходимыми ресурсами для ведение бизнеса в интернете
- Удобный конструктор для создания собственного одностраничника
Недостатки
- Нет готовых шаблонов
- Стоит дороже конкурентов
LPgenerator — самый функциональный конструктор
LPgenerator имеет все необходимые инструменты для создания одностраничного сайта. В основном данный ресурс рассчитан на профессионалов, которые имеют опыт работы с подобными платформами. Наверно, это самый «мощный» и многофукнциональный конструктор из всех представленных на рынке.
На сайте представлено более 300 шаблонов (все адаптированы под мобильные платформы), из которых всегда можно выбрать что-то под свои потребности. При необходимости можно воспользоваться встроенным конструктором, который позволяет создавать свой сайт из различных блоков абсолютно с нуля. Компания также предлагает пользователям уже готовые одностраничники за дополнительную плату.
На сайте собраны необходимые инструменты для создания и управления лендингом: управление каналами трафика, подробная аналитика и статистика, удобное сплит-тестирование, построение воронки продаж, собственная CRM и LP Телефония и т.д.
Кроме того, вы можете интегрировать lpgenerator с различными онлайн-сервисами: Robokassa, Битрикс 24, AmoCRM, Мегаплан, Dropbox, SmartResponder и др.
Для начинающих пользователей разработана специальная система обучения – собраны материалы, которые помогут разобраться в сложных терминах и организовать процесс создания одностраничника от выбора дизайна до привлечения целевой аудитории и завершения сделки.
Бесплатный тариф отсутствует, оценить все преимущества и недостатки сервиса можно с помощью семидневного бесплатного пробного периода. Далее подключается один из платных тарифов (цены в месяц): «Базовый» (799 рублей), «Продвинутый» (2375 рублей), «Безлимитный» (3999 рублей), «Корпоративный» (15730 рублей).
При оплате за год, вы получаете 30% скидку:
Оплатить тарифы можно следующими способами: безналичный расчет, Web Money, карты Visa, Maestro и MasterCard, Сбербанк Онлайн, «Мир», «Альфа-Банк», «Яндекс.Деньги», Qiwi Wallet, Tele2, Beeline, «Мегафон», МТС, «Евросеть».
Достоинства
- Огромный выбор готовых шаблонов, которые адаптированы под мобильные платформы
- Есть инструменты для создания собственного одностраничника с нуля
- Детальная аналитика сайта
- Доступная телефония для связи клиентов
Недостатки
- Высокие расценки на услуги
- Нет бесплатного тарифа (бесплатный пробный период в течение 7 дней)
- Начинающему пользователю интерфейс может показаться сложным
Ucraft — бесплатный конструктор посадочных страниц
Сервис подойдет и для начинающих пользователей, и для профессиональных веб-мастеров. С помощью платформы можно не только создать одностраничный сайт, но и визитку, а также интернет-магазин. Пользователю доступно 19 готовых шаблонов, все они адаптированы под мобильные устройства.
Каждый шаблон строится на основе блоков, которые простым перетаскиванием мышки можно менять местами и убирать в случае ненадобности.
К готовому лендингу можно подключить следующие сервисы: Google Analytics, Mail Chimp, Google Maps, Twitter, Instagram, You Tube, Disqus.
Отличается от конкурентов тем, что здесь есть полноценный бесплатный тариф:
Платные тарифы можно оплатить с помощью Visa, Mastercard, Pay Pal.
Достоинства
- Удобный редактор для создания собственного одностраничного сайта
- Бесплатный тариф с хостингом и доменом 3-го уровня
- Есть инструменты для совместной работы над проектом
- Возможность интегрировать одностраничник с популярными сервисами
Недостатки
- Мало готовых шаблонов
Примерная структура одностраничного сайта
Теперь, когда мы выбрали платформу для нашей целевой страницы, самое время ненадолго окунуться в теорию. Давайте немного поговорим о структуре лендинга.
1. Заголовок
В заголовке должна отображаться информация, обозначающая уникальные характеристики предлагаемого товара или услуги. Желательно очертить все характеристики, которые выделяют ваш продукт среди конкурентов.
Допускается использование подзаголовка для того, чтобы разъяснить пользователям информацию, предоставленную в заголовке.
2. Логотип, название фирмы и контактная информация
Логотип позволяет пользователям идентифицировать вашу компанию и повысить уровень доверия.
Второй немаловажный элемент одностраничного сайта – наличие контактов. Желательно разместить не только рабочий телефон, но и адрес компании. Именно контакты являются главным инструментом доверия, пользователь подсознательно понимает, что если у проекта есть физический адрес, значит над ним работают профессионалы.
3. Данные о предоставляемом продукте или услуге
Для того, чтобы у пользователя создалось впечатление, что он лично тестирует продукт, на целевой странице желательно разместить:
- Реальные фотографии продукта;
- Видеозапись (данному контенту потенциальные потребители доверяют больше всего).
4. Преимущества бренда
Преимущества бренда желательно разместить в блоке, который будет выделяться цепляющим и захватывающим заголовком. Далее составляем подробный список выгоды для клиентов от сотрудничества с вашей компанией. Все преимущества должны отвечать на вопрос посетителя «Зачем мне это нужно».
5. Описание услуг
В данном блоке до пользователя доносится реальная ценность сотрудничества в виде перечня услуг.
6. Обратная связь с клиентами
Форма для обратной связи с помощью которой клиент сможет связаться с вами и оставить заявку.
Пример создания лендинга своими руками помощью сервиса LPmotor
Давайте попробуем для примера создать простую целевую страницу в конструкторе LPmotor.
Первое, что нам нужно сделать это зарегистрироваться в LPmotor .
В личном кабинете кликаем на зеленую кнопку «Создать сайт».
Теперь вам предложат 3 варианта на выбор: создать сайт из готовых блоков, из шаблона или с нуля. Самый простой и быстрый вариант — создать сайт на основе готового шаблона, поэтому мы выбираем именно этот вариант.
Теперь нам нужно выбрать шаблон, который лучшей всего подойдет для вашей ниши. Для удобства все шаблоны разбиты на категории: товары, услуги, инфобизнес, красота и здоровье и т.д.
Для примера я выбрал лэндинг, который подойдет для свадебного фотографа. Сразу после того, как вы выберете подходящий шаблон система попросит оставить номер телефона на который будут приходить уведомления о заявках.
Если вы не нашли подходящего шаблона, не расстраивайтесь. Просто вернитесь на шаг назад и попробуйте создать сайт из готовых блоков или с нуля. Возможно вам придется потратить больше времени, но зато вы получите качественную и уникальную посадочную страницу, которая на 100% подойдет к вашему товару или услуге.
Теперь вы можете отредактировать шаблон под себя: поменять фотографии, написать подходящий текст, контактную информацию, перечень услуг, преимущества и т.д. Для того, чтобы отредактировать элемент, нужно просто щелкнуть на нем мышкой. Здесь все достаточно просто и понятно, поэтому вопросов возникнуть не должно.
В нижнем левом углу есть кнопка «Добавить элемент». Ей можно воспользоваться чтобы добавить в шаблон дополнительный блок, секцию или корзину.
В верхнем правом углу вы увидите зеленую кнопку «Посмотреть сайт». По ней вы можете посмотреть как будет выглядеть ваша посадочная страница.
Слева вверху вы можете выбрать вариант отображения лендинга: компьютеры, мобильные устройства, и отредактировать каждый вариант в отдельности.
В правом верхнем углу есть пиктограмма с шестеренкой. Если вы щелкните по ней, появиться выпадающее меню. Здесь можно выбрать «Управление» и вы попадете в административную часть вашего сайта.
Отсюда вы сможете управлять всеми функциями лендинг пейдж.
Самое первое, что нужно сделать, это изменить домен.
Вы можете выбрать любой домен третьего уровня (sitename.lpmotortest.com) или купить домен второго уровня (sitename.com). Если у вас уже есть доменное имя, зарегистрированное у стороннего регистратора, вы можете подключить этот домен к вашему сайту.
Следующий шаг — подключение счетчиков посещаемости Яндекс Метрика или Google Analytics.
Для этого нужно в иметь аккаунты в Яндекс и Google. Счетчики создаются в один клик и не требуют никаких специальных знаний.
В разделе оповещения вы можете настроить оповещения о поступивших заявках по SMS, электронной почте, в Телеграм или ВК.
В разделе «Аналитика» вы можете посмотреть посещаемость сайта по разным каналам трафика и воронку конверсии.
В разделе «Расширения» вы сможете подключить к сайту необходимы дополнительные сервисы и виджеты: корзину товаров, геотаргетинг, CRM, Яндекс касса и т.д.
Самый последний шаг — публикация сайта.
Для этого нужно перейти на вкладку «Рабочий стол» и нажать кнопку «Опубликовать». С этого момента ваш сайт будет доступен пользователям по всему миру.
Я рассказал только о самых важных функциях конструктора. Наверняка, у вас еще возникнут вопросы: что такое A/B тесты, для чего нужны SEO настройки, как настроить анти-спам фильтр и т.д. На этот случай предусмотрены обучающие видео. Посмотреть их вы можете по ссылке «Обучение» в верхнем правом углу экрана. Если возникнут какие-нибудь вопросы, смело пишите в службу поддержки. Кроме того, можете также написать в комментариях к этой статье. Обязательно отвечу всем.
Заключение
Сегодня мы рассмотрели наиболее оптимальные площадки для создания собственного одностраничного сайта для продвижения товаров и услуг. Помните о том, что эффективность проекта будет зависеть не только от платформы, но и от правильности расположения блоков, а также размещенной информации.
Не каждый посетитель, попавший на ваш сайт, совершает целевое действие, потому что ему не хватило аргументов, стимулов или не привлек сайт. Толчком для нужных действий пользователя может стать правильный лендинг. Расскажем, какой лендинг будет работать на вас, а также дадим готовый to-do list для создания удачного лендинга.
Чем лендинг отличается от сайта?
Лендинг - это посадочная страница с призывом что-то сделать: подписаться на рассылку, купить товар или оставить заявку на услуги. Обычный сайт перегружен информацией. Лендинг работает с конкретной целью и ведет посетителя за руку до момента, когда он совершит целевое действие. На лендинг направляют рекламный трафик.
Хорошим показателем конверсии для сайта считается 2-3 % от всех посетителей. Для лендинга эта цифра - 14-15 %. Такого результата помогают добиться кнопки с призывом к действию.
Принципы успешного лендинга
Есть несколько приемов, которые помогают привлечь и удержать внимание посетителя.
Принцип первого экрана или Above The Fold . Газеты продают сложенными вдвое, поэтому титульная страница делится на видимую и невидимую часть. Если заголовок или фотография на видимой части привлекают внимание, хочется купить газету и дочитать до конца.
С лендингом та же ситуация: читатель должен с первого экрана заинтересоваться и понять, нужно ли ему скроллить дальше. Поэтому особое внимание уделите первому экрану. Он не должен быть перегружен информацией, но в то же время должен содержать самую суть. Самая главная кнопка для целевого действия как правило размещается на первом экране и повторяется ближе к концу лендинга.
Scannability и структура . Люди хотят быстро получить информацию, поэтому лендинг должен быть четко структурированным и понятным. Для этого информацию делят на смысловые блоки, используют подзаголовки, списки, иллюстрации и цитаты.
Учет тепловой карты страницы . Важные смысловые блоки расставляют на виду так, чтобы пользователь находил нужные элементы на привычном месте. Есть несколько моделей поведения на сайте, актуальные из которых: Z-Pattern и Guttenberg Pattern
Z-Pattern на примере Фейсбука. Пользователи подсознательно знают, что кнопка действия находится в правом нижнем углу.
Диаграмма Гутенберга делит экран на четыре части. В левой верхней читатель ищет самую важную информацию и смотрит на нее в первую очередь. В правой нижней принимает решение, здесь ставят кнопку заказа или призыв к действию.
Доступная навигация . Лендинг - это длинная страница. Чтобы пользователю было удобно сориентироваться и найти нужное, в шапке размещают ссылки на важные блоки.
Call-to-action элементы . Призыв к действию - логическое завершение длинного пути, который переводит читателя на новый этап воронки продаж. На лендинге размещают кнопки подписки или покупки, ссылки на товар и формы для электронной почты. На принятие решения влияют форма и цвет кнопки, ограниченное предложение («Осталось три места на вебинаре») и место размещения.
Контакты на видном месте . Некоторые пользователи не хотят читать, им нужно задавать вопросы, поэтому форма обратной связи, почта и телефон должны быть всегда под рукой.
Принцип A/B тестирования. Иногда оказывается, что если поменять текст на странице или переместить кнопку заказа на два сантиметра выше, то пользователи охотнее совершают целевое действие. Поэтому на лендингах используют разные гипотезы и тестируют их на отдельных группах посетителей. Нет универсального рецепта, нужно пробовать и менять структуру в зависимости от результатов.
Как создать лендинг?
Хорошо, если в компании уже работают копирайтер, дизайнер и верстальщик, которые понимают задачи лендинга и могут разработать идеальную страницу. Если нет, самым эффективным решением будет заказать лендинг у фрилансеров. Выбрать исполнителя можно в том числе и на Kwork .
Выбирая исполнителя на Kwork, обратите внимание на основные параметры предложений фрилансеров: какая работа и в каком объеме входит в кворк, за какую цену и срок будет сделана. Предложения продавцов отсортированы по рейтингу, который основан на реальных отзывах, ответственности, качестве и других внутренних алгоритмов системы. Рейтинги, отзывы, портфолио значительно упрощают выбор исполнителя.
В фильтре можно отметить дополнительные услуги, например, размещение лендинга на хостинг, адаптивный дизайн, установка формы связи, чтобы заказать их у одного продавца.
Достаточно выбрать нужную услугу, оплатить, при необходимости скорректировать задачу прямо в заказе и получить качественный результат в срок.
To-do list для заказчика по созданию лендинга
Создание лендинга делится на следующие этапы:
- продумывание структуры лендинга
— создание примерного плана, который станет основой ТЗ для дизайнера и копирайтера;
- Закажите сбор и анализ конкурентов. Сравните себя с конкурентами и международными лидерами в вашей нише. Выпишите ваши конкурентные преимущества, а также “фишки”, которые можно позаимствовать у конкурентов.
- Ответьте для себя на вопрос, что должен совершить пользователь после прочтения посещения лендинга? Это будет целью лендинга. Эту цель обязательно нужно обозначить перед исполнителями
- написание контента - текст, который будет «продавать» продукт. Основная рабочая схема написания текста “Боль клиента — Усиление боли — Идиллия — Решение — Предложение сделки”;
- дизайн - создание полного макета. Подробнее про дизайн мы написали чуть ниже;
- верстка - оформление сайта в соответствие с его функционалом и макетом дизайнера;
- программирование - реализация необходимого функционала сайта;
- настройка рекламы - запуск контекстной рекламы для генерации трафика на ваш лендинг.
Все эти услуги можно заказать на Kwork не только через магазин услуг, но и через Биржу . На бирже вы создаете заявку на услугу — описываете, что нужно сделать и какой у вас бюджет, и компетентные исполнители сами откликаются на вашу заявку. Вы выбираете наиболее подходящего для вас исполнителя и работаете с ним через безопасную сделку на Kwork.
При работе с дизайнером и верстальщиком нужно учесть следующие моменты:
- Макет и прототип страницы - согласуйте основные блоки, структуру и путь читателя от элемента к элементу.
- Логотип - если у компании еще нет логотипа, самое время добавить его на лендинге, чтобы сделать бренд узнаваемым.
- Шапка для сайта - с информацией о продукте, логотипом и навигацией.
- Иллюстрации - хороший дизайнер не будет наполнять страницу фотографиями с фотостока. Он отрисует иллюстрации самостоятельно или запросит у вас качественные изображения технологического процесса или продукта.
- Кнопки с призывом к действию - дизайнер поможет определиться, какие CTA-элементы нужны на странице и где их расставить.
- Форма обратной связи - это может быть номер телефона, кнопка «Перезвоните мне» или значок онлайн-чата в углу страницы.
- Иконки - помогают читателю разделить блоки и визуально выделить важное.
Друзья, я снова Вас приветствую! Сейчас расскажу как сделать лендинг самому. В этой статье будет пошаговая инструкция по которой вы легко самостоятельно справитесь с этим делом.
И так, вы должны иметь свой домен с установленным движком wordpress. Если кто-то сейчас не понял о чем тут говорится, то в конце статьи скачаете видео курс и легко сможете приобрести домен и установить туда wordpress.
Теперь заходим в админку wordpress и устанавливаете туда плагин, при помощи которого можно сделать лендинг самому бесплатно и быстро. На создание одностраничного сайта у вас уйдет максимум 10 минут.
Наводите курсор на него и в появившемся меню нажимаете на «добавить страницу». Перед вами откроется страница, где вы и сделаете одностраничный сайт прямо сейчас.
Первым делом записываете заголовок. Это нужно лично для вас, чтобы понимать какой лендинг у вас о чем, это когда будет много одностраничников.
Сразу же делаете красивую и легкую на взгляд ссылку. Для этого нажимаете изменить, стираете что там появилось и пишите свою. При этом у вас будет постоянными ВАШ-ДОМЕН/wppage/ , а дальше вы можете написать свое слово.
После того, как написали заголовок и сделали ссылку, можно приступить к созданию лендинга. Писать текст можно в пустом поле, а вот над этим полем есть много различных инструментов, которые необходимы для страницы продажи или подписной.
Расскажу по порядку какие есть функции для создания лендингов. Сначала идет длинная кнопка для добавления картинок. Тут все просто, нажимаете на нее и ищите картинку либо в медиахранилище, либо на своем компьютере.
Следующая кнопка у нас для добавления аудио записи. Дальше идет добавление видео. При чем видео ролики можно добавлять с любых видео хостингов, таких как ютуб или ему подобных и еще есть возможность поставить ваш ролик в рамку.
Тут большой выбор рамок, это сделает ролик более привлекательным. И хочу еще заметить, что нажав на любую кнопку, вверху есть возможность посмотреть видео инструкцию по установке данной функции на лендинг.
Вот например, я нажал на следующий значок «гугл форма» и включил видео, чтобы посмотреть что это такое и как эту форму установить на страницу.
После того, как установите код формы подписки на страницу, прокручиваем вниз, чтобы вставить сам код, который вы создали на своем сервисе.
На картинке я показываю куда вставляется ваш код. К стати, как вы видите, там же можно вставить и код статистики для отслеживания этого сайта, зайдя в «скрипты».
Нажимаем на следующую иконку со знаком доллара и тут мы получаем многочисленные кнопки «купить», «заказать», «получить доступ».
Следующие у нас идут разнообразные ленты, на которых можно писать тексты. Я всегда ставлю ленту в самом верху и пишу название. Как вы видите, сделать лендинг самому совсем не трудно при помощи этого плагина.
Следующая иконка у нас содержит огромный набор стрелок, которые отлично смотрятся на сайте. Обязательно не забывайте их использовать.
Следующая функция- это готовые красочные заголовки. Посмотрите сами, как они сильно привлекают к себе внимание клиентов.
И конечно же не обойтись на странице продажи без таймера. Огромную коллекцию таймеров, которые настраиваются по вашему усмотрению, находятся на следующей кнопке.
После всех перечисленных функций у нас идет две строчки настройки текста. Тут можно делать очень красивые и красочные тексты. Разобраться сможете легко самостоятельно, это очень просто.
Чтобы качественно сделать лендинг самому, нужно уметь хорошо оформить страницу. Для этого мы уходим вниз, под нашу страницу и нажимаем на кнопку «дизайн».
Тут вы либо выбираете цвет фона, либо устанавливаете свой фон, поставив ссылку на него в поле справа.
Дальше настраивается тело страницы. Тут нужно выбрать цвет, который заполнит страницу, рамку и тень. Когда выберите цвет рамки или тени, не забывайте поставить количество пикселей, а то их не будет видно. Дальше, при необходимости можно создать шапку и подвал.
Что самое интересное, что тут же можно настроить даже SEO продвижение вашего лендинга. Для этого нажимаете на SEO и прописываете заголовок, описание и ключевые слова. Это нужно для роботов поисковых систем, чтобы показывать ваш сайт в поиске.
Друзья, теперь вы знаете как с нуля сделать лендинг самому, сейчас переходите по этой ссылке и совершенно бесплатно скачивайте пошаговые видео уроки со всеми необходимыми ссылками. Тут вы и плагин скачаете и если надо, зарегистрируете домен и установите вордпресс.
Пишите в комментариях, как вам понравилось быстро самостоятельно создавать страницы продажи и подписные, буду ждать. До встречи в следующих статьях.
