Форма обратной связи для Joomla

Из материала вы узнаете, как создать форму обратной связи в 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, бесплатной версии которого предостаточно для создания полноценной формы обратной связи.

Плюсы

Минусы

Инструкция

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 можно применять в следующих элементах Joomla:

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

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

Rapid Contact

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

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

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

Плюсы

Минусы

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