Joomla! 2.5 / 3МодульВерсия 1.1.4 (от 23.01.2017).

Модуль представляет собой универсальную, адаптивную контактную форму, работающую на технологии AJAX.

Гибкость настроек позволит привести форму к такому виду, который нужен именно вам, под уникальный дизайн именно вашего сайта.

C помощью настроек можно задавать такие параметры, как ширина формы, её внутренние отступы, различные цвета для кнопки и текста, цвет и уровень прозрачности фона формы (прозрачность идеально подойдет для лендинг страниц). Есть возможность указать цветовые параметры при наведении мышью. Можно выбрать какие поля показывать, а какие нет. Какие поля требуют обязательного заполнения, а какие нет.

Все это и многое другое реализовано без использования каких-либо дополнительных библиотек вроде jQuery или MooTools и не требует их подключения. Таким образом, модуль гарантирует отсутствие конфликтов с другими расширениями. Вся клиентская часть написана только на чистом, нативном JavaScript.

Features

  • AJAX
    Модуль работает на технологии AJAX. Отправка письма происходит без перезагрузки страницы.
  • RESPONSIVE
    Форма адаптивна к мобильным устройствам.
  • Только нативный JavaScript
    Модуль не использует дополнительные JS-библиотеки (jQuery, MooTools и т.д.). Это полностью исключает возможность конфликта с другими расширениями.
  • HTML 5 Field Types
    В форме используются поля стандарта HTML 5. Это дает некоторые приемущества, например дополнительную браузерную валидацию, вызов специализированной клавиатуры (под номер телефона, под email...) на мобильных устройствах и т.д.
  • Мультиязычность
    Из коробки в модуль включены как Русский, так и Английский языки. При желании можно создать любой другой перевод.
  • Наличие Update Server-а
    Вам не нужно самостоятельно следить за выходом новых версий модуля т.к. в систему устанавливается сервер обновлений. При появлении свежей версии, Joomla! сама оповестит вас об этом и вы сможете обновиться буквально в один клик.

Системные требования

  • Joomla! версии 2.5 или 3+

Функционал модуля (настройки в админке)

Основные настройки


  • E-mail получателя
    Укажите один или несколько email-ов (через запятую), на которые вы хотите получать сообщения из формы. Если оставить это поле пустым, то письмо будет отправлено на ящик, указанный как "E-mail сайта" в общих настроках Joomla!.
  • Подпись в теме письма
    Тема каждого приходящего письма, отправленного через форму, будет начинаться с вашей подписи. Параметр нужен для визуального отделения писем, отправленных через форму от остальных.
  • Заблокировать форму после успешной отправки
    Для избежания мультикликов, данный параметр позволяет заблокировать форму после успешной отправки письма.
  • Время показа сообщений об отправке (в секундах)
    Укажите, сколько секунд показывать сообщене об успешной или неуспешной отправке письма.

Поля формы


  • Вкл. / Выкл. поле "Email"
    Параметр включает поле, в котором посетителю предлагается оставить свой email.
  • Email обязателен для заполнения (Да / Нет)
  • Вкл. / Выкл. поле "Телефон"
    Параметр включает поле, в котором посетителю предлагается оставить свой телефон.
  • Телефон обязателен (Да / Нет)
  • Вкл. / Выкл. поле "Тема сообщения"
    Параметр включает поле, в котором посетитель сайта может указать тему своего обращения.

Внешний вид


  • Ширина формы
    Параметр позволяет задать ширину формы в любых единицах измерения (px, %, em, rem...).
  • Внутренние отступы формы (padding)
    Можно указывать в любых единицах измерения (px, %, em, rem...).
    Примеры использования:
    "15px" - 15px со всех сторон
    "15px 0" - 15px сверху и снизу, 0 слева и справа
    "5px 10px 15px" - 5px сверху, 10px слева и справа, 15px снизу
    "10px 5px 10px 5px" - 10px сверху, 5px справа, 10px снизу, 5px слева
  • Изображение AJAX-загрузки
    Параметр позволяет использовать собственные картинки с анимацией AJAX-загрузки.
  • Цвет текста в полях ввода
    Здесь указывается цвет текста в полях формы.
  • Фоновый цвет полей ввода
  • Прозрачность фона у полей ввода
    Полезен, когда вы используете картинку в качестве бэкграунда формы.
    0 - Полностью прозрачный (невидимый) фон
    1 - Непрозрачный (залитый) фон.
  • Цвет текста и сообщений об отправке
    Параметр определяет цвет текста формы (сообщения об отправке, информация и т.д.). Эта настройка не затрагивает стили самих полей (input-ов).
  • Фоновый цвет формы
  • Прозрачность фона формы
    НЕ ВЛИЯЕТ на фоновое изображение формы, если оно установлено!
    Параметр задает уровень прозрачности для фона. Можно задать значение от 0 до 1.
    0 - Полностью прозрачный (невидимый) фон
    1 - Непрозрачный (залитый) фон
  • Фоновое изображение формы
    Позволяет установить картинку в качестве фона.
  • Текст кнопки
    Можно задать свой собственный текст для кнопки "Отправить".
  • Цвет текста кнопки
  • Цвет текста кнопки при наведении
  • Цвет самой кнопки
  • Цвет самой кнопки при наведении

Скриншоты



Скачать

Changelog

v1.1.4 (23.01.2017)

  • Добавлена возможность указать несколько email-адресов в качестве получателей.

v1.1.3 (20.09.2016)

  • Новый параметр "Фоновый цвет полей ввода". Теперь полям можно задавать фоновый цвет для более тонкой настройки внешнего вида формы.
  • Новый параметр "Прозрачность фона у полей ввода". Кроме фонового цвета, теперь появилась возможность задавать еще и прозрачность для полей. Это полезно, когда вы используете картинку в качестве бэкграунда формы.

v1.1.2 (31.08.2016)

  • Мини-фикс с фоновым изображением.

v1.1.1 (26.08.2016)

  • Исправлен баг, с приходящими письмами. Раньше, при нажатии на кнопу "Ответить", в поле "Кому" подставлялся не адрес пользователя, а Email сайта. Теперь это исправлено.
  • Добавлена возможность устанавливать собственную картинку для AJAX-загрузки.
  • Новый параметр "Цвет текста в полях ввода". Теперь можно задавать еще и цвет текста в самих input-ах прямо в админке, что делает настройку формы еще более гибкой.
  • Новый параметр "Фоновое изображение формы". Появилась возможность устанавливать изображение в качестве бэкграунда формы.