Как сделать лендинг пейдж самому — пошаговая инструкция. Лендинг сделать


сделать landing page своими руками

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

Наиболее продвинутые маркетологи уже несколько лет в один голос твердят о том, что landing page является самым эффективным инструментом сетевых продаж, и они безусловно правы. В этой статье мы поможем вам разобраться — как самому бесплатно (а по окончании 7-дневного тестового периода — за вполне демократичную цену) создать лендинг пейдж своими руками, используя специальный конструктор LPgenerator.

Почему лендинг эффективен?

Несмотря на то что лендинг пейдж (от англ. landing page — «посадочная страница») представляет собой единственную страницу, которая по внешним признакам и материальным затратам кажется далеко не такой значительной и эффективной, как многостраничный сайт, в действительности же подобная лаконичность и является главным ее преимуществом.

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

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

Именно этот показатель и является целью любого landing page.

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

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

 

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

Но самый очевидный плюс — даже если оформлением лендинга занимается не профессионал, сделать его можно всего за несколько часов, и при этом добиться конверсии, которая минимально составляет 4%. Если же к разработке будет привлекаться квалифицированный специалист (или целая команда), то в таком случае в конечном итоге можно добиться просто невероятных показателей, нередко более 50% от общего трафика. Никаких отвлекающих моментов, только целенаправленная продажа конкретной продукции.

Читайте также: 8 вдохновляющих примеров товарных Landing Pages

Как создать одностраничник самому

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

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

  • скорость;
  • простота;
  • экономичность.

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

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

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

Читайте также: Преимущества и недостатки бесплатных конструкторов landing page

Вместо заключения

Мало кто знает о том, что плата за разработку дизайна, верстку и back-end — это только первый шаг. Успешное и длительное использование landing page обуславливает постоянное его изменение в соответствии с поведением пользователей, регулярные сплит-тестирования, обновления контента, а провести все работы в данном случае сможет дизайнер или студия, которые, соответственно, будут требовать за свои услуги дополнительную плату.

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

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

Высоких вам конверсий!

24-12-2015

lpgenerator.ru

Сделать лендинг самому - пошаговая инструкция

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

И так, вы должны иметь свой домен с установленным движком wordpress. Если кто-то сейчас не понял о чем тут говорится, то в конце статьи скачаете видео курс и легко сможете приобрести домен и установить туда wordpress.

Теперь заходим в админку wordpress и устанавливаете туда плагин, при помощи которого можно сделать лендинг самому бесплатно и быстро. На создание одностраничного сайта у вас уйдет максимум 10 минут.

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

плагин для создания лендингов

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

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

название и ссылка

Сразу же делаете красивую и легкую на взгляд ссылку. Для этого нажимаете изменить, стираете что там появилось и пишите свою. При этом у вас будет постоянными ВАШ-ДОМЕН/wppage/, а дальше вы можете написать свое слово.

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

инструменты

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

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

социальные кнопки

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

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

видео

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

ролик

Дальше у нас идут подписные формы. Тут вы выбираете того оператора, где у вас находится подписная база. Если вашего сервиса тут нет, то можно воспользоваться смартреспондером.

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

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

форма подписки

Нажимаем на следующую иконку со знаком доллара и тут мы получаем многочисленные кнопки «купить», «заказать», «получить доступ».

кнопки

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

списки

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

ленты

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

стрелки

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

Дальше идет кнопка с гарантиями. Тут вы увидите очень много различных красочных гарантий и «количество ограничено». Это придает странице продажи дополнительное доверие.

гарантии

Дальше мы видим формы с отзывами. Тут вы сами пишите тексты отзывов, предварительно стерев те, которые там написаны.

отзывы

 

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

заголовки

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

таймеры

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

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

фон

Тут вы либо выбираете цвет фона, либо устанавливаете свой фон, поставив ссылку на него в поле справа.

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

тело страницы

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

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

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

dvryaboff.ru

Как сделать лендинг самому: пошаговая инструкция

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

Если предприниматель задался вопросом «как сделать лендинг самому», то он обычно открывает конструктор и набрасывает примерный макет, используя блоки конструктора. В том, что получилось, нет никакой структуры, никакого копирайтинга. И значит, нет никакой конверсии. А тратиться на агентства и студии не хочется.

Но я вас «обрадую»: большинство студий делают точно так же. Только не на конструкторе, а вкладываются в дизайн, вёрстку, решают задачу эстетично, функционально и качественно. Конверсия будет выше, но незначительно. Тогда какой смысл?

Одна из важнейших основ лендинга — качество контента. В чём суть? Вы хорошо знаете свой продукт, гораздо лучше любого агентства, которое не будет заморачиваться должным образом. (Конечно, есть исключения.)

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

Шаг 1. Исследуйте целевую аудиторию

Кто приходит покупать ваш продукт? Типичные общие характеристики покупателя: люди от 18 до 50, которые живут в России. Но что это за люди? Например, вы продаёте картины. Кто обычно покупает картины? Женщины — домой, рестораторы — в свои заведения, бизнесмены — в офис. И вот уже вырисовываются некие характеры представителей целевой аудитории.

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

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

  1. Где живёт типичный представитель вашей ЦА из каждого сегмента? Какого он возраста, пола, есть ли у него супруг, дети?
  2. Этот человек ищет ваш продукт как что? Что он хочет найти?

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

У каждого представителя ЦА ваш продукт может вызывать разные эмоции. Рассмотрим те же картины. Кто-то хочет украсить свой дом и ищет способ, как это сделать. Эта важная информационная деталь потом пригодится в создании сильного торгового предложения, которое и приведёт к высокой конверсии.

А если взять другую сферу? Люди не ищут юристов для физических лиц, они ищут способы списания долгов.

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

Первый экран лендинга должен вызывать эмоции с первых секунд

Первый экран лендинга должен вызывать эмоции с первых секунд

  1. Какова цель покупки? Зачем это клиенту? Что подтолкнуло его к покупке?
  2. Чего он боится при покупке этого продукта? Какие могут быть возражения? Почему он может возразить?

Самое банальное возражение — «Почему так дорого?». Найдите ещё возражения для своего продукта.

  1. К каким конкурентам он может пойти?
  2. Кто будет влиять на решение о покупке?

Все эти вопросы помогают найти боли клиента, понять, чего он боится.

Это сердцевина хорошего лендинга, это боль человека. Это дырка в стене, а не дрель.

Шаг 2. Сформируйте преимущества

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

На каждое его предложение, на каждое его возражение, на каждое его желание расписывайте, что может предложить ваш продукт. Как вы можете закрыть эту потребность? Так образуется список преимуществ. На основе этого списка создайте уникальное торговое предложение для каждого портрета ЦА. Преимущества могут повторяться. Выпишите ключевые. Это будет костяк вашего уникального торгового предложения.

Шаг 3. Сформируйте оффер

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

Что должен включать в себя оффер?

  • Название продукта

Если человек ищет дрель, вы говорите, что у вас есть такая-то дрель.

  • Ключевые преимущества

Опишите главную боль и преимущества вашего продукта перед другими, закрывающие эту боль. Чем хороша эта дрель? Почему она лучше других?

Рассмотрим GPS-часы для детей. Представитель нашей ЦА — мама. У мамы есть боль: она боится, что с ребёнком может что-то случиться, он может потеряться.

Используем эти боли и говорим: «Если вы боитесь потерять своего ребёнка, наденьте ему на руку GPS-часы, которые в любой момент укажут его местоположение». В этой части оффера мы давим на боль и предлагаем продукт.

Можно описать эту боль по-другому. Например, так: «По статистике, каждый день пропадает столько-то детей. Если вы не хотите, чтобы ваш ребёнок попал в этот список, наденьте на него GPS-часы».

Можно описать боль по-разному, надавить на неё, вскрыть проблему и предложить продукт в качестве решения. В 80 % ниш можно найти такую боль.

Если вы продаёте цветы, у вашей ЦА будет как минимум два портрета: тех, кто захочет цветов, и тех, кто покупает цветы в подарок. Это два разных УТП. Первым важно знать, как ухаживать за цветами, вторым — чтобы было, может, подешевле.

Если вы хотите от лендинга конверсии, расписывайте продукт через боль.

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

Оффер, соединённый с преимуществами продукта, рождает уникальное торговое предложение.

Ориентируйтесь на то, какую пользу продукт принесёт клиенту. Это называется ВЫ-ориентированность.

  • Цифры и факты

Никаких «качественно и недорого»! Напишите, сколько стоит продукт, за какое время вы его изготовите или кто производитель, какая на него гарантия.

Укажите узкую географию, если вы работаете только в Иркутске или только в Сочи. Или, наоборот, скажите о том, что работаете со всем миром.

Шаг 4. Целевое действие

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

Не требуйте от пользователя заказать прямо сейчас, дайте ему что-то лёгкое, ценное, что принесёт ему пользу. Запрашивайте минимум данных. В 90 % случаев достаточно попросить только телефон или электронную почту, не нужно даже спрашивать имя. Это всего одно поле, а значит — одно действие. Для удобства клиента в поле, куда нужно вписать телефонный номер, добавьте маску телефона и автоматический подгон цифр по шаблону. Это задача для программиста.

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

Шаг 5. Создайте прототип лендинга

Я не советую сразу идти в конструктор. Возьмите альбомный лист и схематично изобразите, как вы видите будущий лендинг.

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

Старайтесь ставить формы, а не кнопки. Результаты АB-теста говорят, что формы дают более высокую конверсию, чем кнопки. То есть, если вы возьмете кнопку, на которой откроется форма, то это будет конвертировать посетителей в покупателей хуже, чем если вы сразу поставите на сайте форму, которую можно заполнить и отправить.

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

Самая важная информация — на первом экране

Самая важная информация — на первом экране

  • Форма для совершения целевого действия

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

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

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

Форма для совершения целевого действия

Форма для совершения целевого действия

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

Фон лучше делать цветным с белыми полями.

Итак, вы придумали макет первого экрана, на нём есть заголовок, преимущества, основная картинка, форма и меню. Далее структура может варьироваться.

  • Основные блоки лендинга

Предлагаю следующее наполнение.

Основная ценность

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

Дополнительные преимущества

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

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

Социальные доказательства и портфолио

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

Social proof и сразу — форма для целевого действия

Social proof и сразу — форма для целевого действия

Отзывы

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

Вопросы

Предоставьте посетителю лендинга задать вопрос и позаботьтесь об оперативной обратной связи. Также можно создать чёткий и понятный раздел FAQ.

Контакты

Блок с контактами расположен в конце. Не ставьте в контакты активные ссылки на соцсети — не уводите трафик с лендинга. Телефон пишите крупно. Поставьте фоном карту и/или фото вашего офиса.

Максимально подробный блок с контактами

Максимально подробный блок с контактами

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

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

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

Расскажите о своём опыте создания лендингов. Пробовали делать самостоятельно? Что сработало, что нет, какие выводы сделали?

Viacheslav Sergeev

 

Вячеслав Сергеев, автор проекта «Школа лендингов», владелец LabSergeev.

 

 

 

И ещё о создании лендингов:

www.azconsult.ru

Как создать лендинг бесплатно самому с нуля

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

Как создать лэндинг бесплатно самому с нуля

Самостоятельное создание лендинга

Об одностраничниках

Лендинг может создаваться представителями бизнес-ячейки не только для продаж. Его применение актуально также для:

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

Способы создания

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

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

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

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

Как сделать лэндинг самому пошаговая инструкция

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

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

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

Заголовок

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

Создать лэндинг пейдж самому

Лендинг сосредоточен на одной цели

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

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

Один лендинг преследует только одну цель

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

В чем выгода потребителя

Самостоятельно сделать лэндинг

Как оформить преимущества сотрудничества

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

Персонализация

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

Проработка структура

Сведения, отображаемые на одностраничинике, должны быть структурированы.

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

Продающий лэндинг

Прием персонализации

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

Социальные доказательства

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

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

Призывы к действию

landing page

Структура лендинга со инструментами продвижения

В одностраничнике обязательно должен присутствовать эффективный Call to Action, мотивирующий пользователя к действиям. Кнопку опции призыва располагают в хедере или в конце лендинга. Допустимо его размещение с лид-формой. Недостаточно сделать СТА- кнопку яркой. На пользователя оказывает влияние ее текстовая часть, которая должна синхронизироваться с мыслями в голове пользователя и озвучивать его пожелание.

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

Конструктор

Призыв к действию в виде кнопки с призывающим текстом

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

Как создать лэндинг бесплатно самому с нуля

Лид-формы

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

Лид-формы

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

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

Учитывая особенности восприятия информации, лид-формы рекомендуется размещать с правой стороны, на втором или третьем экране лендинга. Это объясняется интуитивным порядком чтения в направлении слева направо. Размещенная справа форма с призывом к действию воспримется лучше, если она будет завершать просмотр, а не навязываться перед его началом.

Таймеры обратного отсчета

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

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

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

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

Варианты самостоятельного создания лендинга (сервисы)

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

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

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

Как сделать лэндинг самому пошаговая инструкция

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

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

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

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

Как сделать лендинг самому: пошаговая инструкция

Создание одностраничника не отличается сложностью.

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

  1. Изучение целевой аудитории.
  2. Составление шаблонов сайта с учетом рекомендаций.
  3. Создание сайта самостоятельно или при помощи программного обеспечения.
  4. Загрузка на хостинг.
  5. Привлечение целевой аудитории.

Facebook

Twitter

Вконтакте

Одноклассники

Google+

101biznesplan.ru

Как сделать лендинг пейдж самому — пошаговая инструкция

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

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

Этап 1. Анализ продукта и целевой аудитории.

Ранее я уже писал как определить целевую аудиторию по методу пресонажей. И это первое, что необходимо сделать.

В данном примере с растущими партами, получим собирательный образ следующего персонажа:

Анна, 35 лет, мама двоих детей 4-х и 6-ти лет. Домохозяйка, живет с детьми и супругом в городской квартире. Увлекается рукоделием и йогой. Ее беспокоит здоровье детей. Старший сын уже готовится к школе и стол, за которым он занимается, не очень удобен. От подруги узнала про растущие парты, изучила информацию о них на форумах. Сейчас стоит перед выбором модели и производителя. Основные критерии выбора (воспринимаемые преимущества): качество и безопасность конструкции, отсутствие острых углов, торчащих элементов креплений за которые можно зацепиться или пораниться, доставка и сборка, стоимость, гарантия.

На него и будем ориентироваться при создании лендинга.

Для того, что бы проанализировать форумы и найти обсуждения касающиеся вашей тематики, достаточно добавить к поисковому запросу в Яндекс команду inurl:forum

rast

В этом случае в результатах поиска вы увидите страницы в которых встретился поисковый запрос и которые содержат в своем адресе (в url) слово forum

Этап 2. Концепция и прототип

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

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

Пришло время создать прототип будущего лендинга. Прототип это набросок структуры и основных элементов. Для создания прототипов я обычно использую сервис gliffy.com

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

  • Есть ли тут то, что я ищу?
  • В каком городе находится компания

Задача первого экрана привлечь внимание к предложению. Эту важную роль выполняет заголовок, который я оставлю по технике 4U, которая великолепно описана в этой статье Даниила Шардакова

В итоге получаем первый экран:

2016-02-02_17-42-21

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

Главная задача лендинга — получить контакт от заинтересованного посетителя. Многие начинающие предприниматели путают задачу и убеждены, что лендинг должен продавать (отсюда идут такие понятия как «продающий сайт»). Огорчу — продавать должен отдел продаж, а лендинг генерирует лиды.

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

Этап 3. Создание лендинга

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

2016-02-02_20-43-48

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

2016-02-02_20-52-45

А для того, чтобы отслеживать отправленные заявки, необходимо в настройках счетчика Яндекс Метрики создать цель типа «JavaScript событие», придумав для нее уникальный идентификатор. И потом указать этот идентификатор в настройках формы в редакторе страницы на конструкторе:

2016-02-02_20-59-05

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

Остались вопросы? Пишите их комментариях ниже и я обязательно вам отвечу втечении 24 часов.

Хотите знать больше о создании Landing Page? Крайне рекомендую вот эту книгу:

book_lp_300

noystem.ru

Как быстро сделать лендинг - примеры и шаблоны от Nethouse.ru

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

Как можно быстро создать landing page

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

Оба этих варианта легко обойти. Все, что нужно, это конструктор сайтов. Самым популярным в России является Nethouse. Это целая платформа, которая также включает сервис по регистрации доменов более чем в 150 зонах (.RU и .РФ всего за 149 руб/год), продвижение, обучение интернет-маркетингу и сеть Агентов по России.

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

Чтобы сделать лендинг за короткий срок, нужно:

  • зарегистрироваться на Nethouse, заполнив несколько полей;
  • в Настройках выбрать самый привлекательный шаблон, изменить его цветовую гамму и некоторые параметры по вкусу, если это возможно;
  • собрать страницу как настоящий конструктор – вставить обложку, фото, видео, форму захвата, тексты, список преимуществ товара/услуги, контакты и т.д.;
  • заполнить добавленные блоки информацией – написать тексты, добавить графику и другие элементы;
  • настроить работу систем аналитики (Яндекс.Метрика и/или Google Analytics), чтобы понять, что делают посетители на одностраничном сайте, сколько их и кто заинтересовался предложением.

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

nethouse.ru