Web feed popup что это

Способы создания окон PopUp

Введение

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

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

Очень удобно использовать PopUp окна в связке с ajax, но это уже тема другого урока.

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

Вконтакте

Web feed popup что это. cf010148c2c54b3f2890e16dae945ef0. Web feed popup что это фото. Web feed popup что это-cf010148c2c54b3f2890e16dae945ef0. картинка Web feed popup что это. картинка cf010148c2c54b3f2890e16dae945ef0

Facebook

Web feed popup что это. d9a923f40c16285c1372c1d223cf7f69. Web feed popup что это фото. Web feed popup что это-d9a923f40c16285c1372c1d223cf7f69. картинка Web feed popup что это. картинка d9a923f40c16285c1372c1d223cf7f69

Twitter

Web feed popup что это. c5d14dacba73bb55ab1000edd4ffd020. Web feed popup что это фото. Web feed popup что это-c5d14dacba73bb55ab1000edd4ffd020. картинка Web feed popup что это. картинка c5d14dacba73bb55ab1000edd4ffd020

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

Постановка задачи(ТЗ)

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

Решение

Способ 1
Результат:

Web feed popup что это. 14b8c1ff41917d04ce495bfe49df1cfb. Web feed popup что это фото. Web feed popup что это-14b8c1ff41917d04ce495bfe49df1cfb. картинка Web feed popup что это. картинка 14b8c1ff41917d04ce495bfe49df1cfb

Очень часто предлагают использовать:

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

Способ 2

Этот способ не отличается кардинально от Способа 1, но я считаю его более удобным.

Html (без изменений)
Результат аналогичный

Благодаря свойству: min-height:100%; наш блок «затемнение» обрел ширину в 100% и минимальную высоту в 100% экрана.

Единственным минусом данного способа является то, что Internet Explorer поддерживает данное свойство только с версии 8.0.

Добавление магии на Jquery

Теперь добавим ссылки для скрытия/отображение нашего всплывающего окна.

Для этого необходимо подключить библиотеку JQuery и небольшой скрипт:

Также необходимо обновить Html:

Результат

Теперь при загрузке страницы всплывающее окно PopUp скроется.

Если мы нажмем на ссылку «Show popup», у нас появится всплывающее окно. А если нажать на ссылку «Hide popup», то всплывающее окно вновь скроется.

Источник

Как удалить pop-up –

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

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

Используйте средство удаления вредоносных программ Spyhunter только для целей обнаружения. Узнайте больше о SpyHunter Spyware Detection Tool и шаги для удаления SpyHunter.

Удалить bt0802.всплывающий поток- поддельные оповещения – техподдержки мошенников

Как закрыть bt0802.всплывающий поток

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

Снять bt0802.всплывающий поток и вредоносных программ с компьютера с помощью malwarebytes

Download malwarebytes для удаления вредоносных программ с вашего ПК. Мы провели множество тестов и удаления вредоносных объектов на зараженном ПК, в том числе Adware, потенциально нежелательных программ и шпионского ПО. Антивирус на сегодняшний день лучший доступный инструмент для удаления вредоносных программ сегодня, чтобы избавиться от вредоносных программ. Программа malwarebytes всегда свободен, чтобы удалить любые вредоносные программы. Программа malwarebytes работает с антивирусным программным обеспечением.
Удалить проблемы с malwarebytes и увидеть результаты для себя!

Используйте средство удаления вредоносных программ Spyhunter только для целей обнаружения. Узнайте больше о SpyHunter Spyware Detection Tool и шаги для удаления SpyHunter.

Программа malwarebytes начнет поиск вредоносных программ на ваш компьютер.
Подождите malwarebytes для завершения сканирования на наличие вредоносных программ. Программы malwarebytes вредоносных программ сканирование обычно занимает от 2 до 5 минут.

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

Подождите malwarebytes, чтобы переместить все найденное вредоносное ПО на ваш компьютер в карантин.

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

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

Помогать другим людям, делиться этой информацией.

Share on FacebookShare на TwitterShare on Google+Send с помощью whatsapp

Используйте средство удаления вредоносных программ Spyhunter только для целей обнаружения. Узнайте больше о SpyHunter Spyware Detection Tool и шаги для удаления SpyHunter.

Шаг 1: Остановите все pop-up – процессы в диспетчере задач

Шаг 2: Удалите pop-up – сопутствующие программы

Шаг 3: Удалите вредоносные pop-up – записи в системе реестра

Шаг 4: Устранить вредоносные файлы и папки, связанные с pop-up –

Шаг 5: Удаление pop-up – из вашего браузера

Internet Explorer

Mozilla Firefox

Google Chrome

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

Источник

Попап: что это такое и как он поможет увеличить конверсию

Web feed popup что это. 300 na 300. Web feed popup что это фото. Web feed popup что это-300 na 300. картинка Web feed popup что это. картинка 300 na 300

Web feed popup что это. luchshie servisy dlya korporativnoj pochty. Web feed popup что это фото. Web feed popup что это-luchshie servisy dlya korporativnoj pochty. картинка Web feed popup что это. картинка luchshie servisy dlya korporativnoj pochty

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

Web feed popup что это. calltouch platform. Web feed popup что это фото. Web feed popup что это-calltouch platform. картинка Web feed popup что это. картинка calltouch platform

Что такое попап

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

Зачем нужен попап

Pop Up окно для сайта помогает бизнесу наладить контакт с аудиторией, а в перспективе – сформировать теплую базу клиентов и увеличить прибыль.

Сбор контактных данных (лидов)

Информирование клиентов

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

Большинство клиентов предпочитает звонить. Определите, какая реклама приносит целевые заявки, а какая – тратит бюджет с помощью Коллтрекинга Calltouch.

Коллтрекинг

Web feed popup что это. calltraking. Web feed popup что это фото. Web feed popup что это-calltraking. картинка Web feed popup что это. картинка calltraking

Удержание посетителя на сайте

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

Опросы клиентов

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

Формирование базы подписчиков

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

Web feed popup что это. image3 4. Web feed popup что это фото. Web feed popup что это-image3 4. картинка Web feed popup что это. картинка image3 4

Преимущества попапов

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

Типы всплывающих окон по внешнему виду

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

Лайтбокс

Web feed popup что это. image5 3. Web feed popup что это фото. Web feed popup что это-image5 3. картинка Web feed popup что это. картинка image5 3

Лайтбокс – всплывающее окно, которое затемняет фон браузера, привлекая внимание. Обычно используется для увеличения базы email-адресов.

«Да/Нет» или «Да/Да»

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

В окне «Да/Нет» выбор варианта «Нет» ведет к закрытию попапа. У окна формата «Да/Да» обе кнопки приводят пользователя в одно место — на конкретную страницу сайта.

Геймифицированные

Web feed popup что это. image2 3. Web feed popup что это фото. Web feed popup что это-image2 3. картинка Web feed popup что это. картинка image2 3

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

Небольшое окно сбоку

Web feed popup что это. image1 2. Web feed popup что это фото. Web feed popup что это-image1 2. картинка Web feed popup что это. картинка image1 2

Попап — не всегда новое окно, иногда это – небольшой боковой баннер. Это отличная альтернатива назойливой рекламе. Баннер не раздражает посетителей и не мешает просматривать контент.

Плавающая панель

Web feed popup что это. image6 4. Web feed popup что это фото. Web feed popup что это-image6 4. картинка Web feed popup что это. картинка image6 4

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

Полноэкранный попап

Web feed popup что это. image4 4. Web feed popup что это фото. Web feed popup что это-image4 4. картинка Web feed popup что это. картинка image4 4

Типы всплывающих окон по цели

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

Информационное оповещение

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

Перенаправление страницы

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

Обход AdBlock

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

Вход пользователя в систему

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

Опрос

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

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

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

Приветствие

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

Намерение уйти со страницы

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

Прокрутка как триггер

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

Время, проведенное на странице

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

С привязкой к странице

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

Web feed popup что это. 954x120 1 2. Web feed popup что это фото. Web feed popup что это-954x120 1 2. картинка Web feed popup что это. картинка 954x120 1 2

С привязкой к местонахождению

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

С привязкой к cookie

Повторное вовлечение неактивных

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

Запланированное

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

Follow-up на сайте

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

Возникающее по клику

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

Как правильно оформить pop-up

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

Заголовок и текст

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

Изображение

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

Детали

В зависимости от задачи попапа, можно добавить:

Хорошо, если всплывающее окно будет простым: пользователь не будет заполнять сложную форму.

Поле ввода почты

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

CTA кнопка

СТА кнопка – продолжение текста попапа, поэтому надпись на ней должна быть логичной. Допустим, заголовок попапа – «Подпишитесь на рассылку», значит, надпись на кнопке – «Подписаться», если «Скачайте бесплатный гайд» – то «Скачать».

Почему лучше не делать несколько попапов на странице

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

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

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

Сервисы

Это конструкторы, которые позволяют установить всплывающее окно себе на сайт, настроить дизайн и посмотреть статистику. Большинство сервисов с бесплатным пробным периодом – на английском языке:

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

Плагины

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

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

Посмотреть список плагинов от разных провайдеров можно на сайте WordPress.

Tilda тоже дает возможность настроить попапы с помощью сторонних сервисов и добавить плагины – подробная информация об этом есть на Tilda Education.

Чтобы собирать заявки даже в нерабочее время и увеличить конверсию сайта на 30% попробуйте окно Обратного звонка Calltouch. Это виджет, который можно установить в 2 клика и настроить под задачи сайта. Платить вы будете только за состоявшиеся телефонные переговоры с оператором или менеджером.

Виджет обратного звонка для сайта

Web feed popup что это. reversecall. Web feed popup что это фото. Web feed popup что это-reversecall. картинка Web feed popup что это. картинка reversecall

Заключение

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

Web feed popup что это. snimok ekrana 2021 12 01 v 11.06.45. Web feed popup что это фото. Web feed popup что это-snimok ekrana 2021 12 01 v 11.06.45. картинка Web feed popup что это. картинка snimok ekrana 2021 12 01 v 11.06.45

Скидка 20% на 1-й месяц SEO-продвижения

Бесплатный аудит рекламных аккаунтов и расчёт окупаемости

Web feed popup что это. bez fona. Web feed popup что это фото. Web feed popup что это-bez fona. картинка Web feed popup что это. картинка bez fona

Платформа для мониторинга отзывов и привлечение клиентов из онлайн-карт

15 дней бесплатного пользования функционалом платформы

Web feed popup что это. mailigen.ru pipedrive 300h135. Web feed popup что это фото. Web feed popup что это-mailigen.ru pipedrive 300h135. картинка Web feed popup что это. картинка mailigen.ru pipedrive 300h135

CRM для отдела продаж

Скидка 10% на внедрение CRM

Инструмент автоматизации контекстной рекламы

Скидка 25% на 3 месяца тарифа «Старт» + индивидуальный практикум по работе с инструментом

Конструктор для создания маркетинговых квиз-опросов

Месяц бесплатного использования на создание квизов и получение заявок

Источник

8 принципов создания идеального попапа для интернет-магазина

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

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

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

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

Попапы помогают увеличить продажи, так как концентрируют внимание целевой аудитории в направлении конверсионного действия, что подтверждается множеством практических кейсов. В среднем, коэффициент конверсии подписки на email-рассылку посредством попапов составляет от 1,95% до 2,9%. Это означает, что из 100 человек, которые увидят всплывающее окно на вашем сайте, вы можете получить 2-3 адреса электронной почты.

Несомненно, есть и более впечатляющие примеры. Некоторым удавалось поднять продажи на 162% посредством попапов (случилось это, правда, в 2005 году). А в 2012 году один из клиентов AWeber в результате экспериментов со всплывающими окнами получил + 1,375% подписок.

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

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

Источник

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

Web feed popup что это. natalia. Web feed popup что это фото. Web feed popup что это-natalia. картинка Web feed popup что это. картинка natalia

Создайте рассылку в конструкторе за 15 минут. Отправляйте до 1500 писем в месяц бесплатно.

Web feed popup что это. poluchayte klientov iz email rassylki. Web feed popup что это фото. Web feed popup что это-poluchayte klientov iz email rassylki. картинка Web feed popup что это. картинка poluchayte klientov iz email rassylkiОтправить рассылку

Web feed popup что это. poluchayte klientov iz email rassylki. Web feed popup что это фото. Web feed popup что это-poluchayte klientov iz email rassylki. картинка Web feed popup что это. картинка poluchayte klientov iz email rassylki

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

Web feed popup что это. popup 7. Web feed popup что это фото. Web feed popup что это-popup 7. картинка Web feed popup что это. картинка popup 7

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

По данным Statista, в 2019 году примерно 25,8% интернет-пользователей блокировали рекламу на своих устройствах и, соответственно, блокировали и всплывающие окна. Ожидается, что востребованность блокировщиков будет только расти. Уже сейчас практически четверть поп-апов не достига ет своей аудитории.

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

Web feed popup что это. popup 6. Web feed popup что это фото. Web feed popup что это-popup 6. картинка Web feed popup что это. картинка popup 6

Вредоносное всплывающее окно требует оплаты для восстановления доступа к системе

Зачем нужны поп-апы

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

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

Конверсионные поп-апы позволяют:

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

Типы поп-апов

Все поп-апы делятся на 2 основных вида: hello-board и page-stop.

Web feed popup что это. popup 2. Web feed popup что это фото. Web feed popup что это-popup 2. картинка Web feed popup что это. картинка popup 2

Web feed popup что это. popup 3. Web feed popup что это фото. Web feed popup что это-popup 3. картинка Web feed popup что это. картинка popup 3

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

Поп-апы различаются по цели применения и условиям показа. Перечислим основные варианты их использования.

Приветственное окно (entry pop-up)

Web feed popup что это. popup 8. Web feed popup что это фото. Web feed popup что это-popup 8. картинка Web feed popup что это. картинка popup 8

Окно-приветствие не даёт ознакомиться с контентом до своего закрытия

Окно с временной отсрочкой (timed pop-up)

Чтобы определить время отсрочки, изучите отчёты Google Analytics. Посмотрите, каково среднее время пребывания на странице и настройте появление pop-up примерно на 50% от этого времени.

Web feed popup что это. popup 1. Web feed popup что это фото. Web feed popup что это-popup 1. картинка Web feed popup что это. картинка popup 1

Сколько времени люди проводят на странице. Отчет в Google Analytics. Считается, что если настроить время появления поп-апа на 50% от этого показателя, то окно не будет раздражать и сможет хорошо конвертировать

Окно по пролистыванию (scroll pop-up)

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

Web feed popup что это. popup 18. Web feed popup что это фото. Web feed popup что это-popup 18. картинка Web feed popup что это. картинка popup 18

Вебвизор Яндекс.Метрики показывает видео поведения пользователей на странице

Окно прощания (exit pop-up)

Web feed popup что это. popup 4. Web feed popup что это фото. Web feed popup что это-popup 4. картинка Web feed popup что это. картинка popup 4

Не лучший пример окна-выхода: не понятно, почему пользователь должен остаться

Окно со всплытием по клику (click pop-up)

Web feed popup что это. popup 5. Web feed popup что это фото. Web feed popup что это-popup 5. картинка Web feed popup что это. картинка popup 5

Pop-up всплывает после клика по кнопке «Перезвоните мне»

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

Элементы всплывающего окна

Любая форма поп-апа состоит из трёх частей:

Web feed popup что это. popup 9. Web feed popup что это фото. Web feed popup что это-popup 9. картинка Web feed popup что это. картинка popup 9

Правильная форма не оставляет вопросов о том, зачем с ней взаимодействовать

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

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

Как правильно оформить pop-up

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

Вот 5 правил хорошего поп-апа:

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

При создании всплывающих окон нужно учитывать, что поп-апы — это форма рекламы. Поэтому, следует соблюдать требования Coalition for Better Ads — « Коалиции за лучшую рекламу », созданную ведущими международными торговыми ассоциациями и компаниями. Требованиями Coalition for Better Ads руководствуется Google Chrome, когда решает, нужно ли блокировать сайт и в каком виде его увидит пользователь.

Согласно Coalition for Better Ads нельзя:

Как создать pop-up

Для создания поп-апов можно использовать следующие способы:

Кроме того, создавать поп-апы можно с помощью различных плагинов. Например, с помощью плагинов поп-апов для WordPress:

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

Web feed popup что это. popup 10. Web feed popup что это фото. Web feed popup что это-popup 10. картинка Web feed popup что это. картинка popup 10

Web feed popup что это. 111. Web feed popup что это фото. Web feed popup что это-111. картинка Web feed popup что это. картинка 111

Web feed popup что это. popup 14. Web feed popup что это фото. Web feed popup что это-popup 14. картинка Web feed popup что это. картинка popup 14

Web feed popup что это. popup 15. Web feed popup что это фото. Web feed popup что это-popup 15. картинка Web feed popup что это. картинка popup 15

Web feed popup что это. popup 16. Web feed popup что это фото. Web feed popup что это-popup 16. картинка Web feed popup что это. картинка popup 16

Web feed popup что это. popup 17. Web feed popup что это фото. Web feed popup что это-popup 17. картинка Web feed popup что это. картинка popup 17

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *