Платформа

Разработчик

плагин

Pop-up notifications PRO для Shop-Script

Акции, формы и видео — всплывающим окном в нужный момент

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

  • Готовые типы уведомленийАкции с таймером, формы связи, видео, изображения и HTML.
  • Показ при нужном действииПо времени, прокрутке, клику или попытке покинуть сайт.
  • Контроль частотыНастройте ограничения, чтобы посетитель не видел одно окно слишком часто.
ДОСТУПЕН

Линейка StartWebSite · Webasyst / Shop-Script · 1.3.1

Зачем это магазину

Окно в нужный момент — без навязчивости

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

Окно под любую задачу магазина

Акция с таймером, баннер, видео, форма заявки, виджет соцсети, кнопки «Поделиться» или ваш HTML: 16 типов окон в одном плагине.

Показ в нужный момент

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

Работает во всех приложениях Webasyst

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

Настройка без программирования

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

Как это работает

Окно, условия показа, хелпер на сайте

Всё настраивается на странице плагина в разделе «Плагины» Shop-Script. На сайте остаётся одна строка в шаблоне.

  1. Создайте окно

    Выберите тип, введите заголовок и текст, добавьте картинку или видео и кнопку со ссылкой.

  2. Задайте условия показа

    Например, «через 5 секунд» или «при попытке покинуть сайт», и ограничьте показы одним за визит.

  3. Вставьте хелпер в шаблон

    Одна строка перед закрывающим тегом body. Дальше окно настраивается только в админке.

Акция с таймером и двумя кнопками. Тестовый магазин, вымышленные данные.
Форма обратной связи: заявка уходит письмом на e-mail аккаунта.

Акции, баннеры и видео

Окна, которые рассказывают: акция с таймером обратного отсчёта, картинка-баннер, видео YouTube.

  • Акция: картинка или видео сверху, слева или справа от текста, либо только текст
  • Заголовок и текст с HTML-выделением, до двух кнопок со ссылками и подробное описание акции
  • Таймер обратного отсчёта до указанной даты и времени

Заявки и виджеты

Окна, которые собирают контакты и ведут посетителя в ваши каналы.

  • Форма обратной связи в трёх вариантах: имя, телефон, e-mail, сообщение, время; заявка приходит письмом на основной e-mail аккаунта Webasyst
  • Согласие с политикой конфиденциальности и свой текст ответа после отправки
  • Виджеты групп ВКонтакте, Одноклассников и Facebook, кнопки «Поделиться» от Яндекса

Для чего использовать

Пять типичных задач магазина

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

  • Идёт распродажарезультатАкция с таймером и кнопкой в каталог

    Окно с датой окончания и двумя кнопками. Показ можно ограничить периодом акции.

    Акции

  • Нужны заявки на консультациюрезультатФорма обратной связи с телефоном

    Выберите поля и обязательность, добавьте ссылку на политику конфиденциальности. Заявка придёт письмом.

    Заявки

  • Посетитель собирается уйтирезультатОкно с предложением при уходе с сайта

    Показывается, когда курсор уходит к верхней границе окна браузера, не чаще одного раза за сессию.

    Удержание

  • Нужны подписчики в соцсетяхрезультатВиджет группы или кнопки «Поделиться»

    Окно с виджетом ВКонтакте, Одноклассников или Facebook показывается после прокрутки до нужного места.

    Соцсети

  • Окно нужно только в определённое времярезультатПериод, день недели и часы показа

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

    Расписание

Как задать момент, страницы и ограничения показа

Возможности

Типы, условия и оформление

Всё, что видит посетитель, и момент показа настраиваются в плагине без правки файлов.

  • 16 типов окон

    Изображение, видео, пять вариантов акции, виджеты ВК, OK и Facebook, группа соцсетей, три формы, «Поделиться» и HTML.

  • Условия показа

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

  • Внешний вид

    Девять положений на экране, 13 эффектов появления, размер окна, скругление углов, цвета и фоновая картинка.

  • Фильтры по странице и устройству

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

  • Согласие и отказ

    Флажок «Больше не показывать» со своим текстом и ссылка на политику конфиденциальности в формах.

  • Свой CSS и несколько окон

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

Настоящий интерфейс

Как это выглядит в настройках и на витрине

Снимки сделаны в версии 1.3.1 на тестовом магазине с вымышленными товарами; картинки в окнах — демонстрационные иллюстрации. Нажмите на скриншот, чтобы рассмотреть детали.

Первый запуск

От установки до первого окна

Плагин устанавливается через Установщик Webasyst. Дополнительных настроек сервера не требуется.

  1. Установите плагин через Установщик Webasyst в разделе «Плагины» Shop-Script.

  2. Откройте настройки плагина, в блоке окна выберите тип, заполните текст, картинку и кнопки.

  3. В разделе «Условия показа» задайте запуск, например «Через сколько секунд показать» = 5, и ограничение показов за сессию.

  4. Нажмите «Сохранить» и вставьте хелпер вывода окна в шаблон темы перед закрывающим тегом body.

Пошаговая инструкция с иллюстрациями

Перед установкой

Что важно знать

Требования

  • Работает на Shop-Script X и более ранних версиях
  • Работает во всех приложениях Webasyst: Магазин, Сайт, Блог и т. д.; в настройках окна есть отдельный хелпер для Магазина и для других приложений
  • Работает со всеми темами оформления; на некоторых темах может потребоваться настройка CSS
  • Право изменять шаблон темы: хелпер вывода вставляется в .html-шаблон перед закрывающим тегом body
  • Для формы обратной связи на хостинге должна работать отправка почты Webasyst

Ограничения

  • Окно показывается только при срабатывании запуска (секунды, клик, якорь, прокрутка, уход с сайта, повторный показ); без запуска оно не появится.
  • Данные о показах хранятся в браузере посетителя: после очистки данных или на другом устройстве окно покажется заново.
  • Сохранение настроек не выводит окно на сайт: хелпер нужно вставить в шаблон. Удаляется всегда последнее окно списка.
  • Изображения принимаются в форматах png, jpg, svg, gif и webp.
  • При использовании с некоторыми темами оформления возможны конфликты CSS-стилей, требуется настройка CSS плагина.
  • Для более сложных задач рекомендуется приложение Popup — глубокая модернизация этого плагина, устраняющая его недостатки и включающая все его преимущества.

Частые вопросы

Коротко о главном

Остальные ответы — в разделе «Вопросы и неполадки» руководства.

Окно не появляется на сайте. Почему?

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

Куда вставить хелпер вывода?

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

Куда приходят заявки из формы?

Письмом на основной e-mail аккаунта Webasyst. В письме указаны номер окна, имя, e-mail, телефон, время и сообщение. После настройки отправьте тестовую заявку и проверьте почту, включая «Спам».

Окно показалось один раз и больше не появляется

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

Окно выглядит иначе, чем в настройках

Некоторые темы оформления переопределяют стили. Проверьте окно на сайте и поправьте внешний вид в поле «Пользовательский CSS»; классы элементов видно в инструментах разработчика браузера.

Чем плагин отличается от приложения Popup?

Pop-up notifications PRO — плагин с готовыми типами окон и условиями показа. Popup — отдельное приложение Webasyst с визуальными блоками для более сложных задач; это самостоятельный продукт, плагин продолжает существовать отдельно.

Видео

Посмотрите плагин в работе

Плеер RUTUBE загрузится после нажатия кнопки.

Открыть на RUTUBE

Pop-up notifications PRO для Shop-Script

Покажите акцию или форму тогда, когда посетитель готов её увидеть

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

Просмотр изображения
Оригинал