Как сделать Landing Page: сервисы генерации посадочных страниц + плагины WordPress

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

Зачем делать лендинг самостоятельно?

Давеча довелось мне прорабатывать лендинг на один из новых проектов. Заказывал у фрилансеров, получилось «средненько» (больше внимания на арт, нежели на генерацию лидов). В конце концов — дело не хитрое (если речь о простом сборе контактов), решил повозиться сам.

Выбор оказался меж сервисами, готовыми шаблонами и плагинами для WordPress. Ниже немного субъективизма.

Готовые шаблоны — удобно, одноразовая оплата за шаблон или бесплатно. Полный контроль — тестируй, задействую любимые средства аналитики. Минусы — всё надо делать руками в блокноте. Это не проблема.

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

Плагины к WordPress — пожалуй лучший вариант: много работы с кодом автоматизировано, в то же время есть возможность поправить руками нужные моменты, добавить свои шаблоны и средства аналитики (знаю, знаю у многих сервисов это тоже есть), подключить дополнительные скрипты. Плюс можно выкинуть всё лишнее и оставить только необходимый функционал. Оплата — одноразовая за плагин или бесплатные решения, коих очень много. Менее удобно делать A/B тесты.

И конечно, элементарное решение: берём пример из http://getbootstrap.com, ставим свою форму и коды аналитики.

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

Сервисы генерации посадочных страниц

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

Тильда https://tilda.cc/ru/

Собираем сайт, страницу из блоков (более 350). Акцент на удобной подач контента.Помимо посадочных страниц, удобно делать просто лонгриды с красивым оформлением, магазины. Очень достойное и красивое решение.

LPage https://lpg.tf

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

Q-page http://q-page.ru

Понравился редактор.

ВАША СТРАНИЦА ЗА 15 МИНУТ БЕЗ ТРАТ НА ПРОГРАММИСТА И ДИЗАЙНЕРА

Weebly http://www.weebly.com

Здесь можно сделать и лэндинг, и простой онлайн магазин.

Landingi http://landingi.ru

Внутри простая CRM-система для хранения собранных контактных данных.

Платформа LP http://platformalp.ru

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

Leadkit http://leadkit.ru

Статистика, CRM, Мультилендинг — динамические переменные для вашего лендинга с помощью которых вы можете показывать посетителю именно то что он искал. Функция «Не уходи!» — пытаемся взять у уходящего со страницы пользователя контактные данные, либо как-то заинтересовать.

LPgenerator http://lpgenerator.ru

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

Borstch http://borstch.com

Крутое название. Автоматическая оптимизация конверсии с помощью сплит-тестирования(А/Б тестирования) для любых уровней источника трафика: для каждого объявления, таргетинга, площадки и тд. Возможность показывать индивидуальные релевантные заголовки для каждого объявления на одном лендинге.

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

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

WordPress плагины для Landing Pages

WordPress Landing Pages https://wordpress.org/plugins/landing-pages/

Может подключаться к плагинам статистики + есть всяческие всплывающие окна и т.п.

Responsive Maintenance Pro With Countdown https://wordpress.org/plugins/responsive-admin-maintenance-pro/

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

Free Landing Pages Builder https://wordpress.org/plugins/landing-pages-builder/

Здесь есть встроенная статистика

Ultimate Landing Page and Coming Soon Page https://wordpress.org/plugins/ultimate-landing-page-and-coming-soon-page/

Landing Page https://wordpress.org/plugins/ultimate-landing-page/

Бедный шаблонами, но весьма удобный плагин.

WP Landing Page https://wordpress.org/plugins/wp-landing-page/

О создании Лэндингов

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

Маркетолог: Зачем нужен лендинг? Это часть  воронки, которая помогает продавать в интернете. У лендинга нет задачи быть красивым, напичканым последними технологиями. У него лишь одна задача — продавать.

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

Советы по созданию посадочных страниц

Собиралось у разных специалистов, очищалось от лишнего текста.

1. Фокусируйтесь на одной цели — в заголовках, в формах и т.д. Одна цель, один призыв к действию.
2. Цель должна быть понятной. Ваш посетитель должен понять, что от него хотят не более чем за 5 секунд.
3. Понятно ли, что вы за компания и чем занимаетесь? (Логотип и слоган)
4. К заголовку добавьте дополнительное более пространное объяснение.
5. Добавьте списки преимуществ и выгод для пользователей. Причём упор стоит делать на выгодах.
6. Фото или видео с продуктом или с аудиторией.
7. Уберите все лишние ссылки и лишнюю информацию. Помните — наша цель заставить совершить действие.
8. Запрашивайте в формах только нужную информацию (дополнительно: идеальная форма регистрации). Выделяйте кнопку действия.
9. Дайте отзывы пользователей. Используйте социальные доказательства, например, количество подписчиков.
10. Лэндиг должен быть адаптивным.
11. Выделяйте призыв к действию, выделяйте форму подписки, сбора контактов (если цель в этом).
12. Выражайтесь четко. Конкретно говорите пользователю, что именно он должен сделать и что будет потом.
13. Заголовок должен задержать пользователя и заставит читать дальше.
14. Используйте аналитику, тестируйте разные варианты элементов лэндинга: кнопок, форм, шаблонов, заголовков и т.д.
15. Развейте сомнения пользователя.

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

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

Тестируйте

Обязательно тестируйте различные элементы дизайна. В своё время из Гугла уволился дизайнер из-за того что ему пришлось тестировать 4 десятка оттенков синего для ссылки, а потом ещё и обосновывать выбор ширины границ блоков (в пикселах). Для творческого человека есть занятия и поинтереснее, но для масштаба Гугла, оттенки синего это на секунду — около +- $200 млн в год в виде дохода от рекламы. Согласитесь, ради этого можно потестировать, пусть у вас и масштабы не Гугловские.

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

Провести A/B тестирование очень просто:

1. Определите цели и метрики.
2. Разработайте гипотезу и материалы для теста.
3. Проведите тестирование.
4. Проанализируйте результаты.

В помощь — сервис от Гугла: https://optimize.google.com/