Из материала вы узнаете, как создать форму обратной связи в Joomla без использования сторонних расширений посредством компонента Контакты, а также о других бесплатных способах.
Компонент «Контакты»
Это способ создания формы обратной связи, которая будет выводится в области компонента Joomla.
Плюсы
- Реализация только средствами ядра Joomla без применения сторонних расширений.
- Может использоваться не только для вывода контактной формы, но и как страницы «Контакты» с дополнительной информацией.
Минусы
- Вывод формы только в области контента (в модуле не получится).
- Нет никаких пользовательских настроек для формы обратной связи.
- Кастомизировать внешний вид без знания кода не получится.
- Не применяется технология AJAX (отправка формы без перезагрузки страницы).
Инструкция
- Создаём пункт меню: Меню → [Нужное меню] → Создать пункт меню.
- Вводим название (например «Контакты»).
- Опция Тип пункта меню: Выбрать → Контакты → Контакт.
- Опция Контакт: Создать.
- Вводим название (например «Контакт»).
- Опция Пользователь: Выбор пользователя (иконка) → Выбираем пользователя, на чей email должны приходить сообщения.
Если этого не сделать, то контактная форма не будет выводиться на веб-странице. - Вкладка Дополнительная информация: здесь можно ввести текст, который также будет отображаться на веб-странице.
- Сохранить и закрыть.
Контакт создан, теперь надо донастроить пункт меню. - Вкладка Отображение: определяем, какая информация должна отображаться на странице.
Если нужно, чтобы отображалась только контактная форма, то выбираем Скрыть для всех пунктов. - Вкладка Почта: необходимо, чтобы для опции Форма обратной связи было установлено значение Показать.
Другие опции на своё усмотрение. - Вкладка Страница: здесь вы можете определить, следует ли выводить заголовок пункта меню на странице, либо переопределить его в опции Заголовок страницы в браузере.
- Сохранить и закрыть.
- Теперь вы можете перейти на страницу с формой обратной связи через соответствующее меню.
Кастомизация страницы
Если на странице будут отображаться лишние заголовки, то сперва проверьте опции пункта меню во вкладке Отображение.
Если какие-либо элементы не удаётся скрыть через настройки, то здесь есть два решения:
- создавать переопределение шаблона Joomla компонента Контакты и править код шаблона,
- скрыть ненужные элементы через CSS.
Рассмотрим второй вариант как более простой. Например, если вы хотите, чтобы не отображался текст «Отправка сообщения», то можете добавить в CSS-файл шаблона (либо в качестве кастомного кода, если позволяет шаблон) следующий код:
.contact-form legend{display:none}
Convert Forms
Компонент Convert Forms — функциональный конструктор форм для Joomla, бесплатной версии которого предостаточно для создания полноценной формы обратной связи.
Плюсы
- Вывод формы в области компонента или в модуле.
- Предустановленные шаблоны
- Множество настроек.
- Возможность добавления элементов формы.
- Применяется технология AJAX (отправка формы без перезагрузки страницы).
- Бесплатно.
Минусы
- «Кривая» русская локализация.
- Сложноват в освоении новичками, много настроек.
Инструкция
- Установите компонент Convert Forms.
Для установки через JED: Система → Установка → Расширения → Установить из JED → Поиск по "convert forms". - Для создания новой формы переходим в Компоненты → Convert Forms → Новая форма.
- Выберите Начать с нуля.
Вы можете выбрать предустановленный шаблон, но все шаблоны подразумевают форму подписки. Чтобы сделать из неё форму обратной связи, потребуется заменить поля. - Новая форма будет содержать 3 поля:
- Email адрес.
- Текстовое поле.
- Кнопка отправки.
- До полноценной контактной формы не хватает текстовой области для ввода сообщения, поэтому во вкладке Добавить поле кликните Область текста.
Новое поле отобразится последним в форме. - Чтобы изменить порядок полей, перейдите в Добавить поля и поменяйте поля местами методом перетаскивания.
- Чтобы изменить текст и другие параметры определённого поля, кликните по этому полю в форме.
В левой части отобразятся Параметры выбранного поля. - Указать email получателя сообщения можно в Поведение → Уведомления по эл. почте.
- Настроить внешний вид формы можно в Дизайн.
- После того, как завершите создание формы, нажмите Сохранить, после чего на иконку закрытия редактора.
- Теперь вы можете вывести форму следующими способами:
- Создать пункт меню компонента Convert Forms.
- Создать модуль Convert Forms.
- Вставить шорткод в материал Joomla.
SP Page Builder Pro
Платная версия популярного конструктора страниц для Joomla включает подходящий под нашу задачу аддон Контактная форма (Contact form).
Плюсы
- Можно использовать как в области компонента, так и в модулях.
- Можно использовать не только в области компонента SP Page Builder, но и в области com_content.
- Гибкая кастомизация внешнего вида.
- Узкая направленность, никаких лишних элементов формы.
- Множество настроек для кастомизации внешнего вида.
- Отправка сообщения без перезагрузки страницы (применяется технология Ajax).
- Можно сочетать с другими аддонами при модулировании страницы.
Минусы
- Только в платной версии компонента.
- Ограниченное количество полей.
- На момент создания данного материала нельзя выбирать email получателя: письма будут приходить на адрес электронной почты, указанный в общих настройках Joomla.
Инструкция
Аддоны SP Page Builder можно применять в следующих элементах Joomla:
- на страницах самого компонента,
- на страницах Joomla (com_content),
- в модулях SP Page Builder.
Чтобы применить аддон «Контактная форма»:
- создайте нужный элемент (страницу или модуль), если он еще не создан;
- перейдите на страницу его редактирования;
- добавьте строку, если она еще не добавлена;
- добавьте аддон в нужную колонку;
- настройте аддон:
- Внешний вид.
- Отображение капчи.
- Отображение чекбокса согласия.
Rapid Contact
Rapid Contact — узконаправленный модуль для создания контактных форм. Бесплатная версия позволяет реализовать форму обратной связи с необходимыми полями:
- email,
- тема,
- сообщение.
В платной версии вы можете добавлять дополнительные поля. Расширение очень лёгкое, при этом позволяет настроить:
- текст всех полей, кнопки отправления и уведомлений;
- вывод подписей для полей (внутри или за пределами поля);
- цвет текста, размеры полей и CSS-класс формы;
- анти-спам (капча или вопрос).
Установить Rapid Contact можно из админки через JED. Если вдруг столкнётесь с ошибкой «Не удалось найти файл манифеста», то найдите модуль в каталоге расширений, скачайте и установите вручную. Вставить контактную форму в область компонента можно, используя кнопку в текстовом редакторе (встроенный функционал Joomla).
Плюсы
- Лёгкое узконаправленное расширение, ничего лишнего.
- Есть настройки для всего необходимого.
- Бесплатно.
Минусы
- Нет настроек для изменения дизайна (кастомизация только через CSS).
- Ограниченный набор полей в бесплатной версии.
- Не применяется технология AJAX (отправка формы без перезагрузки страницы).
Видеоинструкция
Упоминаемые термины:
CSS, JED, Joomla, Кастомизация, Файл манифеста, AJAX, Контент, Convert Forms, Шорткод, SP Page Builder