г. Новосибирск, ул. Ленина 31
Пн-Пт 10-19
 
Разработка сайтов на Битрикс за 2 дня

Установка и настройка модуля Smart Popup

Установка и настройка модуля Smart Popup

Установка и настройка модуля Smart Popup

Полное руководство по установке, настройке правил, дизайну и сбору email

1. Установка

  • Установите модуль из Marketplace
  • Дождитесь окончания установки — модуль создаст в базе данных таблицы для правил показа и собранных email, а также подключит собственный скрипт попапа. Никаких дополнительных действий в шаблоне сайта не требуется.
  • После установки в левом меню админки появится раздел «Настройки» → «Smart Popup».

2. Быстрый старт: первое правило за одну минуту

  1. Перейдите в «Настройки» → «Smart Popup» → «Правила показа».
  2. Нажмите «Добавить правило».
  3. На вкладке содержимого заполните:
    • Маска страницы — например, /catalog/*, чтобы правило сработало на всех страницах каталога.
    • Заголовок и Текст попапа (или включите режим HTML, если нужен более сложный блок с картинкой).
    • Текст кнопки и Ссылка кнопки — куда ведёт призыв к действию.
  4. На вкладке сценария показа оставьте триггер Exit-Intent (значение по умолчанию) — подробнее про остальные сценарии см. пункт 4.
  5. Сохраните — правило сразу начинает работать.

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

3. Правила для разных разделов сайта

Правил можно добавить сколько угодно — например:

Маска страницы Оффер Сценарий показа
/catalog/* Скидка 10% на первый заказ Exit-Intent
/basket/ Напоминание про товары в корзине Exit-Intent
/blog/* Подписка на рассылку с полезными статьями По прокрутке 60%
/tarify/ Предложить консультацию По времени 40 сек

Правила проверяются по полю «Сортировка» сверху вниз — сработает первое совпавшее. Это удобно, если один раздел вложен в другой: например, поставьте более узкое правило /catalog/sale/ с меньшим значением сортировки, чем общее /catalog/* — и для страниц акций сработает именно оно.

Маска страницы поддерживает два формата:

  • Простая маска — символ * означает «любое продолжение пути»: /catalog/* совпадёт и с /catalog/, и с /catalog/shoes/.
  • Регулярное выражение — для сложных случаев заключите шаблон в решётки: #^/catalog/[^/]+/$#.

4. Сценарий показа

В каждом правиле на вкладке «Показ» выбирается один из сценариев:

Сценарий Когда сработает Дополнительное поле
Exit-Intent Курсор уходит за верхнюю границу окна браузера
По времени Через N секунд после загрузки страницы «Задержка, сек»
По прокрутке Посетитель долистал страницу до N% «Прокрутка, %»
По просмотрам страниц Посетитель открыл не менее N страниц за визит «Мин. число просмотров»
По бездействию Посетитель N секунд не взаимодействует со страницей «Задержка, сек»
Вручную Только программным вызовом (для нестандартных сценариев верстальщика)

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


Мы используем файлы 'cookie', чтобы обеспечить максимальное удобство пользователям.