Рейтинг:  5 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна
 

Форма обратной связи на русском языке, простая, но функциональная.

В этой статье рассмотрим как поставить на сайт форму обратной связи и как её настроить.
Компонент называется FormCalc, при помощи него можно создавать не только формы, но и различные онлайн калькуляторы. 
Про онлайн-калькулятор расскажу в следующем выпуске журнала, если интересно, то подпишитесь.

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

Возможно, форма кому-то не понравиться, т.к. для работы с ней нужно знать хотя бы основы HTML/CSS.
Но сильно не расстраивайтесь, в этой статье я приведу HTML-код для вставки.

Установка компонента обычная, после неё вы увидите в списке компонентов - "Формы-калькуляторы".

Шаг 1. Создаём новую форму.

Переходим в компонент "Формы калькуляторы" и в правом верхнем углу жмём "Создать".
После этого переходим на страницу с настройками формы, вкладка Общие данные.

форма обратной связи на русском для Joomla 2.5

Здесь заполняется название формы и её описание, его видят пользователи.

Шаг 2. Создаём шаблон формы.

Сейчас немного объясню суть работы.

В компоненте нет заранее созданных полей для формы, как это можно встретить во многих подобных расширениях.
Все поля вы создаёте самостоятельно, на ваш вкус и цвет, как вам угодно.
В этом и фишка этого компонента. Сюда можно привязать любой скрипт, любые стили и т.д.
Вы просто создаёте небольшой кусок HTML-кода с полями (input, select, textarea) и указываете для них имена (name="xxx").

При отправке формы с сайта данные из этих полей обрабатываются компонентом, и дальше они поступают в ваше распоряжение.
Я думаю дальше на примере будет понятнее...

Во вкладке "Шаблон формы" создаёте html-код с вашей формой.

настройка формы обратной связи

Для примера можете взять этот.

В нём указаны 4 поля:

<input type="text" name="nik" ... />
<input type="text" name="email" .../>
<textarea name="text" ...>
<input type="file" name="file" />

Чек-бокс "Разрешить загрузку файлов" делайте на ваше усмотрение.
Если хотите, чтобы пользователи прикрепляли свои файлы, то поставьте Да.
В примере HTML-кода зарузка файлов есть.

Окно "Формула" оставьте пустым, оно используется для калькуляторов.

Шаг 3. Создаём шаблон E-mail сообщения.

Шаблон создаётся на основе имён полей, которые вы указали в форме.
В примере, который я привёл есть 4 поля.
Это Имя, E-mail, текст сообщения и поле для загрузки файла.
Каждое поле имеет своё имя (input name="xxx")

В шаблоне просто подставляются имена полей в фигурных скобках.

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

Данные из этих полей отправяться на почту указанную внизу. E-mail'ы можно писать через запятую.

Шаг 4. Создаём шаблон сообщения для пользователя.

Тут всё просто. Пишете нужный вам текст, который будет выводиться пользователю, после отправки формы.

форма обратной связи - шаблон сообщения

Сохраняем форму, практически всё уже готово.
Осталось сделать для этой формы пункт меню, либо вывести её в статье при помощи плагина.

Тип пункта меню для формы называется Calculator Layout, а List of available forms выводит список ваших форм.

вывод формы обратной связи в Joomla

Если выводите в статье, то плагин нужно установить и включить.
И чтобы форма выводилась в статье, подставьте в нужном месте тег:

тег для вывода формы в статье Joomla

Где 2 - это ID вашей формы. 
ID находиться слева от названия формы.

id формы

Вот так настраивается этот компонент.
Поначалу может быть и сложно, но настроив один раз по примеру, уверен, всё станет ясно.

Всего хорошего!

X

Инструкция по планированию сайта
С чего начать создание сайта?

Инструкция по созданию сайта

  • Инструкция по созданию сайта
  • Шаблон для составления плана сайта
  • Чек-лист по этапам создания сайта

* Никакого спама. Гарантирую!