Плагин «Всплывающие баннеры» для Shop-Script

Всплывающие баннеры для Shop-Script

Вывод промо-баннеров в popup и drawer на мобильных

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

Плагин превращает стандартные промо-баннеры Shop-Script во всплывающие окна с гибкой настройкой поведения, таргетинга и внешнего вида. Стакинг баннеров, таргетинг по типу страниц, кастомизация кнопок и интеграция с Яндекс.Метрикой!

Десктоп + мобильные

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

Стакинг баннеров

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

Умные триггеры

5 типов триггеров показа: при загрузке страницы, с задержкой, при прокрутке, при попытке ухода со страницы (exit-intent) и по клику на произвольный элемент.

Таргетинг по страницам

Показывайте баннеры только на нужных страницах. Выбирайте по типу (товар, категория, главная и др.) или задавайте URL-паттерны с подстановками. Поддержка GET-параметров для UTM-меток и фильтров. Работает с любым форматом URL.

Кастомизация кнопок

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

Яндекс.Метрика

Встроенная интеграция с Яндекс.Метрикой. Автоматическая отправка целей при показе, клике и закрытии баннера с защитой от дублирования через cookie.

Плагин работает со стандартными промо-баннерами из раздела Маркетинг → Промо. Настройки добавляются прямо в редактор баннера — никаких отдельных интерфейсов!

Возможности плагина

Позиции на десктопе: по центру, сверху, снизу, в 4 углах экрана
Ширина окна: узкий (400px), средний (600px), широкий (800px), на всю ширину, произвольная
Анимации: плавное появление, снизу вверх, сверху вниз, масштабирование
Выдвижная панель на мобильных: снизу, сверху, слева, справа. Закрытие свайпом
Частота показа: на каждой странице, раз за сессию, раз в день/неделю/месяц
Таргетинг: по типу страницы (товар, категория, главная и др.) + URL-паттерны + GET-параметры
Стакинг: несколько баннеров в одной позиции не перекрывают друг друга
Обратный отсчёт: поддержка таймера из стандартного промо-баннера
Кнопки: 3 размера, 8 стилей (заливка, тёмная, бордер, 5 градиентов)
Кастомный CSS-класс: для индивидуальной стилизации каждого баннера
Яндекс.Метрика: цели на показ, клик и закрытие
Фильтр по устройствам: все, только десктоп, только мобильные, только планшеты

Два способа подключения

Выберите удобный способ подключения плагина к витрине.

1. Через хук (по умолчанию)

Включите опцию «Подключать через хук» в настройках плагина. Скрипты и стили подключатся автоматически.

2. Через шаблон темы дизайна

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

{$wa->shop->ewshoppopup()}

Настройка баннера

Все настройки всплывающего окна находятся прямо в редакторе промо-баннера (Маркетинг → Промо). Включите чекбокс «Показывать баннер во всплывающем окне» и настройте:

Условия показа — устройства, триггер, частота, таргетинг по типу страниц и URL-паттернам
Содержимое — скрытие изображения, текст и стиль кнопки
Всплывающее окно — позиция, ширина, анимация (десктоп)
Выдвижная панель — позиция, высота, свайп, закрытие по фону (мобильные)
Поведение — кнопка закрытия, автозакрытие, z-index, CSS-класс
Яндекс.Метрика — ID счётчика и названия целей

Примеры URL-паттернов

В поле «Дополнительно: URL» можно задать паттерны с подстановкой *. Если паттерн содержит ?, он проверяется вместе с GET-параметрами.

/sale/* — все страницы, начинающиеся с /sale/
/category/* — все категории (при ЧПУ с префиксом /category/)
/landing/ — точное совпадение с URL
*?utm_source=email* — любая страница с UTM-меткой utm_source=email
*?discount=* — любая страница с параметром discount
/promo/?campaign=spring* — страница /promo/ с параметром campaign, начинающимся с spring

Мы в социальных сетях

Узнавайте первыми о наших новых решениях и акциях.

Вконтакте - https://vk.com/easyweb_su
Телеграм - https://t.me/easyweb_su