Как использовать всплывающие окна: набор лучших практик для всплывающих окон

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

К сожалению, подобные кампании создали всплывающим окнам дурную славу.

Однако, следуя рекомендациям, вы можете создавать всплывающие окна, которые отображаются в нужное время, и результаты будут говорить сами за себя. Вот два примера реальных результатов от Digital Marketer и BootCuffSocks.com.

Digital Marketer создал пять различных всплывающих окон, рекламирующих свои лид-магниты. Благодаря этим кампаниям они смогли привлечь дополнительно 2689 лидов всего за 2 недели. Они также снизили показатель отказов на 13% и увеличили среднее время пребывания на сайте на 54%.

BootCuffsSocks.com создал две разные кампании всплывающих окон: одну для увеличения немедленных покупок, а другую для снижения процента отказов от корзины. Они смогли создать 601 новую транзакцию всего за 3 месяца и снизить процент отказа от корзины более чем на 17%.

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

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

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

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

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

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

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

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

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

1. Выход-намерение

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

2. По времени

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

3. На основе прокрутки

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

4. На основе кликов

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

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

1. Увеличьте продажи

Превращение большего количества посетителей в клиентов и увеличение доходов — цель номер один для всех веб-сайтов.

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

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

2. Создайте свой список адресов электронной почты

Многие посетители не готовы покупать сразу, и это нормально.

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

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

3. Уменьшите количество отказов от корзины

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

Это много!

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

4. Допродажи и перекрестные продажи

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

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

5. Улучшить качество обслуживания клиентов

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

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

1. Не используйте всплывающие окна для входа

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

2. Сегментируйте своих посетителей

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

Вот лучшие способы сегментации посетителей:

• Таргетинг на основе вовлеченности — используйте несколько переменных для определения уровня вовлеченности, например новых или вернувшихся посетителей, количества просмотренных страниц, времени, проведенного на каждой странице, посещали ли они определенные подстраницы и т. д.
• Геотаргетинг — создавайте разные сообщения для всех целевых стран .
• Источник трафика — сегментируйте посетителей на основе того, приходят ли они из Facebook, Google, вашей рассылки и других целевых источников.
• Стоимость корзины и содержимое корзины — это отличная возможность для рекомендации продукта.
• На основе кампаний — отображать всплывающие окна на основе кампаний , которые посетители уже видели.
• Исключить посетителей — сегментировать тех, кто ранее подписался.
• Пользовательские переменные — создавайте еще более персонализированные сообщения. С помощью этой сегментации вы даже можете благодарить людей по имени, когда они регистрируются.

3. Не сообщайте всем одно и то же

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

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

4. Сосредоточьтесь только на одной цели

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

5. Меньше значит больше

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

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

6. Следуйте минималистскому подходу в дизайне

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

Это отличный пример простого, ясного и минималистского дизайна.

7. Регулярно обновляйте свои кампании

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

Узнайте, как этот интернет-магазин фокусируется на смене сезонов и праздников, а также на последних новостях и событиях. Вот кампания, которую они создали для Хэллоуина.

А вот еще один, который они создали для продвижения своих сделок в Черную пятницу / Киберпонедельник.

Бонус

Ищете больше идей для своих кампаний? Вот более 65 примеров, которые вдохновят вас при создании всплывающих окон. Нажмите здесь и наслаждайтесь!

Вывод

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

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

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

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

Что вы думаете о всплывающих окнах? Вы использовали их раньше? Дайте нам знать об этом в комментариях! 🙂