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

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

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

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

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

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

Порядок действий
1. Админка Joomla ➝ Компоненты ➝ Balbooa Forms.2. Клик по кнопке «Создать» (Add New Form).3. Введи имя формы (например, «Подписка на рассылку — Подвал») ➝ «Сохранить».
2 Настройка горизонтального макета и сетки (Form Layout)

Для создания популярной однострочной формы (Inline Form), где поле ввода Email и кнопка расположенны в одну линию, настрой структуру строки и пропорции колонок:

Конфигурация сетки
1. Добавь строку с двумя колонками (например, 70% для поля Email и 30% для кнопки).2. Выровняй элементы по вертикальному центру в настройках строки.3. Отключи лишние внешние и внутренние отступы (Margins / Paddings) для достижения эффекта единого блока.
3 Добавление и настройка полей подписки (Email, Имя, Согласие)

Перетащи из боковой панели элементов системное поле Email, кнопку отправки Submit Button и чекбокс согласия на обработку персональных данных:

Параметры элементов
• Email Field: - Тип: Email (обязательное для заполнения) - Placeholder: «Введите ваш e-mail» - Скрыть текстовую подпись (Hide Label)• Acceptance / Checkbox (Согласие на обработку данных): - Текст: «Я согласен с политикой конфиденциальности» - Обязательное поле (Required)• Submit Button: - Текст кнопки: «Подписаться» или иконка бумажного самолетика
4 Стилизация кнопки отправки (Submit Button Design)

Открой настройки дизайна кнопки отправки для кастомизации цвета фона, шрифта, скруглений углов и эффектов при наведении (Hover):

Настройки дизайна кнопки
• Цвет фона (Background Color) и цвет текста• Настройки Hover: изменение фона и тени при наведении• Радиус скругления (Border Radius): 0px для примыкания к инпуту или полное скругление (Pill Button)• Внутренние отступы (Padding) для идеальной высоты совпадения с полем ввода
5 Стилизация полей ввода (Inputs Design)

Открой настройки дизайна полей ввода (Inputs Design), чтобы оформить рамку, цвет фона инпута и эффект фокуса при клике:

Параметры внешнего вида инпутов
• Background & Border: прозрачный или светлый фон, тонкая рамка (Border Width)• Focus State: подсвечивание границы акцентным цветом при активном вводе• Typography: цвет текста подсказки (Placeholder Color) и вводимого текста• Border Radius: согласование скругления углов с кнопкой отправки
Обрати внимание:

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