Наверняка, если вы в теме, то уже читали немало статей на эту тему. Я только что открыл гугл и ввел запрос: “приемы для увеличения конверсии лендинга”. Открыл и просмотрел все ссылки с первых двух страниц выдачи. Везде одни и те же советы:
- Делайте хорошие заголовки
- Добавляйте качественные изображения
- Уберите лишние поля с формы
- Сделайте лендинг адаптивным
- Собирайте и размещайте отзывы
- и т.п., тысячи их ©
Советы безусловно полезные, но я хочу зайти немного с другой стороны и рассказать о некоторых (возможно не совсем честных) технических приемах из арсенала арбитражников. Каждый прием я сопровожу примером, кодом и объяснением где и как использовать. Поехали…
1. Автоматическая подстановка текущей даты посетителя
Тривиальный прием, но тем не менее ему есть применение.
Прием чаще используют на транзитных страницах (они же прелендинги или прокладки).
Прелендинг - это веб-страница, внешне имитирующая популярный новостной ресурс, журнал или блог известного (или нет) человека.
Пример 1 - http://shopmaybay.ru/spotcleaner-nn-p2/
Пример 2 - http://shopmaybay.ru/spotcleaner-nn-p1/
*Прокладки из примеров работают на момент публикации статьи. Если они у вас сейчас не открываются - сообщите пожалуйста в комментариях, заменю на актуальные.
Задача прелендинга - подогреть или возбудить интерес посетителя к рекламируемому (чаще всего в тизерных сетях) товару какой-нибудь убедительной историей и заставить его перейти на лендинг.
Текущую дату посетителя на таких прокладках можно подставлять, например вместо даты публикации новости, статьи или комментариев, показывая, что материал актуальный, трендовый и его продажи идут полным ходом прямо сейчас.
На лендинге же можно попробовать подставлять дату в отзывы.
2. Автоматическая подстановка месторасположения посетителя
Этот хак похож на первый. Вместо текущей даты подставляем город.
Сценарий использования тот же. На лендинге подставляем текущий город в некоторые отзывы, показывая посетителю, что товар/услугу заказывают его земляки, быстро получают, пользуются, остаются довольны.
3. Уведомление о быстрой доставке
Используя уже известный нам прием определения местоположения посетителя, покажем ему на лендинге всплывающее уведомление о том, что в его город действует быстрая доставка (что бы это не значило).
Уведомление о быстрой доставке
4. Панель с информацией о количестве посетителей и покупок
Убеждаем потенциального клиента в том, что сайт у нас популярный, люди ему верят, приходят, заказывают. Вот так эта панель выглядит на лендингах партнерских программ:
Панель с количеством посетителей и заказов
Если обновить страницу, то цифры меняются:
Панель с количеством посетителей и заказов после обновления страницы
На сайт за пару секунд пришло сразу 822 человека, но из них сейчас онлайн только 111 и при всём при этом, количество заказов за день уменьшилось на 32. Не очень-то убедительно, согласны?
Я сделал цифры немного более реальными. Количество посетителей привязано ко времени суток и рассчитывается исходя из показателя среднего количества новых пользователей в минуту. Этот показатель, в свою очередь, меняется изо дня в день. Например, сегодня он равен 1.2, завтра 1.4, через пару дней 1.8, затем 1.6 и т.д.
Количество заказов зависит от количества посетителей и средней конверсии, которая тоже меняется с каждым днем.
var now = new Date();
var day = now.getDate();
var visitorsPerMinute = ((day % 4) + 6) / 5;
var conversionRate = ((day % 3) + 5) / 100;Ну и для вычисления количества посетителей онлайн тоже используется немного математики. Суть - цифры в панели выглядят правдоподобно, зависят друг от друга, меняются с течением времени и не скачут между обновлениями страницы.
5. Уведомления о новых заказах
Этот прием, как и предыдущий, использует свойственный людям стадный инстинкт в наших целях. С определенной периодичностью в правом верхнем углу на лендинге появляется уведомление о том, что кто-то сделал у нас заказ.
Вот так это уведомление выглядит в партнерках:
Фальшивое уведомление о заказе
Задумка интересная, но у реализации есть некоторые минусы:
- Вроде бы сейчас некоторые партнерки это исправили, но раньше, зайдя на любой лендинг, вы могли наблюдать уведомление о том, что некая Кира Зубарева сделала заказ. И так на каждом лендинге. Везде Кира Зубарева. Решение - имя, фамилию и город будем будем выбирать случайным образом, чтобы исключить повторы.
- Уведомление показывается всегда с одинаковым интервалом в 30 секунд. На самом деле, вряд ли кто-то из обычных посетителей это заметит, но я всё же решил и этот элемент рандомизировать. Решение: первое наше уведомление будет показываться через 10 секунд после перехода на лендинг, остальные со случайными интервалами в промежутке от 30 до 90 секунд.
- Текст уведомления не очень информативен. Я предлагаю показывать еще и состав заказа. Таким образом, если на лендинге продаются несколько товаров или услуг, мы сможем сделать акцент на самых выгодных для нас и в уведомлениях показывать эти товары чаще остальных.
Кроме этого, думаю будет круто поселить некоторых фальшивых покупателей из уведомлений в том же городе, из которого наш посетитель просматривает сайт. Благо, это делать мы уже умеем.
Я сейчас пишу эти строки, находясь в Минске и вот как в итоге у меня выглядит уведомление:
Еще одно фальшивое уведомление о заказе
При желании можно развить идею: рядом с ценой писать количество товара, якобы оставшегося на складе и при каждом появлении уведомления уменьшать это количество, создавая эффект дефицита.
6. Промокоды
Идея в том, чтобы в рекламных материалах (например постах в соцсетях) или на прелендингах использовать такой посыл: “Девочки, у меня есть промокод на скидку 100500% в этом магазине. Действует до завтра. Заходите, вводите, покупайте за копейки”.
Ну или что-то похожее. А на лендинге мы указываем заведомо большую цену и добавляем поле для ввода промокода. Если промокод верный, цена на глазах посетителя значительно уменьшается.
Разумно будет сделать под такую рекламу отдельный от основного лендинг.
7. Exit Intent Popup
Вещь, уже ставшая стандартной. Всплывающее окно при перемещении курсора за пределы экрана.
8. Переназначение кнопки Назад
Эта штука не влияет на конверсию вашего одностраничника, но она может помочь вам монетизировать тех посетителей, которых не заинтересовало предложение.
При нажатии на кнопку Назад пользователь перейдет не на страницу, на которой был до того как перешел к вам на сайт, а на нужный вам URL. Например, в качестве такого URL можно указать вашу партнерскую ссылку на какой-нибудь смежный продукт.
9. Подмена страницы при клике по ссылке
Штука очень полезная для тех, кто льет трафик через прелендинг. При переходе с прелендинга на лендинг, тот открывается в новой вкладке, а на месте прелендинга загружается нужный вам URL, который, как и в предыдущем приеме может вести на партнерский продукт или на витрину из таких продуктов.
Практика
Давайте применим полученные знания на практике.
В нише торговли недорогими товарами через одностраничники довольно популярной практикой является копирование этих одностраничников друг у друга. Кто-то называет это воровством, но мы не будем мучиться вопросом морали.
Заходим на fl.ru , в поиске вбиваем “скопировать” и открываем один из многих заказов на копирование (или всё же воровство?) сайта:
Заказ на копирование лендинга на fl.ru
Забавно, но скачав wget’ом этот лендинг и заглянув в код я увидел следующую строку:
<!-- Mirrored from funvezun.ru/city-bag/1/assets/fonts/opensansbold-webfont.htm by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Aug 2017 12:32:02 GMT -->То есть, лендинг был скопирован с вот этого: http://funvezun.ru/city-bag/1
Как я и говорил, это нормальная ситуация =)
Я решил не подделывать подделку, а обратиться к оригиналу. Скачал сайт, удалил с него все счетчики посещаемости, все скрипты, отключил jQuery (он нам не понадобится), добавил favicon. Подключил некоторые из вышеописанных хаков:
- Подстановка города посетителя в первый и пятый отзыв
- Уведомление о возможной быстрой доставке
- Фальшивые уведомления о заказах
- Промокоды
- Exit Intent Popup с предложением спиннера в подарок и таймером обратного отсчета
- Переназначение кнопки назад на Aliexpress =)
Кроме этого, добавил простую защиту от ботов с помощью скрытого поля формы заказа. Это поле будут видеть только боты, соответственно, если на бэкенд пришла заявка с заполненным скрытым полем, бэкенд считает что это бот не обрабатывает заявку.
Код обработки форм здесь.
> Читайте также: Отправка форм на почту и в Telegram
Также, я недавно наткнулся на интересную и полезную штуку - систему управления статическим сайтом Textolite. Позволяет редактировать текст и картинки на лендинге прямо из браузера в визуальном редакторе. А переключив Textolite в режим просмотра html, можно править и код.
Правка лендинга в Textolite
Скопированный сайт можно посмотреть
тут.
А здесь его исходник.
Имейте в виду, что отправка форм в примере не работает, для нее нужен php хостинг.
Чтобы не пропустить следующий пост на тему лендингов, автоматизации, оптимизации конверсии подпишитесь на обновления блога.
