Контактные формы для joomla 2.5

imegesВ этой статье я расскажу как создать форму обратной связи или форму заказа на joomla 2.5 хоть я и рассказывал уже об этом на этом сайте в статье (ChronoForms для joomla 1.7). Но те кто перешёл с joomla 1.7 на joomla 2.5 наверное уже заметили что компонент  ChronoForms на joomla 2.5 не работает. И обновлённую версию этого компонента я бесплатно пока не нашел. Но зато нашел альтернативу этому компоненту и это компонент RS - Form Pro v1.4.0 для joomla который позволяет визуально создавать формы не только такие простые, как например форма обратной связи но и намного сложнее, такие как формы заказа и тд. всё зависит от вашей фантазии. По моему мнению RS - Form Pro v1.4.0 не уступает компоненту о котором рассказано в статье ChronoForms для joomla 1.7 . И дальше я расскажу как создать простую форму заказа в компоненте RS - Form Pro v1.4.0. И так приступим для начала вам нужно скачать и установить компонент RS - Form Pro v1.4.0. Установка компонента производится обычным образом через Менеджер расширения поэтому об этом рассказывать не буду. Просто скажу что для начала нужно разархивировать скачанный вами архив в котором находится папка RS - Form Pro v1.4.0 rev41 (Joomla 1.5+1.7) и в ней ещё три папки это сам компонент в другой модули и в третьей плагини для компонента RS - Form Pro v1.4.0. В начале устанавливаем компонент, а потом плагины и модули. После того как вы установите компонент RS - Form Pro v1.4.0 заходите в меню \Компоненты\RS - Form Pro\Manage Forms\

Скачать бесплатный видео курс.

 

 

Скачать бесплатно можно здесь.

 

imeges

 

 

И попадаем в сам редактор форм RS - Form Pro

 

imeges

 

Здесь уже есть две готовые формы которые созданы как пример. Вы можете перестроить эти формы (нажав на названии формы она откроется для редактирования)  и опубликовать или создать полностью свою форму. Например форму заказа услуги или форму для обратной связи. В этой статье я расскажу как создать простую форму заказа.  Для этого кликаем на кнопке \New\ И нам открывается вот такая страничка.

 

imeges

 

 

Здесь я сделал кое какой перевод для того что бы было более понятно какая информация на этой страничке и так читаем и нажимаем кнопку Next (далее) в левой нижней части этой странички.

 

imeges

 

На этой страничке мы в первом поле пишем  название нашей формы то есть как будет называться наша форма, в следующей строке выбираем вариант отображения формы. Здесь когда вы будите выбирать вариант вида формы картинка будет изменять свой вид. Все остальные настройки пока оставляем  так как есть, и нажимаем кнопку далее (Next).

 

imeges

 

Это последняя страничка,  здесь мы выбераем в списке простая контактная форма и нажимаем финиш. После этого нам открывается сражу же готовая форма для редактирования. ( В этой статье я рассказываю как создать простую форму обратной связи, но возможности этого компонента очень широкие и можно создавать практически любые формы. Но о том как это делается я в дальнейшем опубликую видео уроки просто с целью экономии места и времени… )

 

imeges

 

 

На этой страничке вы можете добавить недостающие поля в форме или удалить ненужные. Для добавления просто выбираем из левого списка нужное нам поле и кликаем на нём, после чего оно нам открывается для редактирования, а после сохранения выбранное нами поле добавится к нашей форме. Так же нам нужно отредактировать все поля которые есть в нашей контактной форме. Для редактирования нам нужно кликнуть на значок редактора в столбце \Edit\(Редактирование) на против нужного для редактирования поля формы. После чего нам откроется редактор.

 

imeges

 

Я открыл для редактирования поле ввода адреса E-mail.  В первой вкладке, в первой строке \Name\ Имя формы я оставляю так как есть, (Это системное имя поля его можно изменить но писать нужно только латиницей.) в следующей строке пишем тот текст который будет написан на страничке возле этого поля и переходим к следующей вкладке \ Validations \.

 

imeges

 

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

 

imeges

 

После этого нам нужно перейти в следующую вкладку для настройки формы.

 

imeges

 

Здесь я остановлюсь только на некоторых моментах, с остальными я думаю вы разберётесь сами. А я расскажу только как настроить отправку писем. Для этой настройки в левом столбце имеются поля User Emails и Admin Emails. Выбираем поле User Emails 

 

imeges

 

И заполняем здесь все нужные поля ( Значение полей будет указано в конце этой статьи) после чего кликаем на ссылке редактора сообщения ( обозначено стрелкой) и нам откроется редактор где мы сможем отредактировать сообщение которое будет отправляться пользователю по E-mail.

 

imeges

 

Здесь для создания сообщения используются различные теги которые подставляют значения полей формы при создании и отправке сообщений. Разобраться с ними я думаю труда не составит. Так же в принципе здесь можно оставить всё как есть и поменять только первую строку и написать ее по своему, а так же можно изменить и написать полностью своё сообщение это уже по желанию. После всех настроек мы нажимаем кнопку \ Сохранить и закрыть \ и в нашем списке появляется созданная нами форма.

 

imeges

 

 

Теперь публикуем форму на сайте. Сделать это можно несколькими способами.
С помощью пункта меню. Для этого нужно перейти в любое меню и создать там новый пункт. В списке типов меню найти RSform!Pro и нажать. Затем указать заголовок и порядковый номер формы (id)
Форма в модуле. Первым делом устанавливается модуль mod_Rsform, если ещё не установлен. После чего в настройке модуля написать заголовок, указать позицию и поставить id
Вывод формы в контенте. Для этого понадобится плагин Content - RSForm! Pro, который после установки должен быть включен в менеджере плагинов. В тексте вставитьгде 1 - id формы.
 
 
 
Некоторые значения полей для настройки формы.
 
  1. Textbox - простейшее поле, куда можно вписать Имя, телефон, адрес и т.п.
  2. Textarea - поле для ввода длинного текста размеры которого можно регулировать
  3. Drop-down - выпадающий список из значений, которые Вы установите
  4. Checkbox Group - выбор нескольких значений, которые отмечаются флажками
  5. Radio Group - переключатель, выбирающий только одно возможное значение
  6. Submit Button - кнопка подтверждения (и кнопка отмены)
  7. Password - поле для ввода пароля
  8. File Upload - прикрепить файл к форме
  9. Free Text - свободный текст-сноска с каким-либо описанием
  10. Calendar - выбор даты рождения и т.п. на календаре
  11. Button - простая кнопка
  12. Image Button - кнопка с изображением
  13. Captcha Antispam - создание капчи для защиты сайта от спама
  14. Support Ticket - уникальный номер пользователя, заполняющего форму
 
При нажатии на выбранный из списка элемент, появятся поля для заполнения. Поля каждого элемента, как правило, отличаются друг от друга. Основными из них являются:
 
  1. Name - имя элемента для идентификации (заполнять латиницей!)
  2. Caption - подпись рядом с полем или переключателем
  3. Required - Yes/No обязательно ли поле для заполнения
  4. Validation Rule - выбрать из списка какой должна быть запись в поле
  5. Validation Message - сообщение о неправильной записи в поле
  6. Additional Attributes - здесь можно указать стили (style="background: yellow")
  7. Default Value - текст в поле по-умолчанию
  8. Description - описание-подсказка по заполнению поля
  9. Items - значения в списках, переключателях и т.д.
  10. Label - надпись на кнопке
  11. Reset - сброс введенных данных

(Внимание архив с компонентом обновлен. Добавлен русский яхык)

Скачать бесплатно компонент RS - Form Pro v1.4.0 

 

 

 

 

 

 

Custom Search

 

 

Читаем так же:

Отправить в FacebookОтправить в Google BookmarksОтправить в TwitterОтправить в LinkedInОтправить в BobrdobrОтправить в LivejournalОтправить в MoymirОтправить в OdnoklassnikiОтправить в VkcomОтправить в Yaru