всплывающие окна — Envybox блог https://envybox.io/blog Блог от компании Envybox об интернет-маркетинге, продажах и бизнесе Thu, 27 Mar 2025 09:47:31 +0000 ru-RU hourly 1 Как увеличить партнерские продажи в 2 раза https://envybox.io/blog/kak-uvelichit-partnerskie-prodazhi-v-2-raza-s-pomoshhju-vsplyvajushhih-okon/ https://envybox.io/blog/kak-uvelichit-partnerskie-prodazhi-v-2-raza-s-pomoshhju-vsplyvajushhih-okon/#respond Fri, 05 Aug 2022 13:58:48 +0000 https://envybox.io/blog/?p=13554 C помощью всплывающих окон

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

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

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

MyLead партнерская программа

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

Что такое Pop-трафик?

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

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

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

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

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

Повторное привлечение онлайн-покупателей (ретаргетинг) – ценный инструмент онлайн-маркетинга, который дает реальные результаты. Бренды могут создавать полностью настраиваемые и точно нацеленные всплывающие окна с намерением выхода на своих сайтах, чтобы повторно привлекать онлайн-покупателей, которые взаимодействовали с их партнерскими продуктами по партнерской ссылке. 

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

Пример всплывающего окна

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

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

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

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

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

Всплывающие окна с отложенным показом

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

Всплывающие окна с отложенным показом

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

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

Плюсы и минусы всплывающих окон

Плюсы

  1. Стоимость: внедрение эффективных всплывающих окон, которые конвертируют посетителей в клиентов, обычно можно реализовать за разумную и доступную плату.
  2. Видимость: всплывающие окна, как правило, трудно пропустить. Их видимость – это то, что делает их привлекательным маркетинговым инструментом среди других;
  3. Рост конверсии: при грамотном использовании всплывающих окон данный виджет может увеличить конверсию сайта минимум в 2 раза.

Минусы

  1. Виджет может раздражать посетителей сайта: всплывающие окна приносят больше вреда, чем пользы для компаний, стремящихся увеличить свой партнерский доход, когда они используются без стратегии;
  2. Блокировщики всплывающих окон: некоторые пользователи могут использовать стороннее программное обеспечение для блокировки всплывающих окон и расширения браузера.
  3. Спам: при неправильном массовом использовании всплывающие окна могут быстро превратиться в инструмент спам-маркетинга с нулевой ценностью для вашей аудитории. Верным помощником здесь выступает виджет Captcha локер – который позволяет получать монетизацию от контента так, чтобы не спамить рекламой свой сайт. Также этот инструмент приносит высокие конверсии, потому что пользователи имеют большую мотивацию выполнить целевое действие.

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

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

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

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

Зарабатывать и монетизировать свой сайт можно с помощью простого и полезного виджета — Captcha локер, который можно найти и установить бесплатно на сайте MyLead

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

]]>
https://envybox.io/blog/kak-uvelichit-partnerskie-prodazhi-v-2-raza-s-pomoshhju-vsplyvajushhih-okon/feed/ 0
Всплывающие окна: как увеличить продажи через сайт https://envybox.io/blog/vsplyvajushhie-okna-kak-uvelichit-prodazhi-cherez-sajt/ https://envybox.io/blog/vsplyvajushhie-okna-kak-uvelichit-prodazhi-cherez-sajt/#respond Wed, 25 May 2022 15:58:11 +0000 https://envybox.io/blog/?p=12772 Всплывающие окна действительно работают: рассказываем, как сделать их эффективными и увеличить продажи!

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

Средний коэффициент конверсии для всплывающих окон составляет 3,09%, а для наиболее эффективных всплывающих окон (со скидкой, таймером и привлекающим внимание дизайном) – 9,28%, что впечатляет по сравнению с другими формами побуждения к покупке.

Как увеличить продажи через сайт

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

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

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

Всплывающие окна на сайте

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

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

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

Как всплывающие окна работают на вашей аудитории

Как всплывающие окна работают на вашей аудитории

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

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

Как сделать всплывающие окна эффективными: 3 рекомендации

Как сделать всплывающие окна эффективными: 3 рекомендации

Выделим три совета, которые наиболее актуальны при разработке всплывающих окон для онлайн-торговых платформ:

Правило №1: Создание ценности

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

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

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

  1. Персонализированные рекомендации по продукту;
  2. Полезный бесплатный контент в виде чек-листов или презентаций;
  3. Сбор отзывов (не более одного вопроса);
  4. Сбор адресов электронной почты, чтобы с помощью рассылок сообщать пользователям, когда продукт, который они ищут, появится снова в наличии.

Генератор клиентов от Энвибокс

Правило №2: Точно сформулируйте свое предложение

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

Правило №3: Сопоставьте всплывающие окна с вашим брендом

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

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

Всплывающие окна для сайта

3 преимущества использования всплывающих окон

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

Преимущество № 1: привлечение внимание пользователя

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

Таким образом, вы гарантированно донесете свое выгодное предложение, и если оно будет содержать скидку с таймером, пользователи могут действительно совершить целевое действие.

Преимущество № 2: всплывающие окна помогают пользователям сосредоточиться на одном важном сообщении

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

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

Преимущества всплывающих окон

Преимущество №3: всплывающие окна влияют на принятие решений и рост конверсии

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

Всплывающие окна от Энвибокс

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

  1. Направление пользователей к важным сообщениям;
  2. Управление конверсиями;
  3. Предоставление посетителям дополнительного побуждения к совершению покупки;
  4. Реализация возможности захватить внимание пользователей.

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

Виджет Envybox «Генератор клиентов» — это всплывающее окно с акцией, таймером и формой захвата, которое в 2,4 раза гарантированно увеличивает число заявок с сайта.

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

]]>
https://envybox.io/blog/vsplyvajushhie-okna-kak-uvelichit-prodazhi-cherez-sajt/feed/ 0
Всплывающие окна: непредсказуемое зло или эффективный инструмент для привлечения клиентов? https://envybox.io/blog/vsplyvajushhie-okna-nepredskazuemoe-zlo-ili-instrument/ https://envybox.io/blog/vsplyvajushhie-okna-nepredskazuemoe-zlo-ili-instrument/#respond Mon, 04 Apr 2022 14:22:06 +0000 https://envybox.io/blog/?p=12122 Всплывающие окна или «pop-up» — это двусторонний маркетинговый инструмент, который обеспечит приток клиентов с Вашего сайта или интернет-магазина и увеличит конверсию до 30%!

Достоинства и недостатки технологии:

Плюсы всплывающих окон

    • Главное преимущество инструмента pop-up — его внезапность, так как он непредсказуемо появляется поверх основной страницы сайта, оставляя пользователю два варианта действий — кликнуть на ссылку окна или закрыть его,
    • Кроме того, всплывающие окна увеличивают заинтересованность посетителей сайта. А если pop-up содержит выгодное предложение или полезные для посетителя сведения, с большой вероятностью окно подтолкнет к совершению целевого действия,
  • Сервисы всплывающих окон повышают уровень конверсии — согласно данным статистики, данный виджет результативнее других в 13 раз!
  • Сервисы всплывающих окон могут преследовать различные цели, однако всегда нацелены на быструю обратную связь сообщений от пользователей. Для еще более оперативных откликов в окне, как правило, указываются самые частые виды обращений и ссылка на техподдержку.

Плюсы всплывающих окон

Минусы всплывающих окон

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

Онлайн-чат для сайта

Лучшие готовые виджеты всплывающих окон

  1. Форма обратного звонка — посредством загрузки кода на сайт появляется данный виджет, с помощью которого посетители могут бесплатно связываться с менеджером и уточнять свои вопросы,
  2. Онлайн-чат для общения с клиентами — всплывающее окно чата позволяет пользователем задавать все необходимые вопросы касательно интересующего товара или услуги,
  3. Генератор входящего трафика — продвигает нереализованные товары без увеличения рекламного бюджета, за счет чего обеспечивается рост конверсии в два раза,
  4. Сервис «Стадный инстинкт» — с помощью грамотного эмоционального воздействия повышает количество заявок в несколько раз, а также сокращает расходы на продвижение за счет роста входящего трафика,
  5. Сервис «Захватчик клиентов» — представляет собой всплывающее окно с уникальным предложением и призывом к совершению покупки. Акцентируя внимание на якобы подходящий к концу срок акции, данный виджет значительно повышает конверсию.

Лучшие готовые виджеты всплывающих окон

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

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

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

Всплывающие окна от Энвибокс

]]>
https://envybox.io/blog/vsplyvajushhie-okna-nepredskazuemoe-zlo-ili-instrument/feed/ 0
Всплывающие окна: абсолютное зло или эффективный инструмент https://envybox.io/blog/vsplyvajushhie-okna/ https://envybox.io/blog/vsplyvajushhie-okna/#respond Tue, 24 Mar 2020 17:52:48 +0000 https://envybox.io/blog/?p=7199

 

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

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

Плюсы и минусы всплывающих окон

Всплывающее окно (другое название – pop-up) – далеко не новый инструмент продвижения. Как правило, в нем размещается рекламная или справочная информация.

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

Плюсы и минусы всплывающих окон

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

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

Онлайн-чат для сайта

В другом примере pop-up предлагает посетителю интернет-магазина дополнительную скидку на понравившийся товар. Здесь использование инструмента оправдано и эффективно.

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

Если говорить о достоинствах сервиса, то здесь можно отметить:

  • Привлечение внимания посетителей сайта. Если в окне будет размещено выгодное предложение или полезная информация, то пользователь, скорее всего, выполнит целевое действие и останется на площадке.
  • Возможность увеличить конверсию. Статистика говорит, что pop-up может быть в 13 раз эффективнее других рекламных баннеров.
  • Быстрый отклик на обращения посетителей сайта. В окне можно разместить наиболее популярные вопросы пользователей и ссылку на техподдержку. Тогда клиенты смогут оперативно обращаться напрямую к работникам сайта за помощью.

К недостаткам же можно отнести:

  • Падение трафика сайта. Если всплывающее окно будет раздражать пользователей, то они перестанут заходить на площадку.
  • Снижение лояльности клиентов. Если на сайте будет размещено много pop-up, но они будут восприниматься как навязчивость и спам. Как следствие, лояльность и доверие клиентов резко снизятся.
  • Возможность блокировки всплывающих окон. Есть программы, с помощью которых пользователи могут заблокировать демонстрацию рекламных баннеров на своих устройствах. Тогда все усилия по размещению всплывающих окон будут напрасны.

Виды всплывающих окон

Виды всплывающих окон

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

  1. Page-Stop останавливает работу сайта до тех пор, пока его посетитель не выполнит целевое действие или не закроет окно. При умелом использовании дают хорошую конверсию, так как баннер невозможно не заметить. При неумелом вызывают раздражение и негативное восприятие.
  2. Hello-Board не блокирует работу сайта, поэтому провоцирует меньше отрицательных эмоций, но и конверсию дает небольшую.

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

Entry Pop-Up, или окно-приветствие

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

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

  • код на скидку;
  • бесплатную консультацию или обучение;
  • ценную статью;
  • специальное предложение.

Timed Pop-Up и Scroll Pop-Up

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

Timed Pop-Up и Scroll Pop-Up

Пролистывание чаще всего настраивается на 40—70 % прочтения страницы. При этом всплывающее окно в браузере покажется при прокручивании окна вверх.

Exit Pop-Up, или окно прощания

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

Click Pop-Up, или окно, всплывающее после нажатия

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

Как самостоятельно сделать всплывающее окно

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

  • Определиться с размерами окна.
  • Настроить оформление баннера через CSS.
  • Задать нужные данные:

HTML разметка:

<div class="block-popup">
<h3>Оставьте свой Email, чтобы не пропускать новых выпусков</h3>
<form>
<input type="email" placeholder="Введите
email" name="email-popup"/>
<input type="button" name="btn-form-popup" value="Отправить
"/>
</form>
<span>&times;</span>
</div>
<div class="overlay"></div>

CSS стили оформления:

.block-popup{
position: absolute;
background: #fff;
width: 37%;
height: 135px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
border: 1px solid #ccc;
padding: 10px;
box-shadow: 0 12px 20px -10px;
text-align: center;
display: none;
}
.block-popup span{
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}

Добавляем overlay или затемнение фона:

.overlay {
width: 100%;
height: 100%;
background: rgba(51, 51, 51, 0.78);
position: fixed;
top: 0;
left: 0;
display: none;
}

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

Как сделать всплывающее окно, открывающееся при клике? Элементу, на который будут кликать, присвоим название open-modal. При нажатии на крестик он будет закрываться.

jQuery:

$('.open-modal').click(function(){
$('.block-popup, .overlay').fadeIn();
})
$('.block-popup span').click(function(){
$('.block-popup, .overlay').fadeOut();
})

Всплывающее окно готово к работе.

Pop-Up, открывающееся при заходе на сайт

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

setTimeout(function(){
$('.block-popup').fadeIn();
},10000)

Всплывающее окно, открывающееся при уходе с сайта

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

$(window).on('beforeunload', function () {
return "Хотите уйти?";
});

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

$(window).mouseleave(function(e){
if (e.clientY < 0) {
$('.block-popup, .overlay').fadeIn();
}
})

Лучшие готовые виджеты всплывающих окон

1. Форма обратного звонка

Форма обратного звонка

Сервис «Обратный звонок» работает следующим образом:

  • На сайт загружается код. Это можно сделать самостоятельно, например, по видеоурокам.
  • После этого появится всплывающее окно. Через него пользователи могут задавать свои вопросы и общаться с менеджером компании в чате.
  • Сервис автоматически осуществляет дозвон. Как только сотрудник компании возьмёт трубку, начнётся соединение с клиентом. В среднем процесс занимает 17-18 секунд.
  • Информацией о посетителе сохранится в заявке (ФИО, регион, номер телефона, рекламная кампания, UTM-метки и т. п.), как и запись всего разговора.

2. Онлайн-чат для общения с клиентами

Онлайн-чат для общения с клиентами

Работа сервиса происходит следующим образом:

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

3. Генератор входящего трафика

Сервис позволяет:

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

Генератор входящего трафика

4. Сервис «Стадный инстинкт»

Данный инструмент имеет следующие преимущества:

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

Сервис имеет свои уникальные особенности:

  • Настраиваемый дизайн. Фон, цвет текста и другие категории можно установить так, чтобы они гармонировали с основной площадкой.
  • Наличие анимации. Можно анимировать появление виджета, чтобы максимально привлечь внимание аудитории.
  • Подстановка названия города. Сервис автоматически выберет и подставит в текст название нужного населенного пункта.
  • Подстановка имени. Так же, как и в предыдущем пункте, реализовывается автоматически.
  • Подстановка суммы заказа. Число выбирается из заданного интервала и включается в текст.
  • Настройка сценария показов. С помощью этой функции можно задать, кому и с какой периодичностью будет показываться всплывающее окно сайта.

Сервис «Стадный инстинкт»

5. Сервис «Захватчик клиентов»

Работает следующим образом:

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

Сервис «Захватчик клиентов»

Сервис имеет собственные уникальные особенности:

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

6. Инструмент «Мультикнопка»

Сервис позволяет:

  • Более чем в два раза увеличить количество обращений с сайта.
  • Увеличить продажи благодаря информированию аудитории о специальных предложениях.
  • Реализовать определенные категории товаров.
  • Повысить лояльность аудитории за счёт предоставления широкого выбора способов связи.
  • Расширить клиентскую базу за счет организации подписок на группы в социальных сетях и в мессенджере Telegram.

Мультикнопка

Сервис имеет достаточно широкий диапазон настроек. Так, можно выбрать цвет кнопок, иконку или загрузить свое изображение. А если привлечь к работе программиста, то он пропишет в java-скрипте все, что только можно.

Где разместить всплывающие окна на сайте

Вместо рекламного баннера

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

Достоинства этого способа размещения:

  • Pop-up открывается мгновенно, а страница загружается некоторое время. Сокращение периода ожидания может благоприятно повлиять на конверсию.
  • Экономия пространства. Если баннер заменить формой подписки, то можно оставить только одну кнопку, убрав все остальные элементы. При нажатии на кнопку будет появляться всплывающее окно.

Недостатки:

  • На pop-up можно разместить лишь ограниченное количество информации, в которую изображения и видеоролики не входят.

Вместо формы подписки

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

Вместо формы подписки

Достоинства этого способа размещения:

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

Недостатки:

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

Вместо слов благодарности

Всплывающее окно может заменить страницу со словами благодарности или ссылкой на скачивание файлов. Для этого нужно немного подкорректировать адрес, например, к /page/ добавить /?yhx935/. Тогда пользователю будет открываться pop-up с нужной информацией.

Достоинства этого способа размещения:

  • Такие страницы создаются гораздо быстрее, чем обычные.

Недостатки:

  • Только IT-специалист может добавить к адресу страницы специальный код и настроить показ всплывающего окна.
  • Не во всех pop-up можно размещать ссылки на социальные сети. Некоторые не поддерживают эту функцию.

Вместо страницы «Спасибо за подписку»

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

Вместо страницы «Спасибо за подписку»

Достоинства этого способа размещения:

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

Недостатки:

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

Секретный pop-up для наиболее активных пользователей сайта

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

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

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

Достоинства этого способа размещения:

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

Недостатки:

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

Совместно с персонализацией

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

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

Достоинства этого способа размещения:

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

Внутри опубликованного материала

Рop-up может как самостоятельно появляться на странице, так и размещаться внутри текста. Для этого на странице располагаются кнопки, нажатие на которые будет вызывать всплывающие окна. Чем длиннее опубликованный материал, тем больше кнопок можно разместить внутри него.

Достоинства этого способа размещения:

  • Не вызывает раздражения у пользователей. Люди сами решают, хотят они познакомиться с содержанием всплывающего окна или нет.
  • Можно повысить конверсию, если привлечь внимание посетителей сайта к кнопкам pop-up.

Недостатки:

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

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

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

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

Так, эксперты conversionvoodoo.com провели специальное исследование на эту тему. В ходе него pop-up с посещаемостью до 500000 уникальных пользователей в месяц подвергся процедуре оптимизации конверсии, как если бы это была лид-страница.

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

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

  1. Заголовок

    Начинать оптимизацию pop-up нужно именно с него. Заголовок должен четко и ясно рассказать пользователю о выгоде, которую он получит, заполнив форму.

    Акцент должен быть сделан на уникальности предложения и на ограниченном сроке его действия: «Поделимся 5 бесценными способами увеличения продаж», «Предложение действует только 2 дня!» и т. п.

  2. Закрепление названий полей в лид-форме

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

  3. Нельзя располагать текст под кнопкой подписки

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

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

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

  5. Кнопка закрытия всплывающего окна должна быть хорошо видна

    Даже такой элемент, как кнопка закрытия pop-up, может повлиять на конверсию. В ходе эксперимента тестировались два варианта: обычный крестик, расположенный в правом верхнем углу всплывающего окна, и кнопка с надписью «нет, спасибо», которая помещалась ниже кнопки оформления подписки. Безоговорочно победил первый вариант – традиционный крестик. Эксперимент показал, что кнопка «нет, спасибо» способна понизить конверсию на практически 20 %. Этому есть простое объяснение: пользователи давно привыкли, что в интернете окна закрываются нажатием на значок «Х».

7 советов, как сделать так, чтобы всплывающее окно не подталкивало уйти с сайта

1. Следовать требованиям Coalition for Better Ads

Этими требованиями руководствуется Google Chrome, когда определяет, какой ресурс блокировать, а какой нет. Так как это самый популярный в России браузер, владельцам сайтов нужно иметь представление о критериях Coalition for Better Ads.

Так, согласно требованиям Coalition for Better Ads, запрещается:

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

Разрешается:

  • Показывать pop-up пользователям, которые собираются покинуть страницу.
  • Демонстрировать всплывающее окно посетителю сайта, который не проявлял активности более 30 секунд.
  • Показывать рекламу посетителю, дочитавшему публикацию до конца.
  • Транслировать рекламу пользователю, который перемещается между страницами: переходит на другую, потом возвращается на предыдущую и т. п.

2. Отдавать предпочтение лаконичным всплывающим окнам

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

3. Помнить про вежливость, хорошие манеры и тактичность

Интересы посетителей сайта и клиентов должны стоять впереди коммерческих. Любой сайт должен в первую очередь оцениваться с точки зрения обычного пользователя. Часто предприниматели пытаются привлечь аудиторию лозунгами типа «Нам не нужно больше клиентов». Но подобные утверждения вызывают лишь негодование и неприятие, так как обе стороны коммерческих отношений понимают, что чем больше покупателей, тем лучше. Не нужно стараться эпатировать публику. Пожалуй, нет человека, который с радостью бы нажал на кнопку «Куплю товар по полной цене». Пользователь должен понимать, что он получит, если, например, оформит подписку или станет постоянным покупателем.

Помнить про вежливость, хорошие манеры и тактичность

4. Уважать выбор пользователей

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

5. Не злоупотреблять всплывающими окнами

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

6. Не прятать кнопку закрытия окна

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

7. Быть честными

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

Примеры качественных всплывающих окон

  • KUPIVIP.RU

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

Всплывающие окна: абсолютное зло или эффективный инструмент

  • BAON

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

BAON

  • FiNN FLARE

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

FiNN FLARE

  • Qlean.ru

Сайт Qlean.ru творчески подошёл к оформлению всплывающего окна. Скидка предоставляется на первую уборку в квартире. За это нужно поделиться номером телефона потенциального клиента.

Qlean.ru

Чем можно заменить всплывающие окна

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

  1. Баннеры-«небоскребы»

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

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

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

  2. Рop-under

    Принцип работы этого формата рекламного сообщения таков: человек заходит на сайт, изучает его, читает контент, а после закрытия обнаруживает, что в браузере открыта вкладка с рекламой. Она то и называется pop-under, то есть баннер, который открывается под основной страницей сайта (в браузерах Internet Explorer, Safari под Windows, Firefox до восьмой версии включительно) и над страницей сайта (в Chrome, Opera, Firefox с девятой версии).

    Рop-under – это отдельное окно, которое появляется после первого взаимодействия (например, клик) посетителя сайта с контентом.

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

  3. Рекламные слайды

    Рекламные слайды также менее навязчивы, чем стандартный pop-up. Как правило, они компактны и занимают небольшую часть страницы, благодаря чему пользователи могут спокойно читать контент.

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

  4. Предложение, размещенное в футере и хедере

    Следующая альтернатива всплывающим окнам – размещение торгового предложения в футере (footer) или хедере (header).

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

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

    В отличие от footer, header – закреплённая панель, эффективность которой можно проверить сплит-тестами.

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

]]>
https://envybox.io/blog/vsplyvajushhie-okna/feed/ 0