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

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

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

Создание формы заказа обратного звонка в Joomla с помощью Balbooa Forms

Форма заказа обратного звонка (Callback Request Form) — один из самых конверсионных элементов на сайте, позволяющий за несколько секунд получить контакт горячего клиента. В Balbooa Forms создание интерактивного виджета обратного звонка занимает пару минут: вы можете настроить сбор имени, номера телефона и удобного времени вызова, стилизовать всплывающее модальное окно (Popup) и настроить гибкие автоматические триггеры показа (по клику, таймеру, скроллу или при попытке уйти с сайта).
Сложность 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 Добавление и настройка полей формы

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

Набор полей для обратного звонка
• Text Input (Ваше имя) — поле ввода имени пользователя.• Phone (Номер телефона) — поле ввода телефона с обязательной маской (+7 (999) 999-99-99).• Dropdown / Radio — выбор удобного времени звонка (например, «В ближайшее время», «С 10:00 до 14:00», «С 14:00 до 18:00»).• Acceptance (Согласие) — обязательный чекбокс согласия с политикой конфиденциальности.• Submit Button — кнопка отправки с текстом «Перезвоните мне».
3 Стилизация внешнего вида формы (Design)

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

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

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

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

Вы можете настроить автоматическое открытие формы обратного звонка при наступлении определенных событий на странице:

Типы триггеров Popup
• On Click (По клику): привязка вызова окна к кнопке, плавающей иконке или пункту меню через класс ba-form-trigger-ID.• On Page Load / Delay (Задержка по времени): показ формы через N секунд после входа на сайт (например, через 15 сек).• On Page Scroll (Процент прокрутки): открытие окна при прокрутке страницы на 50% или 70%.• Exit-Intent (При попытке уйти): показ формы, когда курсор мыши перемещается к закрытию вкладки браузера.
Обрати внимание:

Чтобы не раздражать постоянных пользователей назойливыми всплывающими окнами, обязательно настройте параметр Cookie Lifetime (Время жизни куки) во вкладке триггеров — например, показывать автоматический Popup не чаще 1 раза в 7 или 30 дней для одного посетителя.