Всплывающие окна - Попап | Гибкая настройка и персонализация | интеграция с Октопус CDP
Технические данные
- Опубликовано:
- 07.05.2026
- Обновлено:
- 04.09.2026
- Версия:
- 1.5.2
- Установлено:
- Менее 50 раз
- Подходящие редакции:
- «Старт», «Стандарт», «Малый бизнес», «Бизнес»
- Адаптивность:
- Нет
- Поддержка Композита:
- Нет
- Совместимо с Сайты24
- Нет
Пользовательское соглашение
Описание
Всплывающие окна для 1С-Битрикс
Это бесплатный модуль для создания всплывающих окон на сайтах 1С-Битрикс. С его помощью можно запускать попапы и модальные окна, настраивать условия показа, собирать контакты посетителей и отслеживать результат.
Используйте всплывающие окна для акций, промокодов, форм обратной связи, специальных предложений и других маркетинговых задач — без постоянных правок сайта и отдельной разработки под каждую механику.
Показывайте окно в подходящий момент
Попап не обязательно показывать каждому посетителю сразу после входа на сайт.
В Октопус можно настроить условия, при которых появится всплывающее окно. Так предложение становится частью пользовательского сценария, а не просто баннером поверх страницы.
Например, можно:
* предложить скидку или промокод;
* собрать email или номер телефона;
* получить заявку на обратный звонок;
* рассказать об акции или специальном предложении;
* направить посетителя в нужный раздел;
* показать сообщение определённой аудитории.
Создавайте окна под дизайн вашего сайта
Внешний вид модальных окон можно адаптировать под фирменный стиль интернет-магазина.
Октопус поддерживает собственные HTML-шаблоны, поэтому вы не ограничены стандартным внешним видом. Можно создавать формы, промо-блоки, информационные окна, предложения с кнопками и другие варианты попапов под конкретную задачу.
Для подготовки собственного шаблона можно использовать и ИИ — в документации есть готовые примеры промптов для создания HTML-кода всплывающих окон.
Собирайте заявки прямо на сайте
Добавляйте формы во всплывающие окна и превращайте посетителей сайта в контакты.
Например, предложите оставить телефон для консультации, получить промокод, подписаться на новости или запросить дополнительную информацию о товаре.
Так модальное окно становится не просто рекламным элементом, а полноценной точкой взаимодействия с посетителем.
Анализируйте работу попапов
Октопус собирает статистику по работе всплывающих окон, чтобы можно было оценивать эффективность разных механик и предложений.
Смотрите результаты, меняйте условия показа и постепенно находите варианты, которые лучше работают с вашей аудиторией.
Больше возможностей с Октопус CDP
Модуль можно использовать самостоятельно. Но при подключении Октопус CDP всплывающие окна становятся частью автоматической работы с клиентами.
Вместо одного и того же попапа для всех посетителей можно использовать данные о клиентах, сегменты, действия на сайте и другие условия.
Например:
**Клиент попал в нужный сегмент → Октопус выдал персональный промокод → посетитель увидел предложение на сайте.**
Или:
**Клиент совершил нужное действие → запустился сценарий → на сайте появилось персональное всплывающее окно.**
Попапы можно объединять с сегментацией, промокодами и другими инструментами Октопус CDP. Это позволяет строить более точные сценарии коммуникации и показывать посетителю предложение с учётом того, что система уже знает о клиенте.
От простого всплывающего окна до персонального маркетинга
Начните с обычного попапа для 1С-Битрикс: запустите акцию, соберите контакты или покажите специальное предложение.
А когда понадобится больше возможностей, подключите Октопус CDP и объедините всплывающие окна с данными клиентов, сегментами и автоматическими сценариями.
| 1.5.2 (04.09.2026) | Версия 1.5.2
|
| 1.5.1 (28.08.2026) | Версия 1.5.1
|
| 1.5.0 (26.08.2026) | Версия 1.5.0
|
| 1.4.9 (25.08.2026) | Версия 1.4.9
|
| 1.4.8 (24.08.2026) | Версия 1.4.8
|
| 1.4.7 (11.08.2026) | Версия 1.4.7
|
| 1.4.6 (03.07.2026) | Версия 1.4.6
|
| 1.4.5 (30.06.2026) | Версия 1.4.5
|
| 1.4.4 (18.06.2026) | Версия 1.4.4
|
| 1.4.3 (18.06.2026) | Версия 1.4.3
|
| 1.4.2 (09.06.2026) | Версия 1.4.2
|
| 1.4.1 (02.06.2026) | Версия 1.4.1
|
- Нажмите зелёную кнопку «Установить» на странице модуля и следуйте инструкции на стороне 1С-Битрикс Marketplace.
- Битрикс автоматически скачает и установит модуль — таблица в базе данных и обработчик событий создаются без дополнительных действий.
Альтернативно установить модуль можно прямо из административной панели: Настройки → Настройки продукта → Marketplace → Каталог решений, введите в поиске "Всплывающие окна - Попап", откройте карточку и нажмите Установить бесплатно.
---
Где находится модульПосле установки в административной панели появится раздел Маркетинг → Всплывающие окна.
---
Создание попапаНажмите + Добавить попап и заполните две вкладки:
Вкладка «Шаблон» — название попапа и его HTML-код (см. раздел ниже).
Вкладка «Условия» — параметры показа: галочка «Попап активен», задержка показа в секундах, процент прокрутки, минимальное число просмотренных страниц, правила по URL, выбор устройств и настройка повторного показа.
Нажмите Сохранить — попап начнёт показываться на сайте согласно заданным условиям.
---
Как составить шаблонШаблон - это обычный HTML, который модуль вставляет в страницу и оборачивает в затемнённую подложку с центрированием. Поэтому в шаблоне нужно описывать только содержимое самого окна — фон, overlay и позиционирование добавлять не нужно.
Рекомендации:
- Используйте инлайн-стили (style="..." прямо на элементах). Это исключает конфликты со стилями сайта.
- Закрытие окна — любой элемент с атрибутом data-close закрывает попап по клику. Достаточно повесить его на кнопку «×» или фон.
- Уникальные id и классы — давайте элементам уникальные имена (например, с префиксом popup_), чтобы не пересекаться с разметкой страницы.
- Скрипты работают — теги <script> внутри шаблона выполняются корректно. В них удобно делать валидацию полей, отправку формы и показ сообщения об успехе.
После отправки формы удобно скрыть поля и показать блок «Спасибо!» — этот приём можно использовать в любом своём шаблоне.
---
Обработка формыСам модуль форму не обрабатывает — он только показывает HTML. Логику отправки вы задаёте внутри шаблона. Есть два пути.
Вариант 1. PHP-обработчик на стороне Битрикс (по умолчанию)Большинство сайтов на 1С-Битрикс обрабатывают формы своим серверным скриптом: данные уходят AJAX-запросом в PHP-файл, который средствами Битрикса отправляет письмо (CEvent::Send), создаёт лид в CRM или пишет в инфоблок.
Создайте файл, например /local/ajax/popup_subscribe.php:
php
<?php
define('STOP_STATISTICS', true);
require($_SERVER['DOCUMENT_ROOT'].'/bitrix/modules/main/include/prolog_before.php');
use Bitrix\Main\Context;
use Bitrix\Main\Web\Json;
header('Content-Type: application/json; charset=utf-8');
$request = Context::getCurrent()->getRequest();
$name = trim((string)$request->getPost('NAME'));
$email = trim((string)$request->getPost('EMAIL'));
if ($name === '' || !check_email($email)) {
echo Json::encode(['status' => 'error']);
die();
}
// Отправка письма через стандартный почтовый шаблон Битрикс.
// Тип почтового события (здесь FEEDBACK_FORM) и шаблон письма
// должны существовать в Настройки → Настройки продукта → Почтовые события.
CEvent::Send('FEEDBACK_FORM', SITE_ID, [
'AUTHOR' => $name,
'AUTHOR_EMAIL' => $email,
'TEXT' => 'Подписка через всплывающее окно',
]);
echo Json::encode(['status' => 'ok']);
die(); |
В шаблоне попапа отправьте данные на этот файл:
js
fetch('/local/ajax/popup_subscribe.php', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: 'NAME=' + encodeURIComponent(name) + '&EMAIL=' + encodeURIComponent(email)
})
.then(function (r) { return r.json(); })
.then(function (data) {
if (data.status === 'ok') {
// скрыть поля и показать блок «Спасибо!»
}
})
.catch(function () { /* ошибка сети */ }); |
Вместо CEvent::Send в обработчике можно использовать любой привычный способ: создание лида в CRM (CCrmLead::Add), запись в инфоблок или передачу данных в стороннюю систему.
Вариант 2. Интеграция с Octopus CDPЕсли сайт подключён к Octopus CDP, форму можно не заводить на сервере — достаточно вызвать oct_goal(). Метод фиксирует цель и обновляет профиль клиента переданными полями:
js
window.oct_goal('goal_name', {
update: {
NAME: name,
EMAIL: email
}
}); |
Другие решения разработчика
© 2001-2026 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом.