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

Компонент «Контакты»

Это способ создания формы обратной связи, которая будет выводится в области компонента Joomla.

Плюсы

  • Реализация только средствами ядра Joomla без применения сторонних расширений.
  • Может использоваться не только для вывода контактной формы, но и как страницы «Контакты» с дополнительной информацией.

Минусы

  • Вывод формы только в области контента (в модуле не получится).
  • Нет никаких пользовательских настроек для формы обратной связи.
  • Кастомизировать внешний вид без знания кода не получится.
  • Не применяется технология AJAX (отправка формы без перезагрузки страницы).

Инструкция

  1. Создаём пункт меню: Меню[Нужное меню]Создать пункт меню.
  2. Вводим название (например «Контакты»).
  3. Опция Тип пункта меню: ВыбратьКонтактыКонтакт.
  4. Опция Контакт: Создать.
  5. Вводим название (например «Контакт»).
  6. Опция Пользователь: Выбор пользователя (иконка) → Выбираем пользователя, на чей email должны приходить сообщения.
    Если этого не сделать, то контактная форма не будет выводиться на веб-странице.
  7. Вкладка Дополнительная информация: здесь можно ввести текст, который также будет отображаться на веб-странице.
  8. Сохранить и закрыть.
    Контакт создан, теперь надо донастроить пункт меню.
  9. Вкладка Отображение: определяем, какая информация должна отображаться на странице.
    Если нужно, чтобы отображалась только контактная форма, то выбираем Скрыть для всех пунктов.
  10. Вкладка Почта: необходимо, чтобы для опции Форма обратной связи было установлено значение Показать.
    Другие опции на своё усмотрение.
  11. Вкладка Страница: здесь вы можете определить, следует ли выводить заголовок пункта меню на странице, либо переопределить его в опции Заголовок страницы в браузере.
  12. Сохранить и закрыть.
  13. Теперь вы можете перейти на страницу с формой обратной связи через соответствующее меню.

Кастомизация страницы

Если на странице будут отображаться лишние заголовки, то сперва проверьте опции пункта меню во вкладке Отображение.

Если какие-либо элементы не удаётся скрыть через настройки, то здесь есть два решения:

  1. создавать переопределение шаблона Joomla компонента Контакты и править код шаблона,
  2. скрыть ненужные элементы через CSS.

Рассмотрим второй вариант как более простой. Например, если вы хотите, чтобы не отображался текст «Отправка сообщения», то можете добавить в CSS-файл шаблона (либо в качестве кастомного кода, если позволяет шаблон) следующий код:

.contact-form legend{display:none} 

Convert Forms

Компонент Convert Forms — функциональный конструктор форм для Joomla, бесплатной версии которого предостаточно для создания полноценной формы обратной связи.

Плюсы

  • Вывод формы в области компонента или в модуле.
  • Предустановленные шаблоны
  • Множество настроек.
  • Возможность добавления элементов формы.
  • Применяется технология AJAX (отправка формы без перезагрузки страницы).
  • Бесплатно.

Минусы

  • «Кривая» русская локализация.
  • Сложноват в освоении новичками, много настроек.

Инструкция

  1. Установите компонент Convert Forms. 
    Для установки через JED: Система Установка Расширения Установить из JED → Поиск по "convert forms".
  2. Для создания новой формы переходим в Компоненты Convert Forms → Новая форма
  3. Выберите Начать с нуля.
    Вы можете выбрать предустановленный шаблон, но все шаблоны подразумевают форму подписки. Чтобы сделать из неё форму обратной связи, потребуется заменить поля.
  4. Новая форма будет содержать 3 поля: 
    1. Email адрес.
    2. Текстовое поле.
    3. Кнопка отправки.
  5. До полноценной контактной формы не хватает текстовой области для ввода сообщения, поэтому во вкладке Добавить поле кликните Область текста.
    Новое поле отобразится последним в форме.
  6. Чтобы изменить порядок полей, перейдите в Добавить поля и поменяйте поля местами методом перетаскивания.
  7. Чтобы изменить текст и другие параметры определённого поля, кликните по этому полю в форме.
    В левой части отобразятся Параметры выбранного поля.
  8. Указать email получателя сообщения можно в Поведение Уведомления по эл. почте.
  9. Настроить внешний вид формы можно в Дизайн.
  10. После того, как завершите создание формы, нажмите Сохранить, после чего на иконку закрытия редактора.
  11. Теперь вы можете вывести форму следующими способами:
    1. Создать пункт меню компонента Convert Forms.
    2. Создать модуль Convert Forms.
    3. Вставить шорткод в материал Joomla.

SP Page Builder Pro

Платная версия популярного конструктора страниц для Joomla включает подходящий под нашу задачу аддон Контактная форма (Contact form).

Обратите внимание
Рассматривается SP Page Builder Pro версии 4.

Плюсы

  • Можно использовать как в области компонента, так и в модулях.
  • Можно использовать не только в области компонента SP Page Builder, но и в области com_content.
  • Гибкая кастомизация внешнего вида.
  • Узкая направленность, никаких лишних элементов формы.
  • Множество настроек для кастомизации внешнего вида.
  • Отправка сообщения без перезагрузки страницы (применяется технология Ajax).
  • Можно сочетать с другими аддонами при модулировании страницы.

Минусы

  • Только в платной версии компонента.
  • Ограниченное количество полей.
  • На момент создания данного материала нельзя выбирать email получателя: письма будут приходить на адрес электронной почты, указанный в общих настройках Joomla.

Инструкция

Аддоны SP Page Builder можно применять в следующих элементах Joomla:

  • на страницах самого компонента,
  • на страницах Joomla (com_content),
  • в модулях SP Page Builder.

Чтобы применить аддон «Контактная форма»:

  1. создайте нужный элемент (страницу или модуль), если он еще не создан;
  2. перейдите на страницу его редактирования;
  3. добавьте строку, если она еще не добавлена;
  4. добавьте аддон в нужную колонку;
  5. настройте аддон:
    1. Внешний вид.
    2. Отображение капчи.
    3. Отображение чекбокса согласия.

Rapid Contact

Rapid Contact — узконаправленный модуль для создания контактных форм. Бесплатная версия позволяет реализовать форму обратной связи с необходимыми полями:

  • email,
  • тема,
  • сообщение.

В платной версии вы можете добавлять дополнительные поля. Расширение очень лёгкое, при этом позволяет настроить:

  • текст всех полей, кнопки отправления и уведомлений;
  • вывод подписей для полей (внутри или за пределами поля);
  • цвет текста, размеры полей и CSS-класс формы;
  • анти-спам (капча или вопрос).

Установить Rapid Contact можно из админки через JED. Если вдруг столкнётесь с ошибкой «Не удалось найти файл манифеста», то найдите модуль в каталоге расширений, скачайте и установите вручную. Вставить контактную форму в область компонента можно, используя кнопку в текстовом редакторе (встроенный функционал Joomla).

Плюсы

  • Лёгкое узконаправленное расширение, ничего лишнего.
  • Есть настройки для всего необходимого.
  • Бесплатно.

Минусы

  • Нет настроек для изменения дизайна (кастомизация только через CSS).
  • Ограниченный набор полей в бесплатной версии.
  • Не применяется технология AJAX (отправка формы без перезагрузки страницы).

Видеоинструкция

Упоминаемые термины:

CSS, JED, Joomla, Кастомизация, Файл манифеста, AJAX