В защиту всплывающих окон

Опубликовано: 2020-10-06

Хорошо известно, что большинство людей не покупают у вас при первом посещении. На самом деле исследование, проведенное Episerver, показало, что « 92% потребителей впервые посещают веб-сайт бренда не для того, чтобы совершить покупку, а для того, чтобы сделать что-то другое.

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

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

Почему?

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

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

Например, наши друзья из Made.com предлагают бесплатный ваучер на 10 фунтов стерлингов в обмен на вашу электронную почту, потому что они знают, что 1) всем нравятся бесплатные деньги и 2) 10 фунтов стерлингов — это небольшая цена за постоянный контакт по электронной почте.

сделанный

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

Так что, может быть, всплывающие окна не так уж и плохи?

НЕТ, НЕТ... всплывающие окна отстой, все их ненавидят и они не работают... верно?

Разве вы не ненавидите, когда попадаете на страницу, и первое, что происходит, выглядит примерно так:

социальные триггеры, автоматическое всплывающее окно с места в карьер

Или это:

(Источник изображения)

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

В идеале, я бы хотел несколько минут, чтобы увидеть, что вы делаете, прежде чем меня заставят получить мое «БЕСПЛАТНОЕ руководство по генерации трафика», «БЕСПЛАТНУЮ ЭЛЕКТРОННУЮ КНИГУ» или прыгнуть на ваш информационный бюллетень.

Лично я ненавижу, когда такое происходит, и высокомерные формулировки типа «НЕТ, у меня достаточно трафика» и «НЕТ, СПАСИБО, я буду придерживаться своей интуиции, как увеличить свою базу подписчиков» тоже никому не помогают.

Помимо моих личных предпочтений, Мэтт Чимино из Exit Intel не согласен:

Практически всегда вопрос, хотят ли они этого в стиле «Да/Нет», почти всегда будет побеждать.

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

Конечно, есть исключения. Вот результаты чистого теста «нет, спасибо». Единственная разница в креативе заключалась в копии.

Захват электронной почты — нет, спасибо, копия Уникальные впечатления Захват электронной почты Скорость захвата
Нет, спасибо, я предпочитаю платить полную цену за свою одежду. 165 416 9928 6,00%
Я не интересуюсь. 165 625 7961 4,81%
Нет, спасибо. 165 021 7616 4,62%
Спасибо, не надо! 166 072 7433 4,48%

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

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

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

Опыт WPBeginners с использованием всплывающих окон

wp-новичок
(Источник изображения)

WP Beginner — это руководство для начинающих по WP, и в обычный день они получат 70-80 новых подписчиков благодаря различным усилиям по привлечению потенциальных клиентов со всего сайта.

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

Так что же они сделали?

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

wpbeginner, намерение выйти

Каковы результаты?

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

И они не одиноки в этом. У Брайана из Backlinko был блог по обучению SEO и созданию ссылок, который получал значительный объем трафика. Единственная проблема заключалась в том, что конверсия, прочитанная для регистрации по электронной почте, упала до рекордно низкого уровня в 1,73%.

Поэтому он отправил сообщение другу, который, как он знал, мог бы ему помочь — Ною Кагану, и он действительно помог! Он предложил использовать приложение List Builder в SumoMe — по сути, гибрид различных всплывающих плагинов, который включает в себя технологию выхода.

обратная ссылка

Помните, до использования List Builder коэффициент конверсии колебался в районе 1,7%?

Вот как выглядела статистика после двух полных дней работы:

backlinko-список-строитель

Всего за 2 дня коэффициент конверсии вырос с 2% до 4,83%.

В мире, где мы наблюдаем кейс за кейсом о росте на 100%, подъеме на 200%, подъеме на 1300%, ничтожные 3% даже не кажутся чем-то, что следует упоминать на самом деле.

Давайте копнем немного глубже и посмотрим, что на самом деле означают эти 3% для Брайана Дина и Бэклинко.

Увеличение на 3%, пффф... Ну и что?

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

Этот последний момент имеет решающее значение, случайная подача помогает сделать его среднего подписчика списка стоит 15 долларов .

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

Как я зарабатывал дополнительно 82 125 за год
Полную историю Backlinko читайте ЗДЕСЬ.

Растянутый на год , который приносит еще 82 125 долларов. Неплохо для чего-то, на настройку которого ушло 2 минуты…

Всплывающие окна влияют на показатель отказов и общий пользовательский опыт… Верно?

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

Что ребята из WPBeginner обнаружили, так это то, что их показатель отказов остался прежним, как с намерением выйти, так и без него. Так что без изменений, интересно. Та же история с Брайаном из Backlinko — показатель отказов не изменился.

Dan-Zarrella-popup-bouncerate-
(Источник изображения)

На самом деле Дэн Зарелла пришел к точно такому же выводу, проведя тесты с всплывающими окнами или без них на своей личной странице:

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

А когда дело доходит до пользовательского опыта…

…. Посетителей, кажется, это совершенно не волнует. «У нас не было абсолютно никаких жалоб пользователей», — сказали в команде WPBeginner.

Бизнеспортрет Брайан

«НИКТО не заботился о наносекундном прерывании. Форма висит на моем сайте уже почти месяц, и никто не сказал о ней ни слова». добавил Брайан из Backlinko.

И когда вы думаете об этом, это действительно имеет смысл. Да, неприятно видеть что-то подобное, когда я перехожу с Facebook на Mashable.com:

всплывающее окно

Если я действительно умный, я могу использовать всплывающие окна для улучшения UX, как это делает Веро. Когда вы остаетесь на их целевой странице более 30 секунд и не предпринимаете никаких действий, в правом углу окна вашего браузера появляется всплывающее окно с вопросом: «Что мешает вам зарегистрироваться в Vero на данный момент?»

Веро-вопрос-всплывающее окно
(Источник изображения)

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

Скриншот_3_13_13_3_35_PM

Это позволило Гаррету еще больше соответствовать намерениям пользователя и привело к тому, что он удвоил коэффициент конверсии.

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

Как испортить UX всплывающими окнами

Evergage-скриншот
(Источник изображения)

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

Я уже собирался покинуть их сайт и БАМ! Кто-нибудь может сказать мне, что только что произошло? Похоже, их разработчики испортили свой сайт — кнопка призыва к действию в середине страницы. Что тут происходит?

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

Забавная вещь об EverGage заключается в том, что это всплывающее окно появилось в статье, в которой говорится о том, чтобы сделать всплывающие окна четко видимыми. Забавные люди, эти ребята из EverGage…

Если вы не сделаете всплывающее окно четко видимым на остальной части страницы, это испортит взаимодействие с пользователем — вот так просто.

Я был неправ, и это нормально

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

Как заставить всплывающие окна работать на вас

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

В целом их можно разделить на две большие группы:

  • Большие накладки
  • Пользователь прокручивает триггерные всплывающие окна

Большие накладки

шпионское всплывающее окно
(Источник изображения)

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

Дэн Зарелла всплывающее окно
(Источник изображения)

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

Пользователь прокручивает триггерные всплывающие окна

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

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

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

convertxl-scroll-всплывающее окно

Когда вы прочтете примерно половину статьи, она будет выглядеть так:

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

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

Вовлеченность Google Analytics

Для нас это было бы где-то около отметки 60 секунд.

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

Что должно быть написано на кнопке?

okdork.com-ноа-каган-всплывающее окно
(Источник изображения)

Данные от AppSumo (создатели SumoMe) и eConsultancy показывают, что заголовки, ориентированные на выгоду, и тексты кнопок лучше всего подходят для того, чтобы заставить людей действовать в ваших всплывающих окнах:

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

Есть ли лучшее время для отображения всплывающих окон?

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

как скоро-показать-всплывающее-appsumo

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

КоторыйТестВыиграл
(Источник изображения)

Когда WhatTestWon начал экспериментировать   с оверлеями, которые они тестировали, показывая это через 15, 30 и 45 секунд после того, как посетитель приземлился . В их тестировании победителем стали 15 секунд , которые превзошли 30 секунд на 11%, которые превзошли 45 секунд на 50%.

И если бы они протестировали, показав это, еще раньше, они бы увидели еще лучшие результаты – верно???

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

Как и почти ВСЁ в CRO — ничто не заменит тестирование вашего продукта/услуги на ваших посетителях.

Unbounce говорит, что лучшее время - 60 секунд, поэтому я должен использовать то же самое? Нет.

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

Их данные могут работать на вас, скорее всего, нет. Проверь это.

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

Дэн Зарелла сделал это и обнаружил, что отсутствие запуска оверлея стоило ему половины подписки на электронную почту:

показатель отказов сабы-дан-заррелла
(Источник изображения)

Сколько раз в день/месяц я должен показывать всплывающие окна?

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

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

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

сумомэ-время-прежде-показ-всплывающее-снова

Почти конец — опции программного обеспечения для запуска ваших всплывающих окон

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

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

Когда дело доходит до бесплатных опций, SumoMe великолепен.

  • SumoMe от AppSumo

На платной стороне у вас немного больше выбора:

  • BounceExchange
  • Выход из разведки
  • Пикрил
  • Процветать
  • Омниконвертировать
  • ВыходМонитор
  • OptInMonster
  • Всплывающие окна

Вывод

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

Еще один интересный момент — чем больше механизмов перехвата электронной почты, тем лучше. У нас уже были статические формы и блоки, запускаемые прокруткой. Когда мы добавили всплывающие окна, мы получили +30%. Это безумие, я знаю.

Они работают на каждом сайте? Конечно нет. Проведите собственное тестирование.