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

Содержание
  1. Всплывающие окна средствами 1с-Битрикс
  2. Установка и настройка
  3. Как сделать AJAX формы 1с-Битрикс в всплывающих окнах
  4. Готовим javascript
  5. Готовим форму
  6. Если нет настройки «Включить режим AJAX»
  7. Стиль 1 (простой текст в двух абзацах):
  8. Стиль 2 (простой контент с картинкой):
  9. Стиль 3 (карта сайта):
  10. Стиль 4 (видео из Youtube):
  11. Стиль 5 (вариант игры «Тетрис» в iFrame):
  12. Стиль 6 (частые вопросы по модулю всплывающих окон):
  13. Стиль 9 (простой текст в двух абзацах):
  14. Стиль 10 (простой текст в двух абзацах):
  15. Стиль 11 (простой текст в двух абзацах):
  16. Как сделать всплывающее окно на сайте и поднять количество заявок?
  17. Содержание
  18. А зачем мне всплывающее окно?
  19. 1. Сбор лидов
  20. 2. Информирование
  21. 3. Информирование + навигация по сайту
  22. 4. Удержание пользователя на сайте
  23. Преимущества и недостатки всплывающих окон
  24. Преимущества:
  25. Недостатки:
  26. Элементы всплывающего окна
  27. Идеи эффективных всплывающих окон
  28. Скидки с перемещением в раздел каталога
  29. Скидки и бонусы с запросом Email
  30. Подписка на рассылку
  31. Отправка бесплатных материалов
  32. Игровые механики для получения подарков
  33. Квизы для запроса индивидуального предложения
  34. Сценарии показа всплывающих окон
  35. Ошибки при создании всплывающих окон
  36. Заключение

Всплывающие окна средствами 1с-Битрикс

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

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

Установка и настройка

Первым делом необходимо подключить ядро командой

Эту команду нужно выполнять только один раз — до операции создания окна.

Конструктор выглядит следующим образом (везде далее код javascript)

где
title — заголовок (на темно-синем фоне)
head — текст под заголовком, до формы
content — html-код формы с произвольными элементами. Переносы строк нужно обязательно предварять символом «\»
icon — имя класса, который будет навешен на блок с текстом head. Или можно указать путь к изображению-фону.
resizable — разрешить изменение размера окна (true|false)
draggable — разрешить перетаскивание мышью (true|false)
height — высота
width — ширина
buttons — массив, описывающий кнопки. Особенность кнопок в том, что они располагаются вне формы, т.е. стандартный «submit» без обработчика нажатия не сработает. В параметре можно использовать предустановленные кнопки BX.CDialog.btnSave, BX.CDialog.btnCancel, BX.CDialog.btnClose — сохранение, отмена и закрытие соответственно. Как правило, они используются в режиме загрузки кода из внешнего файла. Рассмотрение этого способа выходит за рамки статьи и описывать его не будем.

Существует еще один способ создания кнопок для всплывающего окна — с помощью метода

Параметром является массив кнопок, каждая из которых имеет свойства:
title — видимое название
id — идентификатор элемента
name — значение атрибута name
action — функция-обработчик нажатия

В качестве примера приведу несколько полезных команд, которые можно использовать в обработчике:
document.getElementById(«formid»).submit() — отправить форму с методом, указанным в заголовке формы
this.parentWindow.Close() — закрыть всплывающее окно
BX.ajax.submit(BX(«formid»)) — отправить форму с при помощи ajax-запроса.

Итак, окно создано, все параметры заполнены, осталось показать его с помощью команды

Вот так, просто и быстро, можно создавать динамические popup-окна средствами 1с-Битрикс.

Источник

Как сделать AJAX формы 1с-Битрикс в всплывающих окнах

Эта статья посвящена одному из способов сделать в 1с-Битрикс форму в всплывающем окне. Достоинства метода:
— можно использовать любые формы 1с-Битрикс, которые выводятся компонентом. Например, добавление элемента инфоблока или веб-форма.
— всплывающее окно создается «на лету» при помощи javascript и изменяет свой размер в зависимости от количества контента внутри.
— весь процесс работы формы, вывода ошибок и результата происходит при помощи AJAX без перезагрузки окна.

Готовим javascript

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

script type = «text/javascript» src = «http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js» > script >
script type = «text/javascript» src = «/js/fancybox/jquery.fancybox-1.3.4.pack.js» > script >
link rel = «stylesheet» type = «text/css» href = «/js/fancybox/jquery.fancybox-1.3.4.css» media = «screen»/>
script type = «text/javascript» >
$(function() <
// ссылка для вызова окна должна иметь класс «popup»
$(‘a.popup’).fancybox( <
‘overlayShow’: false, // значения параметров можно посмотреть на сайте разработчика
‘padding’: 0,
‘margin’ : 0,
‘scrolling’ : ‘no’,
‘titleShow’: false,
‘type’: ‘ajax’,
‘href’: ‘/ajax_popup.php’ // описание скрипта будет дано ниже по тексту:)
>);
>);
script >
a class = «popup» href = «» >Открыть окно a >

Готовим форму

Итак, скрипт вызова формы будет находиться в файле /ajax_popup.php — он упоминался в javascript-коде выше. Создаем этот файл как обычную страницу в 1с-Битрикс, кладем и настраиваем. на ней нужный компонент, при необходимости изменения внешнего вида копируем шаблон. В процессе настройки не забудьте поставить галочку на «Включить режим AJAX». Если ее нет, не отчаивайтесь, пропишем руками позже. Далее, открываем страницу на редактирование в режиме php и находим код вызова компонента. Сделать это просто, он всегда начинается с текста ‘ IncludeComponent(‘ и заканчивается первой попавшейся ‘);?>’.

Все что выше этого куска кода заменяем на

Prolog_before.php подключит необходимые системе файлы без вывода шапки шаблона сайта, она в всплывающем окне не нужна. Скрипт ajax.js нужен для работы компонентов в режиме ajax.

Все что ниже подключения компонента заменяем на

Epilog_after.php подключит необходимые системе файлы без вывода подвала шаблона сайта.

Все, можно кликать на ссылку (которая на странице с javascript’ом и имеет класс «popup») и любоваться результатом:)

Если нет настройки «Включить режим AJAX»

Для тестового примера с iblock.element.form.add.form код с добавленными параметрами будет выглядеть так:

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

Источник

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

Читайте также:  Антикорозійна обробка авто своими руками

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

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

Стиль 1 (простой текст в двух абзацах):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.

Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.

Стиль 2 (простой контент с картинкой):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.

Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.

Стиль 3 (карта сайта):

Стиль 4 (видео из Youtube):

Стиль 5 (вариант игры «Тетрис» в iFrame):

Нажимайте одну из кнопок, чтобы управлять движущимися блоками: Z, X, C, V, пробел, левая кнопка мыши. Если кнопки не работают, щелкните левой кнопкой мыши внутри окна с тетрисом, чтобы установить фокус на окно.

Вы также можете открыть игру в отдельном окне (напр., если игра «тормозит»)

Стиль 6 (частые вопросы по модулю всплывающих окон):

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

создать рез. копию сайта, хотя бы базы данных,

стереть данный модуль с сайта (соотв. опция доступна в списке модулей),

сбросить весь кеш на сайте,

сообщить нам адрес сайта и владельца лицензии для проверки и сброса срока демо-версии на Вашем сайте,

Если после установки модуля в списке компонентов (в визуальном редакторе) не появился компонент, необходимо сбросить кеш компонентов:

Все относительно несложно.

Быстрый просмотр делается, обычно, для списка товаров, т.е. в шаблоне компонента
bitrix:catalog.section. В плане реализации есть две схемы:

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

2. у каждого товара свое всплывающее окно, и открытие таких окошек происходит без AJAX.

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

Реализация первого варианта следующая:
в файле component_epilog.php шаблона компонента bitrix:catalog.section вставляете код подключения всплывающего окна (подключение через API, а не через компонент), устанавливаете параметр «CALLBACK_SHOW» (т.е. действие, которое будет при каждом открытии окна, например, «ShowFastPreview»), устанавливаете css-селектор ссылок открытия (напр., всем ссылкам, открывающим быстрый просмотр в шаблоне задайте и селектор тогда используйте «.fast_preview») затем там же пишите JS-код для данного CALLBACK_SHOW:

Далее, каждой ссылке, открывающей быстрый просмотр, нужно добавить атрибут data-id с ID товара, например, «>Быстрый просмотр

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

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

Проблема заключается в следующем: во всплывающем окне размещена обычная веб-форма (

Стиль 9 (простой текст в двух абзацах):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.

Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.

Читайте также:  Как правильно сделать техасскую оснастку видео

Стиль 10 (простой текст в двух абзацах):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.

Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.

Стиль 11 (простой текст в двух абзацах):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.

Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.

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

Пример использования API:

Пример использования API-способа подключения всплывающего окна:

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

создать рез. копию сайта, хотя бы базы данных,

стереть данный модуль с сайта (соотв. опция доступна в списке модулей),

сбросить весь кеш на сайте,

сообщить нам адрес сайта и владельца лицензии для проверки и сброса срока демо-версии на Вашем сайте,

Далее остается только создать на странице ссылку с классом «callme»:

Для начала откройте файл /bitrix/themes/.default/webdebug.popup.css и посмотрите стили для класса wd_popup_style_01. Для настройки своих стилей можете скопировать эти строчки CSS-стилей (не забудьте их переименовать, напр, в «my_style»). После этого в настройках компонента укажите этот класс в поле «CSS-классы» (для API это ключ массива «CLASSES»).

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

Не забудьте, что в получаемом контент должна быть HTML-форма с лежащим внутри сабмиттом (или отправляемая программно).

Данная опция означает, что к всплывающему окну при открытии страницы сайта будет применен CSS-стиль display:none, что означает, что окна как будто и нет. По умолчанию же вместо этого используется visibility:hidden, определяющее, что окно скрыто, но при этом Flash-содержимое не «считает», что окно скрыто, и показывает контент даже закрытого окна.

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

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

Проблема заключается в следующем: во всплывающем окне размещена обычная веб-форма (

Источник

Как сделать всплывающее окно на сайте и поднять количество заявок?

Привет, дорогие читатели блога.

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

Содержание

А зачем мне всплывающее окно?

Есть 4 основных задачи, которые решаются с помощью всплывающего окна:

1. Сбор лидов

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

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

Читайте также:  Бумажные игрушки на елку своими руками схемы

2. Информирование

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

Информационное всплывающее окно

3. Информирование + навигация по сайту

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

Навигационное всплывающее окно

4. Удержание пользователя на сайте

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

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

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

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

Преимущества:

Недостатки:

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

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

Любое всплывающее окно состоит из основных элементов:

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

Обязательными являются только Заголовок и Кнопка закрытия окна. Остальные элементы используются опционально.

Идеи эффективных всплывающих окон

Скидки с перемещением в раздел каталога

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

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

Скидки и бонусы с запросом Email

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

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

Подписка на рассылку

Это форма подписки на что угодно: новости, статьи блога, обычная email-рассылка и т.п. Рассылка сама по себе уже является довольно сильном инструментом digatal-маркетинга.

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

Отправка бесплатных материалов

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

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

Игровые механики для получения подарков

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

Пример всплывающего окна с «колесом удачи»

Пример всплывающего окна с «одноруким бандитом»

Квизы для запроса индивидуального предложения

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

Вопрос внутри квиза

Форма запроса контактов в квизе

Сценарии показа всплывающих окон

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

Самые распространенные варианты настройки:

Просмотр страницы до определенного места. При скролле до определенного элемента или определенной части страницы пользователь — появляется окно.

Время, проведенное на странице. Когда пользователь провел на странице 5-15-30 секунд — появляется окно.

Бездействие. Пользователь ничего не делает на странице какое-то время — появляется окно.

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

Посещение определенных страниц и разделов сайта. Комбинируется с временем или просмотром страницы до определенного места.

Ошибки при создании всплывающих окон

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

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

Всплывающее окно со звуком — изобретение сатаны. Не надо так делать. Просто запомните.

Убедитесь, что кнопка закрытия доступна и работает.

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

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

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

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

Заключение

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

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

И еще. Не забудьте про аналитику. Настройте цели в Яндекс Метрике и в Гугл Аналитикс на взаимодействие с вашим всплывающим окном. Следите за статистикой, контролируйте поведение пользователей. Считайте реальный эффект от «всплывашки» и делайте выводы.

Источник

Оцените статью
Как сделать своими руками
Adblock
detector