Сообщество строителей сайтов на Joomla + Gridbox

Gridbox 3.0 уже вышел — как безопасно обновиться

Личный кабинет

Создание формы подписки Email Opt-In в Joomla с помощью Balbooa Forms

Форма подписки Email Opt-In (лид-магнит / всплывающее окно сбора подписчиков) — один из наиболее эффективных инструментов для сбора базы клиентов, увеличения конверсии и продвижения специальных предложений (скидок, промокодов, электронных книг, полезных гайдов). В Balbooa Forms создание всплывающей Opt-In формы занимает пару минут: вы можете настроить поля сбора контактов, стилизовать завлекающий заголовок и кнопку, переключить форму в режим всплывающего окна (Popup) и настроить смарт-триггеры автоматического показа (по таймеру, прокрутке страницы, при клике или при попытке пользователя уйти с сайта).
Сложность No-Code / Базовый
Время ~ 5 минут
Совместимость Balbooa Forms / Gridbox / Joomla 4 / 5 / 6 и т.д.
1 Создание новой формы подписки Email Opt-In

Перейдите в панели управления Joomla в раздел Компоненты ➝ Balbooa Forms, нажмите кнопку Создать (Add New Form) и укажите название для новой формы:

Порядок действий
1. Админка Joomla ➝ Компоненты ➝ Balbooa Forms.2. Кликните по кнопке «Создать» (Add New Form).3. Введите название формы (например, «Email Opt-In — Скидка 10%») ➝ «Сохранить».
2 Добавление и настройка полей формы (Лид-магнит)

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

Набор элементов Opt-In формы
• HTML / Header — заголовок лид-магнита (например, «Получите скидку 10% на первый заказ!»).• Text Input (Ваше имя) — необязательное поле ввода имени для персонализации.• Email (Эл. почта) — обязательное поле сбора email-адреса.• Acceptance (Согласие) — чекбокс согласия с политикой конфиденциальности.• Submit Button — яркая кнопка призыва к действию (например, «Получить промокод»).
3 Стилизация внешнего вида формы и акцентных элементов (Design)

Настройте визуальное оформление формы под стиль вашего бренда во вкладке Дизайн (Design):

Параметры дизайна
• Фоновое изображение / цвет: добавьте привлекательную фоновую картинку или фоновый градиент.• Типографика: настройте крупный контрастный заголовок и читаемый подзаголовок.• Инпуты (Inputs): задайте фоновый цвет, стили рамки (Border) и скругления углов.• Кнопка (Submit Button): задайте контрастный акцентный цвет и эффект наведения (Hover).
4 Перевод формы в режим всплывающего модального окна (Popup)

Чтобы форма отображалась во всплывающем модальном окне поверх контента, перейдите в Настройки (Settings) ➝ Модальное окно (Modal / Popup):

Настройки модального окна
1. Включите опцию «Display in Popup» (Отображать во всплывающем окне).2. Задайте ширину окна (Popup Width) — например, 500px или 600px.3. Выберите эффект анимации появления (Animation) — Zoom, Fade или Slide.4. Настройте затемнение фонового слоя (Overlay) и расположение кнопки закрытия.
5 Настройка автоматических триггеров показа Popup (Triggers)

Настройте условия, при которых модальное окно Opt-In подписки будет автоматически появляться перед посетителем:

Типы автоматических триггеров
• On Page Load / Delay (Задержка по времени): показ окна через N секунд после захода на сайт (например, через 10–15 секунд).• On Page Scroll (Процент прокрутки): открытие окна при прокрутке страницы на 50% или 70%.• Exit-Intent (При попытке уйти): показ окна, когда пользователь ведет курсор к закрытию вкладки браузера.• Cookie Lifetime (Время жизни куки): ограничение повторных показов (например, не чаще 1 раза в 30 дней для одного посетителя).
Обрати внимание:

Для автоматического сбора базы подписчиков не забудьте подключить почтовый сервис во вкладке Настройки (Settings) ➝ Интеграции (Integrations) (например, Mailchimp, GetResponse, ACyMailing, Telegram и др.). Все новые подписчики будут моментально попадать в указанный список рассылки.