Идеальная структура landing page по версии LPgenerator
Задача каждой компании, создающей лендинг, — провести пользователя к конверсионному действию. Согласно правилам потребительского поведения, потенциальный покупатель проходит 5 основных стадий: внимание, интерес, желание, действие, удовлетворение/неудовлетворение. Но какая именно схема лендинг пейдж и структуризация блоков обеспечит максимальную отдачу? Сегодня мы постараемся разобраться в этом вопросе.
Содержание
Заголовок
Логотип, название компании, контакты
Демонстрация продукта/услуги
Преимущества бренда
Описание оффера
Взаимная коммуникация
Лид-форма
CTA
Акция
Социальные доказательства
Завершающий маркетинг
Вместо заключения
Заголовок
Любая маркетинговая кампания обязана начинаться с определения уникальных характеристик бренда. Необходимо четко сформулировать, чем предлагаемый вами продукт отличается от решений конкурентов. Естественно, необязательно придумывать все заново: как правило, программа уже определена до начала проектирования веб-ресурса. Если этот момент был упущен, то формирование УТП — ваша первостепенная задача.
Рекомендуем разделить предложение на несколько простых составляющих, затем описать, почему клиенты должны выбрать именно вас. Правильно сформулированный заголовок и подзаголовок предупреждают вопросы клиента, отметая все сомнения.
Уникальное торговое предложение посадочной страницы содержится именно в заголовке. Предлагаем следующее решение, чтобы выразить УТП максимально полно:
- основной заголовок — лаконичный, привлекательный, продающий;
- подзаголовок уместен, когда необходимо разъяснить, уточнить главный оффер. Подзаголовок часто используется для сокращения основного заголовка.
Простой пример от LPgenerator:
Этот и другие шаблоны вы можете взять за основу для создания своего первого лендинга в конструкторе LPgenerator:
Логотип, название компании, контакты
Позвольте юзерам идентифицировать вас — обязательно разместите на лендинге логотип компании. Если ваш бренд популярен или хотя бы смутно знаком посетителю , это повысит его уровень доверия.
Наличие контактов очень важно, даже если на странице будет представлено достаточно элементов связи. Размещение актуального номера телефона, а также реального адреса является еще одним инструментом доверия, ведь посетитель понимает: над проектом работают обычные люди, доступные к общению, и они ждут звонка, не скрываясь.
Разобравшись, куда он попал, и увидев ваше предложение, пользователь задастся вопросом, как приобрести ваш товар или услугу. Именно поэтому главная страница должна проектироваться с блоком контактов, и чаще всего здесь же ставят CTA-кнопку «Заказать звонок».
Представляем пример готового макета, где размещены целых два логотипа фирм, представляющих свои услуги. Даже не будучи главными элементами, логотипы однозначно привлекают внимание. В правой части страницы представлены контактные данные, а чуть ниже — кнопка с предложением получить консультацию:
Демонстрация продукта/услуги
Цель лендинга — продемонстрировать товар/услугу, а также создать у посетителя сайта ощущение, будто он лично тестирует продукт. Существует несколько способов достижения этой цели:
- фотография — используйте большое изображение для фона хедера, а после раскройте подробности другими тематическими иллюстрациями;
- видео — традиционно пользователи больше доверяют такому контенту.
Вот удачный макет, сочетающий обе эти техники:
Преимущества бренда
Подробные описания выгоды покупателя от сотрудничества с вами (и, возможно, уникальные отличия от конкурентов) обязательно должны присутствовать на лендинге.
Сначала мы использовали лаконичный коммерческий заголовок, призванный «схватить» клиента сразу после входа. Теперь нужно опередить вопрос посетителя «Зачем мне это нужно?». Тут важно найти баланс между информативностью/объемом, а не «растекаться мыслью по древу», так как специфика landing page не позволяет подобного.
Подходящие примеры находим в магазине целевых страниц:
Описание оффера
На лендинге также нужно обязательно показывать реальную ценность предложения, предоставлять перечень услуг, которые получит заказчик.
Вот пример еще одного шаблона из нашей Галереи:
Взаимная коммуникация
Лид-форма
Потенциальный покупатель должен без труда находить поле обратной связи среди другого контента интернет-проекта. Подробнее о том, где размещать такую форму, мы сейчас поговорим.
Справа или слева? Наш ответ — справа. Многие эксперты утверждают, что так можно получить больше обращений. Причина проста: западный мир читает слева направо, и расположенная в правой части страницы лид-форма представляется логическим завершением оффера. Если же поместить ее с левой стороны, то это выглядит скорее как необоснованное навязывание действия.
Можете убедиться сами: подавляющее большинство макетов одностраничного сайта в фотошопе сделано по описанному выше принципу.
Теперь о том, где же оптимальное место лид-формы: на первом экране или после «линии сгиба». Ответ нашелся у эксперта Майкла Огарда (Michael Aagaard) из компании ContentVerve. Он провел занимательное сплит-тестирование: сравнил две версии расположения поля. Первый вариант — выше «линии сгиба», второй — ниже.
В результате выяснилось, что второй вариант повысил уровень конверсии на целых 304%.
Специалисты сделали следующие выводы. Основным параметром, определяющим грамотное во всех отношениях место оффера, является структура лендинга. Если страницу необходимо детализировать, то требовать от человека моментальных активных действий — глупо. Дайте необходимую информацию и возможность оценить выгоды.
Добавить кастомизированную лид-форму на посадочную страницу в редакторе LPgenerator очень просто. Для этого вы можете воспользоваться конструктором готовых секций:
CTAA
Call to Action (CTA), или призыв к действию — один из самых важных частей структуры лендинг пейдж. Инфопродукт, включающий такой текст, мотивирует пользователя совершить конверсионное действие. Стандартным CTA-элементом является графическая кнопка, благодаря которой потенциальный заказчик перемещается к конечному пункту.
Важно создать текст кнопки таким, чтобы потребитель не сомневался, а поддавался желанию совершить действие. Решить проблему поможет исследование, проведенное западными экспертами по маркетингу из уже упомянутого ContentVerve. Путем сплит-тестирования они проверяли, действительно ли индивидуализация призыва увеличивает количество кликов. Согласно мнению экспертов, формулировка текста кнопки должна соответствовать мыслям юзера во время просмотра.
Проверяли два варианта, где были кнопки «Получите 30-дневную версию»/«Получить мою 30-дневную версию».
Удивительно, но во втором случае коэффициент кликабельности вырос на 90%.
Резюмируя сказанное:
- текст нужно формулировать как утверждение, произносимое гостем страницы, можно начинать словом «Хочу»;
- персонализируйте оффер, дайте пользователю понять, что компания предлагает решение проблемы прямо сейчас.
Вот еще один пример от LPgenerator:
Акция
Ускорить принятие решения о покупке можно благодаря акции с «эффектом срочности». Действенность этого приема экспертами обсуждается постоянно. Увидеть практическое воплощение теории можете на наших бесплатных шаблонах, которые доступны из Личного кабинета :
Социальные доказательства
Этот блок призван работать с возражениями, доказывать авторитетность компании на рынке. Нужно обязательно развеять сомнения потенциального заказчика, поэтому заполняйте разделы отзывами, примерами работ, сертификатами, логотипами брендов-партнеров, разнообразными цифрами, фактами.
Ниже представлен блок социальных доказательств на довольно креативном лендинге:
Большое значение имеют отзывы. Без комментариев реальных покупателей пользователь видит в продавце угрозу своим деньгам. Очень многие разработчики landing page пренебрегают этим или размещают недостоверную информацию. Рекомендуем следовать правилам:
- использовать минимум 3 отзыва;
- размещать настоящее фото клиентов;
- добавлять ссылки на профиль автора из социальных сетей;
- делать текст максимально «человечным»;
- при необходимости использовать поля «Профессия», «Возраст».
Все шаблоны LPgenerator содержат разнообразные варианты блоков с отзывами, а также вы можете воспользоваться конструктором секций:
Читайте также: 5 типов социальных доказательств, которые можно использовать прямо сейчас
Завершающий этап
Далеко не каждый посетитель становится клиентом, поэтому снижать показатель отказов рекомендуем следующими «фишками».
- «Следите за нами через социальные сети». Если вам удастся мотивировать пользователя посмотреть фирменное сообщество, это уже хорошо, а если он подпишется, можете считать, что одна из целей выполнена: читая группу, посетитель открывается для маркетинговых и бизнес-предложений.
- «Ответ на вопрос». Предложите клиенту оставить свою электронную почту, так есть шанс продолжить коммуникацию. Только ненавязчиво, спама никто не любит.
- Подарок. Можете предоставить возможность загрузки бесплатного информационного буклета, любой тематический подарок.
Представляем макет одностраничного сайта с использованием последнего инструмента, плюс «эффект срочности».
Вместо заключения
Структура лендинг пейдж со схемами построения должна вести пользователя к одному целевому действию. Вся сложность разработки посадочных страниц состоит в том, чтобы соблюсти баланс между коммерческим и информационным контентом, между изображениями и текстом, между входящим маркетингом и прямыми продажами.
В нашем Магазине вы найдете множество готовых к лидогенерации лендингов, разработанных в соответствии с перечисленными правилами и которые можно зарезервировать для себя или купить как неуникальные — а также огромное количество бесплатных шаблонов, на основе которых вы можете собрать свой идеальный лендинг самостоятельно в конструкторе LPgenerator.
Если же у вас нет времени разбираться в тонкостях лендостроения, но при этом вам нужна уникальная страница с гарантированно высокой конверсией, команда LPgenerator с радостью разработает для вас индивидуальный дизайн. Он будет выполнен с учетом всех ваших пожеланий, подчеркнет особенности оффера и позиционирование бренда, а еще — легко масштабируется по мере необходимости.
Высоких вам конверсий!
31-08-2015
Как создать идеальный лендинг пейдж с высокой конверсией?
Когда мы употребляем словосочетание «лендинг пейдж», как правило, речь идет о независимой от основного ресурса веб-странице с конкретной целью, обычно генерация лидов или другое целевое действие.
Как поднять конверсию более, чем на 1200%?
Компания VividBoard, производящая кастомизированные маркерные доски, после оптимизации целевой страницы, отметила повышение конверсии с 2% до 27%. Отличный результат для данной сферы бизнеса!
До того, как они добились увеличения конверсии на 1250%, их лендинг пейдж ничем не отличался от стандартной веб-страницы, без конкретной цели (со множеством ссылок) и низкой результативностью:
Исходная страница VividBoard содержала много ненужной информации
Как компании удалось в корне изменить ситуацию? Они разработали новую целевую страницу, руководствуясь следующими принципами:
1. Четко формулируйте задачу
Когда посетитель попадает на вашу страницу, у него должен быть только один вариант конверсионного действия. Задача посадочных страниц в лидогенерации — получить адрес электронной почты пользователя, предложить скачать электронную книгу и т. д.
Дизайн вашей страницы должен располагать пользователя к активному действию:
Цель страницы выше — получить email посетителя, и большая, яркая кнопка призыва к действию с кратким описанием способствуют этому
2. Используйте визуальные элементы
Это помогает направить взгляд в нужную вам сторону. Если цель лендинга — привести пользователя к конверсионному действию, все элементы должны подталкивать его к этому. Вы можете задействовать разные визуальные приемы, например, цвет, структуру или изображения. Человек должен пробежаться глазами по всем ключевым элементам и в итоге прийти к кнопке СТА:
Наши глаза непроизвольно следуют за взглядом девушки на картинке, прямо к элементу СТА
3. Будьте аккуратны с полями лид-формы
Многие маркетологи допускают ошибку, пытаясь получить от людей больше информации, чем те готовы предоставить. Среднестатистический пользователь откажется заполнять 10 различных полей лид-формы, чтобы получить обычную электронную книгу, и вы не должны заставлять его делать это. В конце концов, достаточно получить его имя и адрес электронной почты, чтобы посадочная страница работала.
Сфокусируйтесь на основной цели — все элементы вашей страницы должны соответствовать единой концепции
Твитнуть цитату
4. Не создавайте лендинг для себя
Лендинг пейдж должна быть направлена на удовлетворение потребностей вашей целевой аудитории: какую пользу получат посетители, скачав электронную книгу или подписавшись на ваши новости? Страницы, содержащие слишком много информации о вашей компании, менее привлекательны для потребителей.
Следование этим принципам позволило VividBoard значительно увеличить конверсию:
Так выглядит страница VividBoard после оптимизации
Структура хорошей лендинг пейдж
Теперь когда вы знаете основные принципы создания хорошей целевой страницы, можно перейти к правильной структуре. Какие элементы должен содержать ваш лендинг, а какие лучше исключить? Как правило, достаточно использовать следующие 6 элементов:
1. Заголовок и подзаголовки
2. Краткое (или подробное) описание оффера
3. Одна (или больше) картинка или видео
4. Отзывы, ваш логотип или знак качества
5. Лид-форма
6. Копка призыва к действию
На первый взгляд все просто, но есть вещи, о которых нужно забыть при разработке целевой страницы. Например, стоит отказаться от навигационных ссылок, используемых на основном сайте. Это позволит посетителям сконцентрироваться на конверсионном действии. Также стоит исключить не относящийся к делу текст, посторонние CTA-кнопки и все, что отвлекает от главной цели.
Удачные решения для настройки целевых страниц
Создание лендинга с нуля — непростое занятие, но существует множество общих моментов, которые могут помочь в процессе:
- Если пользователь перешел к вам по рекламной ссылке, удостоверьтесь, что заголовок страницы и текст объявления совпадают.
- Кнопка призыва к действию должна быть большой, заметной и располагаться в верхней части страницы.
- Если используете изображения людей или символы, например, линии и стрелки, убедитесь, что они направляют пользователя к кнопке призыва к действию.
- Сфокусируйтесь на основной цели — все элементы вашей страницы должны соответствовать единой концепции.
- Ваше сообщение должно быть лаконичным — опустите все лишнее: картинки, текст, цвета и так далее.
- Разместите на посадочной странице мнения клиентов. Лучше использовать реальные отзывы.
- Упростите восприятие вашего текста с помощью буллетов и подзаголовков.
- Укажите номер телефона, чтобы вызвать доверие и наладить дополнительный контакт с клиентами.
- Тестируйте различные версии, чтобы отследить, как незначительные изменения могут повлиять на конверсию и рейтинг кликабельности.
Успешные целевые страницы
Теперь, когда вы знаете, с чего начать создание идеальной лендинг пейдж, рассмотрим, как работают эти принципы на примере реальных кейсов.
Простой лендинг сервиса Vizicities с отличным заголовком:
«Мы возвращаем города к жизни с помощью интернета»
Желательно, чтобы ваше предложение было ориентировано на удовлетворение потребностей клиента, как бы отвечая на вопрос: «Почему это важно для меня?»:
«Измени мир в своем офисе»
Лаконичная форма обратной связи позволяет пользователю сосредоточиться на действии:
Простая, схематичная картинка передает суть предложения:
Как создать эффективный лендинг самостоятельно?
Вы готовы приступить к созданию собственного лендинг пейдж? Замечательно! Благодаря различным сервисам вы можете получить хорошие результаты, не прибегая к услугам дизайнеров, разработчиков и маркетологов. Следующие инструменты помогут создать успешную целевую страницу без лишних затрат:
1. Для создания короткого, но эффективного текста (на английском): Hemingway App.
2. Для поиска или создания ярких изображений: Pixabay, Canva, Flickr и др.
3. Для тестирования различных версий и аналитики: Optimizely, Kissmetrics и др.
И конечно же, вы можете воспользоваться сервисом LPgenerator, с помощью которого возможно запустить лендинг на основе готовых шаблонов буквально за один вечер.
Вот лишь несколько примеров лендингов, доступных в нашей галерее:
Лендинг для стартапа
Страница по продаже инфоуслуг
Лендинг для консалтингового агентства
Оцените результаты
Вы уже знаете, из каких этапов состоит разработка целевой страницы, но как определить, что ваш лендинг успешен? На какие показатели обратить внимание в первую очередь? Следующие критерии помогут оценить эффективность лендинг пейдж и понять, что можно улучшить:
1. Коэффициент конверсии (Conversion rate) — отражает количество посетителей, выполнивших желаемое действие: покупка, подписка на рассылку и т. д. Этот показатель наиболее важен, поскольку дает понять, достигается ли цель, ради которой была создана страница .
2. Показатель ухода (Form abandonment rate). Люди начинают заполнять лид-форму и бросают на полпути? Такие действия важно отслеживать, чтобы оптимизировать работу вашей целевой страницы, например, сократив количество вопросов в форме или пересмотрев текст предложения.
3. Показатель отказов (Bounce rate). Как много людей покинули ваш лендинг в первые же несколько секунд или просмотрев не более одной страницы сайта? Даже хорошие целевые страницы могут иметь 70-90% отказов (поскольку не включают навигационные ссылки). Ваша цель — сделать страницу релевантной для посетителей. Хороший способ заставить пользователя остаться — добавить дополнительный призыв к действию после клика на CTA-кнопку, например, с таким текстом: «Спасибо за регистрацию. Узнайте больше о нашем сервисе». .
4. Время, проведенное на странице (Time on page). Как много времени среднестатистический пользователь проводит на вашем лендинге? Эта информация поможет определить, насколько вероятно совершение целевого действия человеком, проведшим определенное количество времени на странице.
5. Источники трафика (Traffic source). Как люди попадают на вашу страницу? Они находят вас с помощью Google, по таргетированной рекламе в Facebook или Вконтакте или по прямой ссылке? Отслеживание источника трафика — это важный этап оптимизации. Например, если вы расходуете значительные средства, чтобы продвигать свою страницу в социальных сетях, а основным источником трафика является Google, то лучше перераспределить рекламный бюджет.
Еще один надежный способ проверить эффективность посадочных страниц — сплит-тестирование, предполагающее создание двух версий лендинга с одним ключевым отличием. Этот метод помогает понять, что именно нуждается в изменении: кнопка призыва к действию или форма обратной связи, а может быть, то и другое.
Заключение
Что дальше? Внимательно прочтите следующие шаги, и приступайте к созданию идеального лендинга с высокой конверсией:
- Четко определите цель. Какое действие от посетителя вы ожидаете получить? Каким будет ваше предложение?
- Определите целевую аудиторию (возраст, род деятельности и другие характеристики ваших потенциальных покупателей).
- Практикуйтесь. Ваша первая страница будет далека от идеала — совершенствуйте ее, используя принципы, описанные выше, и оптимизируя основные показатели.
Высоких вам конверсий!
По материалам: blog.kissmetrics.com, image source kenjet
06-01-2016
сделать 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
Преимущества landing page: правильный лендинг пейдж: правила создания
Что это такое?
Творите сами
Основные достоинства созданного лендинг пейдж
Доверяйте профессионалам
Что предлагаем мы нашим клиентам?
Вместо заключения
Успешно развивать бизнес в условиях высокой конкуренции очень сложно. Поэтому в борьбе за лидерство необходимо использовать современные и действенные маркетинговые инструменты. Если популярные виды рекламы не дают желаемого результата, а вы хотите увеличить продажи, продуктивно провести акцию или просто привлечь новых клиентов, то отличным помощником в реализации этих и других проектов станет сайт одностраничник – лендинг пейдж.
Многочисленные преимущества landing page делают ее удобным, актуальным и стильным способом продвижения и расширения бизнеса в сети.
Что это такое?
Landing page – это «легкий» сайт, созданный для привлечения целевой аудитории к товарам, услугам или акциям. Обычно на целевую страницу попадают благодаря переходу с контекстной рекламы или информации поисковиков. На подобных одностраничных сайтах расположена необходимая для посетителя информация в такой форме, чтобы он максимально сфокусировался на ней. Более того, правильный лендинг направлен на стимулирование желания совершить полезное действие: регистрация на сайте, оформление заказа, звонок в офис компании, подписка на рассылку. Благодаря такой направленности landing page обеспечивает повышение конверсии до 30% и более. Как правило, лендинг пейдж имеют привлекательный и в меру лаконичный дизайн. Все делается для того, чтобы на странице отсутствовали факторы, отвлекающие от ее содержания.
Главная задача лендинга – привлечь как можно больше клиентов, которые заинтересованы в предложении, желают больше узнать о товаре или акции, а, может, сразу и приобрести.
Творите сами
Создать правильный landing page сегодня можно самостоятельно, скачав или приобретя шаблон посадочной страницы. Чтобы лендинг пейдж стал максимально эффективным, специалисты рекомендуют придерживаться некоторых правил создания и оформления страницы. Придерживаясь их можно получить результат, превосходящий ожидания.
Хорошим landing page присущи определенные свойства и элементы:
- заголовок. Его цель привлечь потенциального клиента и как можно дольше удержать его внимание. Для написания заголовка рекомендуют использовать крупный шрифт, располагать его вверху страницы и не сочинять слишком длинных текстов. Заголовок должен дать понять посетителю, что он попал на нужную страницу и что ожидать от страницы.
- правильная структура landing page. Расположение элементов страницы в логической последовательности поможет нужным образом воспринимать информацию, подталкивая посетителя к полезным действиям. Помимо ярких картинок можно использовать стрелки, направляя взгляд человека на нужную область. Обычно элементы располагают в такой последовательности – цепляющий заголовок и продающая картинка или фото, форма для заполнения контактных данных, плюсы и минусы товара или услуги, отзывы клиентов воспользовавшихся услугами компании.
- простота. Чтобы посетитель страницы не заблудился на ней и сразу же не покинул ее, не стоит перегружать landing page информацией, изображениями, кнопками. Все должно быть лаконично, но в то же время интересно, только необходимые данные и изображения. Элементы landing page подбираются так, чтобы побудить человека к выполнению главного действия, а не отпугнуть его.
- призыв к действию. Call to action обычно подталкивает кликнуть на кнопку или другой элемент страницы, зарегистрироваться, оставить свои контактные данные, заполнив специальную форму.
Основные достоинства созданного лендинг пейдж
Используя эти несложные правила создания можно проверить на своем бизнесе все преимущества успешного лендинга:
- ориентируясь на конкретную целевую аудиторию при правильной раскрутке и рекламе, конверсия landing page будет намного больше, чем у обычных сайтов;
- благодаря простоте создания страницы она может быть готова к работе и запущена за несколько часов, а изменение информации на ней происходит в считанные минуты;
- посадочные страницы обычно быстро загружаются, даже на устройствах со слабым интернетом, посетителю не надо долго ждать;
- landing page – это весьма действенный и результативный инструмент, ведь если даже посетитель сайта ничего не приобретет или не закажет, велика вероятность, что он оставит свои данные. Таким образом, сформируется база потенциальных клиентов, которым в дальнейшем можно напоминать о себе по средствам e-mail рассылки;
- при помощи landing page можно успешно повысить эффект от контекстной рекламы
- лендинг пейдж позволяет оценить и проанализировать объемы и целесообразность интернет-продаж
- помогает увеличить продажи при некачественном основном сайте
- низкая стоимость разработки.
Доверяйте профессионалам
Решив создать landing page самостоятельно, каждый считает, что лучше него никто не знает специфики работы, товара, услуг. Бесспорно, так и есть. Но не стоит забывать, что при недостаточных знаниях и навыках работы с шаблонами страниц, даже, применяя все правила создания landing page, можно потерять много времени и не получить желаемого результата. А в бизнесе дорога каждая минута.
Если вы не уверены в своих силах, доверьте решение этой задачи профессионалам. Заплатите один раз и получайте постоянный и стабильный доход.
Что предлагаем мы нашим клиентам?
- работа над лендинг пейдж происходит индивидуально с каждым заказчиком;
- опытные маркетологи проводят глубокий анализ рынка, определяют целевую аудиторию и ее потребности;
- профессиональные копирайтеры формулируют УТП, пишут специально для вас цепляющий заголовок и тексты;
- креативные дизайнеры разрабатывают оригинальное оформление и подбирают наилучшие продающие картинки и фото;
- программисты, прежде чем передать вам страницу, проводят тестирование ее работоспособности;
- доступные цены.
В результате совместной работы наших специалистов вы получаете:
- эффективный и привлекательный лендинг с высокой конверсией;
- грамотную формулировку торгового или акционного предложения;
- кроссбраузерную верстку;
- адаптивный интерфейс;
- формирование клиентской базы исключительно из представителей целевой аудитории;
- рост популярности основного сайта (при наличии) и контекстной рекламы;
- активное продвижение бизнеса в сети и его развитие.
Вместо заключения
На всех этапах работы над landing page будут учтены все ваши пожелания относительно контента, оформления, структуры, дополнительных функций. Мы уверены, что каждый наш клиент останется доволен результатом наших стараний и вернется еще.
Высоких вам конверсий!
image source: Yoann JEZEQUEL
25-12-2015
Какие эффекты лендинг пейдж можно реализовать в редакторе LPgenerator?
Вам наверняка уже известно, что лендинг — это автономная интернет-страница, которая позволяет успешно презентовать продукт аудитории и поднять его продажи на высокий уровень. Сегодня одностраничники используются в интернет-маркетинге повсеместно, но качественные лендинг пейдж можно увидеть далеко не всегда.
В этой статье мы рады представить вам своебразный «сборник» различных типов одностраничников, которые мы создаем в LPgenerator и можем с уверенностью утверждать, что они работают и приносят прибыль своим владельцам.
Немного о landing page
Лендинг пейдж (в переводе с английского «посадочная страница») — это тип сайта, особенность которого в емкой презентации продукта, услуги, мероприятия и любого другого продукта. Часто целевое действие, ожидаемое от посетителя такой страницы, — заполнение заявки, регистрация на мероприятия, загрузка файла, оформление подписки, иногда покупка товара (если это товарный лендинг). По сравнению со стандартным сайтами, конверсия посадочных страниц на 20-30% выше, именно поэтому они настолько популярны.
«Рабочая» часть лендингов — это текстовая составляющая и, конечно же, дизайн. С помощью текста можно создать оффер, от которого пользователь не сможет отказаться, а дизайн способен выделить ваше уникальное торговое предложение (УТП) из тысячи подобных и создать тот самый «вау»-эффект.
Ежедневно в LPgenerator мы работаем как над одностраничниками с индивидуальным дизайном, так и пополняем наш магазин лендингов. При этом одной из «фишек» наших шаблонов являются различные эффекты, один взгляд на которое заставляют пользователя действительно сказать «ВАУ!». В этой статье речь пойдет преимущественно о них — типах лендингов.
Что такое лендинг пейдж? Руководство для начинающих
Мультилендинги
Вы когда-нибудь задумывались над тем, как сделать так, чтобы контент на сайте менялся в зависимости от запросов входящего трафика (контекстной или медийной рекламы)? Именно такой функционал поддерживают мультилендинги. Оказавшись на подобном ресурсе, посетитель видит именно то, что искал.
Этот инструмент — отличное решение для рекламных кампаний и таргетинговых объявлений. Ключевое слово заменяется в нужном блоке в зависимости от того, какой вопрос «задал» пользователь поисковой системе.
Например, вот так выглядит лендинг при переходе посетителя с контекстной рекламы Яндекса по запросу «Ремонт принтеров»:
А вот так — по запросу «заправка картриджей»:
Такую возможность поддерживает и конструктор лендингов LPgenerator. Подробности вы можете прочитать в статье ниже:
Мультилендинг или динамический текст — новое обновление платформы LPgenerator
Видео в первом экране лендинга
Еще одна «фишка» наших посадочных страниц, с помощью которой можно значительно повысить отдачу — это фоновое видео. Почему мы акцентируем внимание на видео на «первом экране»? Чаще всего такой подход работает именно в хедере оффера.
Качественный, созданный по высоким стандартам ролик обладает внушительными списком достоинств.
Во-первых, так пользователь лучше понимает преимущества оффера. Особенно, если вы продвигаете сложный продукт, что-то вроде облачной системы или техническое новшество. Видеолендинг в данном случае позволяет донести действительно полезную информацию. С помощью видео можно продемонстрировать потенциальным клиентам важные нюансы быстрее и понятнее, чем это сделает текстовый контент. Видео способно красочно и нестандартно рассказать о привычных вещах, что тоже дает множество преимуществ.
Во-вторых, видеоролик служит такой важной миссии, как заинтересованность потенциального покупателя. Захват и удержание внимания — это основная задача, которая ставится первой странице лендинг пейдж. Большинство пользователей относят видео к ряду развлекательного контента, а, как известно, развлечением можно привлечь значительную часть аудитории. Увлеченный и довольный покупатель с большой долей вероятности быстрее «пойдет» по воронке продаж, чем скучающий потребитель, подпирающий подбородок ладонью при просмотре одностраничника:)
И наконец, видео само может быть оффером. Эмоциональные сигналы — это то, на что многие люди реагируют положительно. Если видеолендинг действительно будет представлять ценность и вызовет у посетителя положительные эмоции, позитивной реакции долго ждать не придется. И конечно, ассоциативный ряд в связи с вашим брендом у положительно настроенного пользователя буде соответствующим.
Вот пример от digital-отдела LPgenerator:
Этот лендинг с фоновым видео в хедере можно посмотреть здесь >>>
Создает атмосферу, не так ли? Возьмите на заметку!
Почему видео-лендинги конвертируют лучше?
Параллакс-эффекты на лендинге
Для начала, что же такое параллакс. В веб-дизайне это особая техника, когда фоновые изображения в перспективе двигаются медленнее элементов на первом плане, создавая нужный «вау»-эффект.
Последние несколько лет этот прием не сходит с первых мест в топе самых популярных и интересных находок современной компьютерной графики.
Конечно, чрезмерное использование подобных эффектов приводит к ухудшению юзабилити, но дизайнеры LPgenerator знают «меру» и применяют несколько интересных разновидностей параллакс-эффектов для лендинга.
1. Параллакс фон
Позволяет уже с первого посещения заинтересовать пользователя, удивив его красотой и необычностью.
Посмотреть лендинг в магазине посадочных страниц >>>
2. Параллакс фон 3D (несколько слоев)
Для того чтобы пользователь ощутил себя «на месте событий», ему не нужно надевать специальные очки — достаточно посмотреть на лендинг, созданный с применением данного эффекта:
Танки на фоне — едут (обратите внимание, что на следующем фото они уже правее). «До чего дошел прогресс»:)
Посмотреть лендинг в магазине посадочных страниц >>>
3. Параллакс элемент
Позволяет выделить один элемент страницы, обратив на него все внимание пользователя. Действенно и интересно:
При прокручивании подтягивается новый контент, меняется фон:
С примером можно ознакомиться здесь >>>
36 потрясающих примеров использования параллакс-скроллинга на лендингах
Анимация на лендинге
Некоторые виды анимаций на лендинге позволяют значительно повысить UX (user experience — пользовательский опыт), завладеть вниманием посетителя, заинтересовать его, убедить остаться на странице и совершить конверсионное действие.
Конечно, когда такие приемы используются только для красоты, есть риск снизить юзабилити одностраничника, но анимационные элементы, грамотно размещенные на странице, создают нужный эффект, мягко «продвигая» пользователя по всему лендингу, не давая ему скучать.
В LPgenerator мы успешно используем их в нескольких направлениях.
1. Анимация плавно появляющихся элементов при загрузке страницы
Возьмем в пример один из лендингов, посвященных продаже популярных моноколес. Вот плавно появляются преимущества в виде тематических буллетов:
После полной прокрутки буллеты выглядят так:
Полную версию лендинга можно посмотреть здесь >>>
Подобная динамика на странице позволяет лучше презентовать важную информацию. Самый популярный анимационный прием — это «счетчик», потому что обычные числовые значения (например, количество довольных клиентов компании) вряд ли привлекут так много внимания.
2. Анимация группы элементов
Практически аналогичный эффект, но с участием группы элементов. Становится просто необходимым, когда нужно предложить клиенту ознакомиться с большим блоком информации.
В примере ниже — лендинг по продаже квартир (блок «Почему другие риэлторы не продают настолько эффективно»), где сначала появляются только два «облачка», без пояснений:
При прокрутке появляются другие «облачка», затем — пояснения к ним, и в итоге все аргументы представляют собой группу элементов. Необычно, симпатично и наверняка запомнится:)
С примером можно ознакомиться здесь >>>
4 вида анимации для улучшения юзабилити лендинга
Сложная анимация и параллакс
Этот прием — симбиоз двух пунктов выше, который должен использоваться крайне осторожно, чтобы не перегрузить пользователя «вау»-эффектом. Подходит для товаров с «эмоциональной» составляющей, где значительный акцент нужно сделать именно на визуальных характеристиках:
Данный лендинг сочетает в себе эффект анимации и параллакс-скроллинга >>>
Такова подборка интересных и необычных эффектов для посадочных страниц от LPgenerator, которые могут быть реализованы в конструкторе, чтобы помочь вам продавать в несколько раз больше.
Решили попробовать прямо сейчас?
Вы можете создать страницу самостоятельно, выбрать подходящий шаблон в LP Store или подать заявку на индивидуальный дизайн, отдав разработку продающего одностраничника в руки настоящих профессионалов.
Высоких вам конверсий!
15-08-2016
Генератор лэндингов: landing page сервис generator
Отличительные особенности
Вместо заключения
В настоящее время многие компании приобщаются к опыту использования лэндингов для продвижения собственного бизнеса на просторах Интернета.
Лендинг пейдж весьма эффективны, имеют высокие показатели конверсии, позволяют наиболее удачно преподнести информацию о компании, товарах, услугах.
Создать посадочную страницу можно различными способами, в том числе и с использованием генераторов лэндингов (landing page generator). Что собой представляет лендинг? Как правило, это одностраничный сайт, цель которого – побудить пользователя к совершению определенного действия, главным образом – покупки.
Генератор landing page позволяет создать сайт с высокой конверсией, который поможет привлечь клиентов и обеспечит компании прибыльную деятельность.
Выгоды от использования лендинг пейдж очевидны. Когда решение о создании такой страницы принято, возникает вполне логичный вопрос о том, как ее сделать.
Существует несколько способов. Вы можете использовать готовый шаблон, однако найти оптимальное решение с учетом специфики деятельности фирмы не всегда легко. Кроме того, каждому владельцу бизнеса хочется получить уникальный лендинг, который будет отличаться от множества других. В таком случае можно использовать генератор (generator) лендинг пейдж. Это специальный сервис. Который позволяет модифицировать шаблоны, адаптируя их к деятельности компании. Таким образом вы сможете повысить привлекательность страницы, а также конверсию.
Отличительные особенности
Зачастую генератор (в английском варианте звучит как «generator») путают с другими смежными сервисами, до конца не понимая разницы и ключевых особенностей. Его необходимо рассматривать исключительно как эффективное средство, способствующее быстрому и ощутимому увеличению объемов продаж, а значит, и доходов компании. Это особенно актуально в условиях конкуренции, которая в настоящее время достаточно высока во всех ключевых направлениях деятельности. Лендинг полезен для любой компании, независимо от сфер ведения бизнеса, территориальных границ, масштабов и прочих особенностей.
Стоит обратить внимание на отличительные особенности, которые имеет генератор:
Отличия от конструкторов сайтов. Эти два понятия достаточно близки. Однако в отличие от конструктора который ориентирован на создание представительства компании в Сети, генератор используется для повышения конверсии на основе сплит-анализа, подготовки продающих текстов и т.д.
Отличия от хостинг-компаний. Генератор используется при размещении посадочных страниц, тестировании, сборе статистики. Анализ полученной информации требует понимания основных технических аспектов, скорости загрузки и т.д.
Вместо заключения
Для создания эффективного лендинга необходимы знания – не только технические, но и маркетинговые. Без этого landing page так и останется простой страничкой с минимумом информации. Как результат – уровень конверсии будет еще ниже, чем при использовании стандартного шаблона. Генератор позволит решить эту проблему, так как к работе можно привлечь специалистов. Это особенно актуально в тех случаях, когда вы не владеете необходимыми знаниями, но при этом преследуете цель увеличения клиентской базы за счет повышения конверсии лендинг пейдж. Генераторы зачастую используют в условиях ограниченного бюджета, а также в случаях, отсутствия штатного программиста.
Высоких вам конверсий!
image source: Peter B
27-12-2015
Идеальный Landing Page с высокой конверсией от LPGenerator
Лендинг пейдж (от англ. landing page) — отличный способ презентовать свой бизнес аудитории в лаконичной и интересной форме. В отличие от стандартного веб-сайта, он должен брать внимание посетителя, удерживать его одним оффером, чтобы привести к итоговому целевому действию. У хорошего интернет-проекта есть свои отличительные характеристики. Из данной статьи вы узнаете, как выглядит эффективный лендинг пейдж с точки зрения специалистов LPgenerator.
Содержание
Предварительные рекомендации
Тексты
Призывы к действию
Читабельность
Структура текста
Объем данных
Иллюстрации
Дизайн
CTA-кнопка
Лид-форма
Используйте «плоский дизайн»/ «белые пятна»
Шрифты
Вместо заключения
Предварительные рекомендации
Перед тем как приступить к работе, нужно обязательно определиться со структурой. Не зря лендинг называют одностраничником. Ведь в прямом смысле это одна страница, разделенная на несколько «полос», которая содержит разноплановую информацию, полностью раскрывающую оффер. Некоторые разработчики делают вверху панель навигации, таким образом расширяя возможности и одновременно упрощая взаимодействие пользователя с ресурсом. Главное — различать понятия «лендинг» и «сайт» стандартного вида (где можно сделать сколько угодно разделов).
Обязательными составляющими качественного landing page являются:
- лаконичный, интересный хедер;
- краткие преимущества бренда;
- лид-форма;
- описания услуг;
- ценовая политика;
- примеры работ;
- социальные доказательства (отзывы, сертификаты).
Еще одно основное правило проектирования — направленность landing page на одну целевую аудиторию. Примером может служить проект магазина оптовых поставок меда. Точно видно, под каких заказчиков «заточен» интернет-сайт. Можно сделать портал, подходящий всем — одновременно розничным покупателям и корпоративным клиентам, но он будет неэффективным. Расставляйте приоритеты.
Помните — одностраничник должен нести клиентам только одну идею, преследовать конкретную цель. Нельзя перегружать портал разноплановыми офферами.
Читайте также: Что такое лендинг пейдж? Руководство для начинающихТексты
Призывы к действию
Пишите простые, понятные, лаконичные офферы. Решающим фактором для мотивации потенциального покупателя совершить конверсионное действие является именно привлекательный призыв.
Помните — посетитель веб-ресурса ждет, что вы будете персонализировать общение, поэтому рекомендуется сужать аудиторию коммерческого посыла, подразумевая конкретного клиента. Пример — ниже, где обращение «Вы» пишется с большой буквы.
Там, где уместно, используйте «эффект срочности». Доказательством послужит тест, проведенный командой Which Test Won, который доказал — этот фактор, или эффект, увеличивает конверсию.
Специалисты тестировали два варианта хедера. Один вариант оффера сообщал «Get started now for just 1$» (Начать сейчас всего за доллар). Во второй версии использовалась фраза «Get started for just 1$» (Начать всего за доллар). Образцы хедеров представлены ниже.
Источник изображения
Источник изображения
Победил первый вариант, повысивший конверсию портала на 12%. Как видите, единственным отличием было слово «сейчас», это доказывает следующую гипотезу — слова, передающие безотлагательность, срочность действия, являются сильной мотивацией для пользователей.
Читабельность
Плохо читаемый текст — ошибка многих разработчиков веб-ресурсов. Идеальный landing page — тот, который не заставляет напрягать глаза, чтобы прочесть нужную информацию. Делайте цвет букв контрастнее, выбирайте подходящий фон, изменяйте шрифт, но не издевайтесь над посетителями. Все проекты LPgenerator соответствуют этому правилу, ниже — образец хорошего, читабельного контента.
Структура текста
Рекомендуем формировать списки везде, где уместно. Подобный дизайн гораздо лучше воспринимается читателями. Если хотите описать преимущества, то маркируйте каждый пункт буллетами, таким образом проще донести нужную информацию до потребителя. Если понимаете, что текст можно структурировать, использовать иконки, то делайте именно так. При любом удобном случае упрощайте восприятие печатной информации.
Представляем образец хорошей структуризации печатных данных.
Объем данных
При проектировании лендинга, задача копирайтера и дизайнера — соблюсти баланс текста/ визуальных элементов. Графическая составляющая должна соответствовать объему печатной информации.
Читайте также: AIDA: проверенная формула копирайтинга для лидогенерацииНазад к содержанию
Иллюстрации
Визуальная составляющая крайне важна для эффективности интернет-проекта. С помощью правильно подобранных иллюстраций можно рассказать гораздо больше, без использования слов.
Изображениям со стоков — да, но только максимально интересным, релевантным тематике веб-ресурса, отличающимся качеством, привлекательностью, соответствующим цели.
Если есть возможность вставлять реальные фото — это только плюс. Конечно, важно, чтобы они были подходящими, приятными для просмотра.
Недавно команда vwo.com провела сплит-тест, после чего выяснился интересный факт.
Тестировали сайт компании Harrington Movers, которая помогает заказчикам переезжать на другое место жительства. Первый вариант хедера выпускался с классическим стоковым изображением довольной жизнью пары. Второй вариант — фото сотрудников компании. Третий — фото рабочей машины Harrington Movers.
Источник изображения
Собственно, что получилось. Начальная версия оказалась гораздо менее популярна двух последующих. При этом изображение сотрудников увеличило конверсию на 45,5%, а фото автомобиля на 45,05%.
Это не значит, что нужно обязательно использовать реальные фото вашей компании. Все-таки мы боремся за эстетическую привлекательность в том числе. Если решение испортит внешний вид страницы, то сыграет только в минус. Желательно находить компромиссы.
Назад к содержанию
Дизайн
Эффективным лендинг пейдж можно считать при условии, когда дизайн «говорит» все об услуге. Он должен ассоциироваться с бизнесом, который презентуется посредством веб-ресурса. Представляем хедер очередного макета от LPg — он сделан по тому же принципу.
CTA-кнопка
Делайте такую кнопку, которую хочется нажать. Посетитель сразу должен понять — по ней нужно кликнуть для немедленного получения услуги. Убедитесь, что после нажатия пользователь переходит туда, куда необходимо.
Если говорить о цвете CTA-кнопки, то лучше всего выбирать контрастные оттенки. Согласно исследованиям по нейромаркетингу, именно такой подход — лучший для привлечения пользователей, мотивации их к целевому действию. Мы можем представить примеры лендингов с высокой конверсией, соответствующих описанному принципу.
Лид-форма
В отношении конверсионной формы нужно придерживаться нескольких правил для достижения максимальной эффективности. Во-первых, никаких лишних полей. Посетителей пугают длинные формы, поэтому оставляйте только необходимые для продолжения коммуникации с пользователем поля.
Посмотрите на форму связи шаблона ниже, презентующего вебинар. Только имя и email.
Во-вторых, нужно, чтобы форма была яркой, выделялась, акцентировала на себе внимание. Вот модель подобного решения.
«Плоский дизайн»/ «белое пространство»
«Плоский», конечно, звучит не слишком заманчиво, но сегодня он один из ведущих трендов дизайна. В основе такого принципа лежит двухмерное пространство — графические элементы делаются без объема, используются максимально упрощенные визуальные эффекты. Преимущества такого подхода довольно просты:
- практичность — веб-ресурсы загружаются быстрее анимационных сайтов, изобилующих дизайнерскими «фичами»;
- легко «подгонять» формат под экраны различных устройств — сегодня адаптивная верстка крайне актуальна, так как подобный подход является признаком заботы о клиенте (который давно уже стал более «мобильным»), но также соответствует требованиям поисковых систем;
- эстетическая привлекательность «плоского дизайна» — уже многие разработчики поняли преимущества подобного подхода, одними из них стали представители компании Apple, сделавшие новую операционную систему более «плоской».
Безусловно, посадочные страницы с высокой конверсией могут сочетать плоские и объемные составляющие. Главное — удобство для пользователя, внешняя привлекательность. Ниже пример удачного сочетания: плоский текст/формы, но объемное фоновое изображение.
Теперь о так называемых «белых пятнах». Этим термином обозначают свободное пространство между элементами ресурса (естественно, условно «белое», оно может быть какого угодно цвета). «Пятна» не используются в качестве отдельных дизайнерских составляющих, они служат дополнением общей структуры. Их преимущества — эстетическая привлекательность и улучшение удобства пользования. Вот удачный пример.
Шрифты
«Золотое» правило дизайнера — два/три шрифта на весь сайт. При этом важно выбрать хорошо сочетающиеся между собой варианты, релевантные тематике вашего проекта. LPgenerator делает свою работу профессионально, к каждому лендингу тщательно подбираются шрифты, соответствующие тематике и общему стилю.
Читайте также: 10 ошибок на лендинге, которые наиболее часто делают новичкиНазад к содержанию
Вместо заключения
Если хотите получить премиум landing page, профессионально выполненный, соответствующий критериям, описанным ваше, тогда обратитесь к Магазину продающих страниц LPgenerator. Здесь вы сможете заказать уникальный макет или попытаться сконструировать собственную посадочную страницу самостоятельно, используя наши шаблоны. Для начала работы в системе достаточно зарегистрироваться и получить бесплатный 7-дневный тестовый период.
Высоких вам конверсий!
26-08-2015
Идеальная структура landing page по версии LPgenerator
Каждая компания, создающая лендинг, проведет пользователя к конверсионному действию. Согласно правилам потребительского поведения, потенциальный покупатель проходит 5 основных стадий: внимание, интерес, желание, удовлетворение / неудовлетворение. Но какая именно схема лендинг пейдж и структуризация блоков обеспечит максимальную отдачу? Сегодня мы постараемся разобраться в этом вопросе.
Содержание
Заголовок
Логотип, название компании, контакты
Демонстрация продукта / услуги
Преимущества бренда
Описание оффера
Взаимная коммуникация
Лид-форма
CTA
Акция
Социальные доказательства
Завершающий маркетинг
Вместо заключения
Заголовок
Любая маркетинговая кампания обязана начинать определение уникальных характеристик бренда.Необходимо четко указать, чем предлагаемый продукт отличается от конкурентов. Естественно, необязательно придумывать все заново: как правило, программа уже определена до начала проектирования веб-ресурса. Если этот момент был упущен, то формирование УТП — ваша первостепенная задача.
Рекомендуем разделить предложение на несколько простых составляющих, описать, почему клиенты должны выбрать именно вас. Правильно сформулированный заголовок и подзаголовок предупреждает вопросы клиента, отметая все сомнения.
Уникальное торговое предложение посадочной страницы особой в заголовке. Предлагаем следующее решение, чтобы выразить УТП максимально полно:
- заголовок — лаконичный, привлекательный, продающий;
- подзаголовок уместен, когда необходимо разъяснить, уточнить главный оффер. Подзаголовок часто используется для сокращения основного заголовка.
Простой пример от LP генератор:
Этот и другие шаблоны вы можете взять за основу для создания своего первого лендинга в конструкторе LPgenerator:
Логотип, название компании, контакты
Позвольте юзерам идентифицировать вас — разместите на лендинге логотип компании.Если ваш бренд популярен или хотя бы смутно знаком посетителю, это повысит его уровень доверия.
Наличие очень важно, даже если на размещении будет размещено очень важно элементов связи. Размещение актуального номера телефона, а также реальный адрес является еще одним инструментом доверия, посетитель понимает: над проектом работают обычные люди, доступные к общению, и ждут звонка, не скрываясь.
Разобравшись, куда он попал, и увидев ваше предложение, пользователь задастся вопросом, как приобрести ваш товар или услугу.Именно поэтому должна проектироваться с блоком контактов, и чаще всего здесь же ставят CTA-кнопку «Заказать звонок».
Представляем пример готового макета, где размещены целых два логотипа фирм, представляющих свои услуги. Даже не является главными элементами, логотипы однозначно привлекают внимание. В правой части страницы представлены контактные данные, а чуть ниже — кнопка с предложением получить консультацию:
Демонстрация продукта / услуги
Цель лендинга — действует лично тестировать продукт / услугу.Существует несколько способов достижения этой цели:
- фотография — используйте большое изображение для фона хедера, а после раскройте подробности другими тематическими иллюстрациями;
- видео — традиционно пользователи больше доверяют такому контенту.
Вот удачный макет, сочетающий обе эти техники:
Преимущества бренда
Подробные описания выгоды покупателя от сотрудничества с вами (и, возможно, уникальные отличия от конкурентов) обязательно присутствовать на лендинге.
Сначала мы использовали лаконичный коммерческий заголовок, призванный «схватить» клиента сразу после входа. Теперь нужно опередить вопрос посетителя «Зачем мне это нужно?». Тут важно найти баланс между информативностью / объемом, а не «растекаться мыслью по древу», так как специфика целевая страница не позволяет подобного.
Подходящие примеры находим в магазине целевых страниц:
Описание оффера
На лендинге также нужно показывать реальную ценность предложения.
Вот пример еще одного шаблона из нашей Галереи:
Взаимная коммуникация
Лид-форма
Потенциальный покупатель должен без труда находить обратную связь среди другого контента интернет-проекта. Подробнее о том, где размещать такую форму, мы сейчас поговорим.
Справа или слева? Наш ответ — справа. Многие утверждают, что так можно получить больше обращений. Причина проста: западный мир читает слева направо, и расположенная в правой части страницы лид-форма представляется логическим завершением оффера.Если же ее использовать с левой стороны, то это выглядит скорее как необоснованное навязывание действия.
Можете убедиться сами: подавляющее большинство одностраничного сайта в фотошопе сделано по описанному выше принципу.
Теперь о том, где же оптимальное лид-формы: на первом сервере или после «линии сгиба». Ответ нашелся у эксперта Майкла Огарда (Michael Aagaard) из компании ContentVerve. Он провел занимательное сплит-тестирование: сравнил две версии расположения поля.Первый вариант — выше «линии сгиба», второй — ниже.
В результате возникло, что второй вариант повысил уровень конверсии на целых 304%.
Специалисты сделали следующие выводы. Основным параметром, определяющим грамотное во всех отношениях место оффера, является структура лендинга. Если страницу необходимо детализировать, то требовать от человека моментальных активных действий — глупо. Дайте необходимую информацию и возможность получить выгоды.
Добавить кастомизированную лид-форму на посадочную страницу в редакторе LPgenerator очень просто.Для этого вы можете воспользоваться конструктором готовых секций:
CTA A
Призыв к действию (CTA), или призыв к действию — один из самых важных частей структуры лендинг пейдж. Инфопродукт, включающий такой текст, мотивирует пользователя совершить конверсионное действие. Стандартным CTA-графическая кнопка, благодаря возможному заказчику перемещается к конечному пункту.
Важно создать текст кнопки таким, чтобы потребитель не сомневался, а поддавался желанию совершить действие.Решить проблему поможет исследование, проведенное западными экспертами по маркетингу из уже упомянутого ContentVerve. Путем сплит-тестирования проверяли, действительно ли индивидуальная проверка количества кликов. Согласно мнению экспертов, формулировка текста кнопки должна соответствовать мыслям юзера во время просмотра.
Проверяли два варианта, где были кнопки «Получите 30-дневную версию» / «Получить мою 30-дневную версию».
Удивительно, но во втором случае коэффициент кликабельности вырос на 90%.
Резюмируя сказанное:
- текст нужно формулировать как утверждение, произносимое гостем страницы, можно начинать словом «Хочу»;
- персонализируйте оффер, дайте пользователю понять, что компания предлагает решение проблемы прямо сейчас.
Вот еще один пример от LP генератор:
Акция
Ускорить решение о покупке можно благодаря акции с «эффектом срочности».Действенность этого приема экспертами обсуждается постоянно. Увидеть практическое воплощение теории на наших шаблонах, которые доступны из Личного кабинета:
Социальные доказательства
Этот блокан работать с возражениями, доказывать авторитетность компании на рынке. Необходимо обязательно развеять потенциального заказчика, поэтому заполняйте материалы отзывами, примерами работ, сертификатами, логотипами брендов-, разнообразными цифрами, фактами.
Ниже представлен блок представлений на довольно креативном лендинге:
Большое значение имеют отзывы. Без комментариев реальных покупателей пользователь видит в продавце угрозу своим деньгам. Очень многие разработчики целевую страницу пренебрегают этим или размещают недостоверную информацию. Рекомендуем следовать правилам:
- использовать минимум 3 отзыва;
- размещать настоящее фото клиентов;
- смайлы ссылки на профиль автора из социальных сетей;
- делать текст максимально «человечным»;
- при необходимости использовать поля «Профессия», «Возраст».
Все шаблоны LPgenerator содержат разнообразные варианты блоков с отзывами, а также вы можете воспользоваться конструктором секций:
Читайте также 5 типов социальных доказательств, которые можно использовать прямо сейчасЗавершающий этап
Далеко не каждый посетитель становится клиентом, чтобы снизить показатель отказов используйте «фишками».
- «Следите за нами через социальные сети».Если вам удастся мотивировать пользователя посмотреть фирменное сообщество, это уже хорошо, а если он подпишется, можете считать, что одна из целей выполнена: читая группа, посетитель открывается для маркетинговых и бизнес-предложений.
- «Ответ на вопрос». Предложите клиенту оставить свою электронную почту, так есть шанс продолжить коммуникацию. Только ненавязчиво, спама никто не любит.
- Подарок. Можете предоставить возможность загрузки бесплатного информационного буклета, любой тематический подарок.
Представляем макет одностраничного сайта с использованием последнего инструмента плюс «эффект срочности».
Вместо заключения
Структура лендинг пейдж со схемами построения должна вести пользователя к одному целевому действию. Вся сложность разработки посадочных страниц состоит в том, чтобы соблюсти баланс между коммерческим и информационным контентом, междуми изображения и текстом, между входящим маркетингом и прямыми продажами.
В нашем Магазине вы найдете множество готовых к использованию лендингов, разработанных в соответствии с перечисленными правилами и которые можно зарезервировать для себя или купить как неуникальные — а также огромное количество шаблонов, на основе вы можете собрать свой идеальный лендинг самостоятельно в конструкторе LPgenerator.
Если же у вас нет времени разбираться в тонкостях лендостроения, но при этом вам нужна уникальная страница с гарантированно высокой конверсией, команда LPgenerator с радостью разработала для вас индивидуальный дизайн.Он будет выполнен с учетом всех ваших пожеланий, подчеркнет особенности оффера и позиционирование бренда, а еще — легко масштабируется по мере необходимости.
Высоких вам конверсий!
31-08-2015
.Какие эффекты лендинг пейдж можно реализовать в редакторе LPgenerator?
Вам наверняка уже известно, что лендинг — это автономная интернет-страница, которая позволяет успешно презентовать продукт аудитории и поднять его продажи на высоком уровне. Сегодня одностраничники используются в интернет-маркетинге повсеместно, но качественные лендинг пейдж можно увидеть далеко не всегда.
В этой статье мы можем представить вам свойбразный «сборник» различных типов одностраничников, которые мы создадим в генераторе LP и можем с уверенностью утверждать, что они работают и приносят прибыль владельцам.
Немного о посадочная страница
Лендинг пейдж (в переводе с английского «посадочная страница») — это тип сайта, особенность которого в емкой презентации продукта, услуги, мероприятия и любого другого продукта. Часто целевое действие, ожидаемое от посетителя такой страницы, — заполнение заявки, регистрация на мероприятия, загрузка, оформление подписки, иногда покупка товара (если это товарный лендинг). По сравнению со стандартным сайтом, конверсия посадочных страниц на 20-30% выше, именно поэтому они настолько популярны.
«Рабочая» часть лендингов — это текстовая составляющая и, конечно же, дизайн. С помощью текста можно создать оффер, от которого пользователь не сможет отказаться, а способен предоставить ваше уникальное торговое предложение (УТП) из тысяч и создать тот самый «вау» -эффект.
Ежедневно в LPgenerator мы работаем как надностраничниками с индивидуальным дизайном, так и пополняем наш магазин лендингов. При этом одной из «фишек» наших шаблонов используются различные эффекты, один из которых заставляет пользователя действительно сказать «ВАУ!».В этой статье речь пойдет преимущественно о них — типах лендингов.
Что такое лендинг пейдж? Руководство для начинающих
Мультилендинги
Вы когда-нибудь задумывались над тем, как сделать так, чтобы контент на сайте менялся в зависимости от запросов входящего трафика (контекстной или медийной рекламы)? Именно такой функционал мультилендинги. Оказавшись на подобном ресурсе, посетитель видит именно то, что искал.
Этот инструмент — отличное решение для рекламных кампаний и таргетинговых объявлений.Ключевое слово заменяется в нужном блоке в зависимости от того, какой вопрос «задал» пользователь поисковой системы.
Например, вот так выглядит лендинг при переходе принтера с контекстной рекламы Яндекса по запросу «Ремонтов»:
А вот так — по запросу «заправка картриджей»:
Такую возможность поддерживает и конструктор лендингов LPgenerator. Подробности вы можете прочитать в статье ниже:
Мультилендинг или динамический текст — новое обновление платформы LPgenerator
Видео в первом экране лендинга
Еще одна «фишка» наших посадочных страниц, с помощью которой можно улучшить отдачу — это фоновое видео.Почему мы акцентируем внимание на видео на «первом экране»? Чаще всего такой подход работает именно в хедере оффера.
Качественный, созданный по высоким стандартам ролик обладает внушительными списком достоинств.
Во-первых, так пользователь лучше понимает преимущества оффера. Особенно, если вы продвигаете сложный продукт, что-то вроде облачной системы или технического новшества. Видеолендинг в данном случае позволяет донести действительно полезную информацию. С помощью видео можно использовать потенциальным клиентам важные нюансы быстрее и понятнее, чем это сделает текстовый контент.Видео способно красочно и нестандартно рассказать о привычных вещах, что тоже дает преимущество.
Во-втором, видеоролик служит такая миссия, как заинтересованность потенциального покупателя. Захват и удержание внимания — это основная задача, которая ставится первой страницей лендинг пейдж. Большинство пользователей относят видео к ряду развлекательного контента, как известно, развлечением можно привлечь значительную часть аудитории. Увлеченный и довольный покупатель с большой долей вероятности быстрее «пойдет» по воронке продаж, чем скучающий потребитель, подпирающий подбородок ладонью при просмотре одностраничника 🙂
И наконец, видео само может быть оффером.Эмоциональные сигналы — это то, что многие люди реагируют положительно. Если видеолендинг действительно будет представлять собой и вызовет у посетителя положительные эмоции, позитивной реакции долго ждать не придется. И конечно, ассоциативный ряд в связи с вашим брендом у положительно настроенного пользователя буде соответствующий.
Вот пример от digital-отдела LPgenerator:
Этот лендинг с фоновым видео в хедере можно посмотреть здесь >>>
Создает атмосферу, не так ли? Возьмите на заметку!
Почему видео-лендинги конвертируют лучше?
Параллакс-эффекты на лендинге
Для начала, что же такое параллакс.В веб-дизайне это особая техника, когда фоновые изображения в перспективе создаются медленнее элементов на первом плане, создается нужный «вау» -эффект.
Последние несколько лет этот прием не сходит с первых мест в топе самых популярных и интересных находок современной компьютерной графики.
Конечно, чрезмерное использование подобных эффектов приводит к уменьшению юзабилити, но дизайнеры LPgenerator знают «меру» и применяют несколько различных разновидностей параллакс-эффекты для лого лого.
1. Параллакс фон
Позволяет уже с первого посещения заинтересовать пользователя, удивив его красотой и необычностью.
Посмотреть лендинг в магазине посадочных страниц >>>
2. Параллакс фон 3D (несколько слоев)
Для того, чтобы пользователь ощутил себя «на месте событий», ему не нужно надевать специальные очки — достаточно посмотреть на лендинг, созданный с применением того эффекта:
Танки на фоне — едут (обратите внимание, что на следующем фото они уже правее).«До чего дошел прогресс» 🙂
Посмотреть лендинг в магазине посадочных страниц >>>
3. Параллакс элемент
Позволяет разделить один элемент страницы, обратив на него все внимание пользователя. Действенно и интересно:
При прокручивании подтягивается новый контент, меняется фон:
С примером можно ознакомиться здесь >>>
36 потрясающих примеров использования параллакс-скроллинга на лендингах
Анимация на лендинге
Некоторые виды анимаций на лендинге позволяют повысить UX (пользовательский опыт — пользовательский опыт), завладеть вниманием посетителя, заинтересовать его, убедить его, чтобы добиться на странице и совершить конверсионное действие.
Конечно, когда такие приемы используются только для красоты, есть риск снижения юзабилити одностраничника, но анимационные элементы, грамотно размещенные на странице, отображаемый эффект, мягко «продвигая» пользователя по всему лендингу, не давая ему скучать.
В LPgenerator мы успешно используем их в нескольких направлениях.
1. Анимация плавно появляющихся элементов при загрузке страницы
Возьмем в пример один из лендингов, посвященных продаже популярных моноколес.Вот плавно появляются преимущества в виде тематических буллетов:
После полной прокрутки буллеты выглядят так:
Полную версию лендинга можно посмотреть здесь >>>
Подобная динамика на странице позволяет лучше презентовать подробную информацию. Самый популярный анимационный прием — это «счетчик», потому что обычные числовые значения (например, количество довольных клиентов компании) вряд ли привлекут так много внимания.
2. Анимация группы элементов
Практически аналогичный эффект, но с участием группы элементов. Становится необходимо, когда нужно предлагать информацию клиенту ознакомиться с большим блоком.
В нижеприведенном примере — лендинг по продаже квартир («Почему другие риэлторы не настолько эффективно»), где сначала появляются только два «облака», без пояснений:
При прокрутке появляются другие «облачка», затем — пояснения к ним, и в итоге все аргументы представляют собой группу элементов.Необычно, симпатично и наверняка запомнится 🙂
С примером можно ознакомиться здесь >>>
4 вида анимации для улучшения юзабилити лендинга
Сложная анимация и параллакс
Этот прием — симбиоз двух пунктов выше, который должен приветствовать, крайне осторожно, чтобы не перегрузить пользователя «вау» -эффектом. Подходит для товаров с «эмоциональной» составляющей, где значительный акцент нужно сделать именно на визуальных характеристиках:
Данный лендинг сочетает в себе эффект анимации и параллакс-скроллинга >>>
Такова подборка интересных и необычных эффектов для посадочных страниц от LPgenerator, которые могут быть реализованы в конструкторе, чтобы помочь вам продавать в несколько раз больше.
Решили попробовать прямо сейчас?
Вы можете создать страницу самостоятельно, выбрать подходящий шаблон в LP Store или подать заявку на индивидуальный дизайн, отдав форму продающего одностраничника в руки настоящих профессионалов.
Высоких вам конверсий!
15-08-2016
.CMS для Landing Page от LPGenerator. Движок для лендинг пейдж №1!
CMS (Система управления контентом) дословно переводится как система управления содержимым ресурса или контентом. Созданные структуры, дабы облегчить процесс работы с контентом веб-страниц пользователей, не хотят самостоятельно разбираться в загадках кода. В отличие от следования сложным фреймворком целевой страницы инструкциям, движки CMS позволяют абсолютно каждому создать собственную страницу на просторах интернета.
Для этого просто необходимо зайти в «админку» и начать работу в адаптированной контекстно-контекстной среде. Отзывы простых пользователей о CMS читать намного приятнее — об эксплуатации фреймворка целевой страницы отзывы не столь лестные.
Существуют CMS-системы для различных целей. Можно найти CMS для информационного сайта, интернет-магазина, форума, блога. Не составит труда найти и движок для целевой страницы. Однако, довольно сложно отыскать подходящий. Давайте разберемся какую CMS выбрать для лендингов.
1. Instapage
Следующий движок CMS для одностраничного сайта от Instapage.com поможет без лишних проблем создать целевую страницу на основе более 50 готовых шаблонов. На главной странице показано, что их целевая страница с админкой поддерживает как десктопную, так и мобильную версию.
Присутствует интеграция с такими внешними сервисами (как Google Analytics и Mail Chimp), отчеты и сплит-тесты.
2.Unbounce
Аналогичный с Instapage.com сервис. Редактор функциональный. Развернутая аналитика и интеграция с внешними сервисами. Присутствует неплохая галерея шаблонов, систематизированных в каталог.
Вывод: качественный движок CMS одностраничник. Реализованы основные функции, которые систематизируют генерацию лидов и конверсию.
Читайте также: Преимущества и недостатки конструкторов посадочная страницаCMS от LPgenerator и с чем его едят
Теперь обратим внимание на собственную CMS Landing Page от LPgenerator.Наш генератор целевых — это комплексный инструмент управления рекламными кампаниями в сети, позволяющий не сконструировать систему анализа данных, собирать подробную информацию, управлять рекламными проектами и т. Д. Воспользоваться данной CMS для целевой страницы можно бесплатно в 7 дней после регистрации.
Одно из самых заметных достоинств LPgenerator — база макетов целевых страниц, включающая более 300 примеров.В галерее страниц можно выбрать тематические и индивидуальные шаблоны, разбитые по категориям, выбрать страницу из LP Store, заказать дизайн или интегрировать собственный.
Не забыты и социальные медиа — на базе LPgenerator вы сможете оформить страницу сообщества в Facebook.
Шаблоны фан-страниц Facebook
Специализация целевых страниц по типам устройств — недооцененный, но крайне эффективный способ повышения конверсии целевой страницы.Галерея LP предлагает оптимизированную целевую страницу для полноценной работы на мобильной платформех. Вы сможете выбрать макет не только со стандартной-системой, но и с помощью кнопки Click-to-Call.
Mobile Landing — пока еще легкий способ генерации лидов.
Одной из главных функций CMS для лендинг пейдж является качественный редактор целевых страниц, позволяющий создать дизайн с «нуля», либо изменение в выбранных макетах.
Конструктор целевых страниц
Специализированный WYSIWYG-редактор лендингов позволяет редактировать целевые страницы пользователям абсолютно разных уровней подготовки: все изменения будут незамедлительно отражены на макете.Огромное количество виджетов позволяет интегрировать лендинг с большинством популярных сервисов (Youtube, Facebook, VK и т. Д.)
Интеграция HTML-кода и скриптов позволяет при необходимости самостоятельно дорабатывать функционал страницы, несмотря на то, что сам конструктор не требует от пользователей даже основ знаний HTML или JavaScript. Специальный редактор лид-форм позволяет индивидуально настроить главный инструмент генерации среди клиентов — конверсионную формулу.
В LPgenerator можно создать абсолютно любую лид-форму
Все лендинги находят на хостинге Amazon, что гарантирует стабильную работу (99,9% доступность).С покупкой доменного имени тоже не возникнет проблем — вы можете воспользоваться имеющимся или приобрести прямо из системы LP с автоматической привязкой в системе DNS. Возможно привязать доменную почту.
Доменов пока нет, но исправить это можно прямо из
Центр оптимизации позволяет проводить тонкую настройку сплит-тестирования. Просто создайте несколько версий страницы, настройте частоту показов каждого из них, и узнайте какой из них сгенерировал больше конверсий.
Адаптивный дизайн системы позволит организовать сплит-тест в несколько шагов, дополнительные скрипты расширить функционал. Огромное число вариантов дает возможность протестировать любую идею и позволяет быть уверенным, что каждое изменение положительно скажется на окончательном результате.
Аналитические отчеты позволяют держать руку на пульсе вашей рекламной кампании. Вы рассчитайте ROI (рентабельность инвестиций) для каждой страницы, узнать, как рекламные каналы / ключевые слова отражаются на конверсии.Управляя показателями результативности контекстной рекламы, вы сможете оптимизировать затраты на менее успешных источниковх.
Изюминка аналитического блока — крафтовый UTM-конструктор, позволяющий детализировать источники оплачиваемых переходов. Доступная статистика по цене за лид (Cost Per Lead) и цена за клик (Cost Per Click). Использование инструментов гео-статистики делает оценку эффективности по территории удобной и полезной аналитикой. Самый известный и полезный инструмент оценки качества лидогенерации и системы продаж, позволяющий оценить уровень конверсии на каждом из этапов — воронка продаж (воронка продаж) — также реализован в удобном формате.
Для удобства организации рекламных кампаний и запуска целевого трафика на лендинг интерфейса платформы LPgenerator интегрирован Яндекс.Директ.
Таким образом стал доступен запуск любой кампании всего за несколько минут: установить ключевые слова, рассчитать бюджет, определить квоты на показы. Сквозная аналитика всегда быть в курсе событий, вовремя отключать неэффективные слова и управлять ROI компании.
Яндекс. Директ полностью интегрирован
LPGenetator — CMS платформа с обширной интеграцией внешних сервисов:
1.Службы email-маркетинга;
2. Загрузка файлов;
3. Оптимизация рекламы;
4. SMS-маркетинг;
5. CRM-системы;
6. Онлайн-чаты;
7. Системы отплаты.
Вместо заключения
LPgenerator — готовый инструмент продаж. Удобная CMR-система сделает процесс конверсии реальные продажи самого простого: ни один лид не будет упущен благодаря отправке уведомлений на электронную почту или по SMS.Звонки можно совершать прямо с компьютера через IP-телефонию LPgenerator. Для менеджеров будет удобна система контроля прозвонов заявок.
Хотите попробовать? Зарегистрируйтесь и оцените сами!
Высоких вам конверсий!
13-10-2015
.HTML-редактор шаблонов Landing Page от LPgenerator
Сегодняшний материал будет посвящен инструмента, с помощью которого создается html шаблон лэндинга в редакторе LPgenerator. В очередь эта статья ориентирована для новичков, но, возможно, и опытные пользователи нашей платформы найдут для себя полезные моменты.
Содержание
О HTML-редакторе
Инструменты редактора
Виджеты
Вместо заключения
О HTML-редакторе
Обширный функционалтора позволяет корректировать выбранные макеты, создавать «с нуля» одностраничники высокого уровня без специальных знаний в рекордно короткие сроки.
Вот несколько основных преимуществ:
- легкая настройка;
- нет необходимости в специальных навыках программирования;
- многофункциональность;
- подключение любого HTML-кода, скриптов;
- Поддержка интеграции социальных сетей, платежного терминала).
Непосредственно о функционале и инструмента мы поговорим прямо сейчас.
Назад к содержанию
Инструменты редактора
Базовые действия осуществляются с помощью стандартных элементов. Их можно найти в меню конструктора, внешне панель выглядит таким образом.
Начнем с 6-ти инструментов, используя справа, а затем будем продолжать описывать каждый.
По номерам:
1 — сохраняются все нововведения на целевой странице.
2 — дает увидеть состояние макета в конкретный момент.
3 — отменяет последнее совершенное действие.
4 — возвращает изменения после отмены.
5 — служит для группировки разных элементов лендинга.
6 — для добавления элементов применяемых в качестве фона для других элементов, объединенных в группу.
Следующая 6-ка.
7 — с его помощью можно загрузить нужные иллюстрации, ставить их как на фон, так и на первый план.
8 — очевидно, что предназначено для добавления текстового контента.
9 — элемент призыв к действию.
Здесь на готовом одностраничнике, например, «Подобрать тур».
10 — кнопка для конструирования конверсионной формы. В этом же редакторе можно выбрать количество полей, изменить их порядок, добавить нужные строчки. Есть любопытный сплит-тест на эту тему.
Все шаблоны одностраничных сайтов html с формой обратной в LPgenerator сделаны с правой связи полями.Один из примеров ниже.
11 — таким способом легко вставляется на страницу любой код (например, ссылка на Twitter или ролик на YouTube).
12 — изменяет порядок слоев элементов, выдвигая на первый план нужный объект.
И следующие 6 инструментов.
13 — по аналогии с предыдущим, позволяет сместить объект под другие.
14 — позволяет дублировать выделенный элемент (исключение составляют группы разных предметов).
15 — здесь все понятно, выбранный элемент удаляется нажатием данной кнопки.
16 — для предназначенных прописывания SEO-параметры: заголовок, описание, ключевые слова, тут же можно настроить блоки для поискотов (noindex, nofollow).
17 — позволяет связать одностраничник html с системами веб-аналитики (Яндекс.Метрика, Google Analytics), настроить CSS и другое.
18 — дает установить конверсионные действия, ожидаемые от пользователей (заполнить форму, оставить контакты, заказать расчетную стоимость).
Назад к содержанию
Виджеты
Панель выглядит таким образом.
«Таймер» — служит для добавления таймера отсчета.
Обычно такой ход применяемых в акционных и бонусных предложениях, когда нужно подстегнуть читателя, создавалось ощущение дефицита. Работает отлично, что доказано, например, сплит-тестом компании Aweber.
Вот пример, как выглядит готовый лендинг пейдж шаблон html со счетчиком.
«Поп-ап» — позволяет добавить всплывающую форму.
По этой теме можно вспомнить один из сплит-тестов, проведенный специалистами бренда De Hypotheker (консультанты по ипотечному кредитованию). Итак, они решили провести эксперимент, проверив, какое решение увеличит количество подписок.
Первая версия целевой страницы была со всплывающим окном, оно появлялось при перелистывании вниз.
Второй образец предлагался с приглашением подписки вверху страницы.
Победил первый вариант, где подписаться на рассылку приглашает во всплывающем окне. Удивительно, но конверсия в подписки сайта увеличилась на целых 757%, немыслимая цифра.
Однако, вернемся к виджетам.
«Карта» позволяет добавить элемент Яндекс.Карты или Google Map, таким образом указав адрес офиса фирмы.
Так выглядит html продающая страница в окончательном варианте с картой.
«Слайдер» — позволяет сделать отзывы или фото в форме слайдера.
Опять же, пример готового варианта. Нажатием на стрелку открывается следующий отзыв.
«Галерея» позволяет сделать составные слайды, увеличение картинок в них происходит по клику.
И сразу лендинг пейдж шаблон html 5, где наглядно демонстрируется этот элемент.
«Видео» позволяет без труда добавлять ролики, настраивать их.
Снова образец готового сайта.
«Дополнительные шрифты» — виджет, которому можно загрузить новые шрифты с Google Fonts.
Google Fonts — это коллекция шрифтов, которые многие веб-мастера используют на своих сайтах.
«Робокасса» значительно упрощает «жизнь» владельца ресурса, позволяя интегрировать платежную систему в шаблоны одностраничных сайтов html.
Назад к содержанию
Вместо заключения
Сегодня мы подробно рассмотрели функционал редактора LPgenerator, с помощью которого можно создать html шаблон целевой страницы бесплатно.Попробуйте, и вы убедитесь в простоте и широких возможностях платформы.
Высоких вам конверсий!
Источник изображения: K. James
22-10-2015
.