Главная » Joomla » Компонент ChronoForms – бесплатный вариант создания форм обратной связи

Компонент ChronoForms – бесплатный вариант создания форм обратной связи

В этой статье хотелось бы обсудить один из самых популярных компонентов для создания форм обратной связи на CMS Joomla, а именно – компонент ChronoForms.

Давайте выделим его основные преимущества:

— он бесплатный;

— широкий функционал, который практически ни чем не уступает платным компонентам;

— простота использования.

Из минусов:

— не очень удобная русификация (но она принципе и не нужна в данном посте я буду показывать все настройки на англоязычной версии);

— существуют некоторые нюансы с передачей значений определенных полей, но это скорее мелкий недочет и с ним можно смириться.

Давайте приступим к настройке данного компонента.

Для начала вам стоит установить ChronoForms, скачать его можно отсюда.

Установка осуществляется стандартным способом через «Расширения» — «Менеджер расширений».

После установки переходим в настройки компонента.

chronoform1

Далее, для того чтобы создать нужную нам форму выбираем пункт – «Easy Form Wizard». И мы попадаем в меню создания полей формы.

chronoform2

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

chronoform3

Перейдя в настройки поля можно задать:  Label Text — заголовок, Field Name -переменную поля (которая потом будет передаваться вам на Email), Field Default Value – значение поля по умолчанию. Остальные значения вы можете оставить все как есть, или же настроить под собственные задачи.

chronoform4

Следующим шагом будет настройка валидации, а именно будет ли поле обязательным. Красным выделено только то, что поле является обязательным, а все остальные значения – это уже дополнительные проверки, например номер телефона («Phone»), будет проверяться только на наличие цифр, в случае указания буквы он будет выдавать ошибку.

chronoform5

Не забывайте в конце формы добавлять кнопку отправки – «Submit Button».

chronoform6

Далее, переходим во вкладку «Form Settings» и задаем название нашей формы, после чего сохраняем ее.

chronoform7

После сохранения переходим к настройкам Email, то есть настраиваем шаблон отправки сообщения и прописываем саму почту, на которую будут приходить письма. Для этого нажимаем на ссылку «Wizard Edit» и переходим в раздел «Emails».

chronoform8

Тут все по порядку.

chronoform9

Настраиваем все поля как на картинке ниже, вписывая туда свои значения, и не забываем нажать кнопку «Generate Auto Template».  Нажав эту кнопку, вы сформируете шаблон письма отправки. В случае необходимости вы можете с легкостью его подправить.

Следующим шагом будет настройка письма благодарности, как вы уже догадались, мы переходим в пункт «Thanks Message». Здесь вписываете необходимый текст.

Идем дальше. Еще одним пунктом настроек, которые мы рассмотрим, является каптча. Если вы ее подключили на начальном этапе создания формы, то вам нужно ее настроить в разделе «Captcha». Для этого сделайте настройки, приведенные на рисунку ниже. Нажимаем кнопку сохранить.

chronoform12

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

Установив плагин через «Расширения» — «Менеджер расширений». Переходим в раздел «Расширения» — «Менеджер плагинов и публикуем его».

Используя конструкцию:

{chronoforms}form1{/chronoforms}

Где form1 – это имя вашей формы.

Вставляем конструкцию в статью и проверяем результат.

chronoform13

Как видите, все прекрасно работает. Протестируйте данный компонент и если у вас возникнут какие-то вопросы, я с радостью отвечу на них в комментариях.

P.S. Если вам мешает их авторская ссылка, ее можно скрыть с помощью Css (div. chronoform { display:none;}).

В этом посте мы разобрали лишь часть настроек компонента ChronoForms. Основные эксперименты вы можете провести самостоятельно.
Предыдущие посты на эту тему:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *