15 лучших практик всплывающих окон для увеличения конверсии [2022]

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

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

В этом посте вы узнаете об этих лучших методах работы с всплывающими окнами:

• Учитывайте потребности вашей аудитории
• Определите четкие цели
• Выберите лучший формат
• Создавайте удобные всплывающие окна
• Сделайте дизайн всплывающего окна соответствующим вашему веб-сайту
• Сделайте кнопку CTA заметной
• Напишите короткую и приятную копию
• Сделайте всплывающие окна ценными
• Используйте оригинальные визуальные эффекты
• Сделайте всплывающие окна удобными для мобильных устройств
• Геймифицируйте опыт
• Добавьте обратный отсчет, чтобы побудить к действию
• Разрешить пользователям легко закрывать всплывающие окна
• Используйте таргетинг кампании
• Протестируйте свои всплывающие кампании

1. Учитывайте потребности вашей аудитории

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

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

Исследования электронной коммерции показывают, что это главные мотиваторы для покупателей, совершающих покупку: бесплатная доставка (51%), купоны и скидки (39,6%) и отзывы покупателей (31,8%).

Предположим, что то же самое относится и к вашим посетителям.

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

Вот пример использования этого всплывающего окна в действии:

Marks & Spencer предлагает покупателям бесплатную доставку с помощью этого ненавязчивого всплывающего окна.

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

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

2. Определите четкие цели

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

Общие цели для всплывающих окон включают в себя:

• Увеличивать объем продаж
• Направляйте трафик на определенные страницы сайта
• Восстановление брошенных корзин
• Распространяйте информацию о распродажах и специальных предложениях
• Увеличение участия в программе лояльности
• Конвертируйте вернувшихся посетителей

Рассмотрим несколько примеров.

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

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

• Сосредоточьте текст на главной выгоде
• Добавьте электронную почту для регистрации, чтобы получить скидку

Эта всплывающая кампания по электронной почте от Fum иллюстрирует эту практику.

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

Другой пример-

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

• Упомяните важные детали продажи
• Дайте ссылку на продажу
• Разместите рекламную кампанию на видном месте

Это именно то, что сделала Willow & Hall с превосходным дизайном всплывающих окон.

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

3. Выберите лучший формат всплывающего окна

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

Вот распространенные типы всплывающих окон:

• Встраивает
• Бары сайта
• Видео всплывающие окна
• Мобильные всплывающие окна
• Вставные всплывающие окна
• Полноэкранные всплывающие окна
• Spin-to-win (всплывающие окна колеса)
• Всплывающие окна посередине экрана

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

Советы по выбору всплывающих окон:

• Панели веб-сайтов отлично подходят для обмена объявлениями
• Мобильные всплывающие окна лучше всего отображать для мобильных посетителей
• Всплывающие окна Spin-the-wheel предназначены для конкурсов и розыгрышей.
• Встраивания лучше всего подходят, если вы хотите добавить всплывающие окна к содержимому вашего сайта.
• Полноэкранные и средние всплывающие окна отлично подходят для привлечения полного внимания посетителей.

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

4. Создавайте удобные всплывающие окна

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

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

Вот лишь некоторые из многих вариантов отображения, с которыми вы можете поэкспериментировать:

• Местоположение . Вы можете настроить таргетинг или исключить посетителей из определенной страны, региона или города, что полезно для локальных кампаний.
• Стоимость корзины . Если стоимость корзины посетителя меньше 100 долларов, вы можете создать всплывающее окно с предложением бесплатной доставки, чтобы побудить их достичь порога.
• Новые или постоянные посетители . Всплывающие окна могут «распознавать», является ли посетитель новым или возвращающимся, и отображать для них специальную кампанию, например, скидку для новичков.
• Посетитель добавляет товар в корзину и собирается уйти . Это всплывающее окно для отказа от корзины, предназначенное для напоминания и/или стимулирования клиентов к совершению покупки.
• Посетитель посещает товар, которого нет в наличии . Вы можете предложить этому посетителю получить уведомление, когда товар снова станет доступным.

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

5. Сделайте дизайн всплывающего окна соответствующим вашему веб-сайту

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

Эти передовые методы всплывающих окон включают в себя:

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

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

Вот пример —

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

6. Выделите всплывающее окно с призывом к действию

Кнопка призыва к действию (CTA) имеет решающее значение для конверсии. Привлекательный и заметный призыв к действию дает вам наилучшие шансы на достижение ваших целей, поэтому важно сделать это правильно.

Рекомендации по всплывающим окнам для CTA включают:

• Используйте контрастный цвет
• Пишите динамичный текст
• Используйте язык от первого лица
• Упомяните выгоду для клиентов

Этот пример CTA является отличной иллюстрацией этих практик. Кнопка выделяется контрастным цветом и подчеркивает преимущество (попробовать инструмент бесплатно).

Еще один пример—

Кампания ниже иллюстрирует, как использовать язык от первого лица.

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

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

7. Пишите коротко и красиво

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

Один из способов сделать это — следовать следующим рекомендациям по копирайтингу:

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

Вот как компании применяют эти полезные советы.

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

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

Эта кампания Honey Pot, например, является прекрасным примером всплывающих окон, вдохновленных игривым характером бренда. Кроме того, обратите внимание, как коротко и мило это!

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

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

Итог: лучшая копия всплывающего окна — та, которая конвертирует. Начните с лучших практик всплывающих окон, проведите небольшое тестирование и выберите то, что работает лучше всего.

8. Сделайте всплывающие окна ценными

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

• Скидки
• Бесплатная доставка
• Качественный контент
• Приглашение в программу лояльности
• Быстрый доступ к страницам с распродажами

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

Давайте посмотрим на некоторые примеры.

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

Следующий пример всплывающего окна от Aurate New York также удивителен.

Хотя целью всплывающего окна является получение подписки на новостную рассылку, оно предлагает нам «поделиться золотом», что означает получение 15% скидки для двух человек. Использование слова «золото» здесь очень креативно и уместно, поскольку Aurate — это ювелирный магазин.

Итак, итог: используйте креативный копирайтинг, чтобы уникально представлять ценность для клиентов. Это отличный способ увеличить вовлеченность и конверсию.

9. Используйте оригинальные визуальные эффекты

Эмпирическое правило в маркетинге гласит, что мы должны использовать оригинальные изображения, потому что стоковые фотографии подрывают доверие. То же самое относится и к попап-кампаниям: оригинальные визуальные эффекты делают ваш бренд более аутентичным и уникальным.

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

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

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

10. Сделайте всплывающие окна удобными для мобильных устройств

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

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

Разработка мобильных всплывающих окон, которые генерируют конверсии и соответствуют рекомендациям Google, означает соблюдение некоторых рекомендаций для мобильных всплывающих окон. Прочтите их в этом руководстве: Как создавать мобильные всплывающие окна, которые конвертируют (и не вредят SEO) .

11. Геймифицируйте опыт

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

И угадайте, что-

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

Доказательство:

Faguo проводит бесплатную кампанию с этим всплывающим окном. Правила просты: введите свои данные и вращайте колесо, чтобы получить шанс выиграть пару кроссовок. Результаты: 5000+ потенциальных клиентов каждый месяц .

Коэффициент конверсии этой конкретной кампании составляет колоссальные 17,5%, что означает 48 146 новых лидов в месяц. Геймификация — одна из причин такого успеха, наряду с ценным призом.

Хотите попробовать всплывающее окно с колесом на своем веб-сайте? Попробуйте Wisepops бесплатно . Этот конструктор всплывающих окон имеет рейтинг 4,9 на Shopify и подтвержденный опыт привлечения потенциальных клиентов и продаж с помощью всплывающих окон с колесиками (в том числе от этого счастливого владельца ниже).

12. Добавьте обратный отсчет, чтобы побудить к действию

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

С помощью Wisepops вы можете добавить два типа обратного отсчета (по дате и по времени), вставив одну строку текста в редактор кампании.

Пример всплывающей кампании на основе даты:

13. Разрешить посетителям легко закрывать всплывающие окна

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

Лучшие методы всплывающих окон, чтобы сделать это возможным, включают:

• Разместите их на контрастном фоне.
• Не делайте кнопки закрытия слишком маленькими
• Подумайте о разных местах размещения (левый или правый нижний угол), чтобы обеспечить видимость.

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

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

14. Используйте таргетинг кампании

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

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

В Wisepops настроить параметры таргетинга очень просто. Просто сделайте выбор из доступных вариантов или создайте собственное событие в редакторе кампании.

15. Тестируйте свои кампании

Мы несколько раз упоминали A/B-тестирование, но мы действительно не можем переоценить важность этой передовой практики всплывающих окон. Дело в том, что даже небольшое изменение может иметь значение, поэтому необходимо протестировать дизайн всплывающих окон, чтобы найти наиболее эффективные версии.

Вот доказательство: бренд одежды Asphalte протестировал две всплывающие кампании и увеличил CTR с 15% до 25%. Это помогло генерировать более 4000 новых потенциальных клиентов каждый месяц.

Рекомендации по использованию всплывающих окон: сводка

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

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

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