Компонент RsForm Pro
Одним из лучших и удобных расширений по созданию форм, я считаю компонент RsForm Pro. С помощью компонента можно создавать формы оплаты, обратной связи, комментариев, заказов и других, которые могут располагаться практически везде, где Вы их захотите установить. Также для Joomla 1.5 и 1.7 доступна новая версия, скачать и ознакомиться с которой можно здесь.
Установка компонента RsForm Pro
После скачивания архива, нужно его распаковать. Кроме компонента в распакованных файлах можно найти папки с полезными плагинами и модулями. Первым делом устанавливается компонент: во вкладке Расширения выбрать Установить/Удалить, указать путь к файлу и загрузить его. По необходимости таким же образом можно установить модули и плагины:
mod_Rsform — модуль для вывода формы в модульной позиции
mod_Rsform_list — модуль для показа количества заполненных форм
RsEvents – плагин создания регистрационных форм
RsMail — плагин для создания собственных форм подписки
RsGoogle — плагин отслеживания просмотров и заполнения форм
RsPayPal — плагин для перенаправления на страницу оплаты PayPal
RsReCaptcha – плагин с более надёжной ReCaptcha для защиты от спама
Mosrsform — плагин для вставки формы в нужные места контента
Процесс создания формы
Перейдя в компоненты -> RsForm Pro можно увидеть несколько разделов. Для создания новой формы нужно нажать Manage Forms и затем кнопку СОЗДАТЬ. В появившемся окне слева находится список элементов форм. Подробнее о них:
Textbox — простейшее поле, куда можно вписать Имя, телефон, адрес и т.п.- Textarea — поле для ввода длинного текста размеры которого можно регулировать
- Drop—down — выпадающий список из значений, которые Вы установите
- CheckboxGroup — выбор нескольких значений, которые отмечаются флажками
- Radio Group — переключатель, выбирающий только одно возможное значение
- Submit Button — кнопка подтверждения (и кнопка отмены)
- Password — поле для ввода пароля
- File Upload — прикрепить файл к форме
- Free Text — свободный текст-сноска с каким-либо описанием
- Calendar — выбор даты рождения и т.п. на календаре
- Button — простая кнопка
- Image Button — кнопка с изображением
- Captcha Antispam — создание капчи для защиты сайта от спама
- Support Ticket — уникальный номер пользователя, заполняющего форму
Textbox — простейшее поле, куда можно вписать Имя, телефон, адрес и т.п.Нажав на выбранный из списка элемент, под ним появятся поля для заполнения. Поля каждого элемента, как правило, отличаются друг от друга. Основными из них являются:
- Name — имя элемента для идентификации (заполнять латиницей!)
- Caption — подпись рядом с полем или переключателем
- Required — Yes/No обязательно ли поле для заполнения
- ValidationRule — выбрать из списка какой должна быть запись в поле
- Validation Message — сообщение о неправильной записи в поле
- Additional Attributes — здесь можно указать стили (style=»background: yellow»)
- Default Value — текст в поле по-умолчанию
- Description — описание-подсказка по заполнению поля
- Items — значения в списках, переключателях и т.д.
- Label — надпись на кнопке
- Reset — сброс введенных данных
После заполнения полей в выбранном элементе, нужно обязательно нажать рядом кнопку save, чтобы изменения вступили в силу. Когда были созданы необходимые элементы, переходим на следующую вкладку Form Layout . Здесь можно выбрать вид формы, который можно изменять, если убрать галочку c Auto Generate Layout. Для редактирования шаблона формы потребуются знания в верстке.
В следующей вкладке Edit Form заполняется название формы. Также здесь можно ввести сообщение, которое увидит пользователь после заполнения формы. Для этого нажать — Edit the Thank You Message. Если сообщение оставить пустым, то после заполнения пользователь будет перенаправлен на страницу, указанной в поле Return URL.
Предпоследние две вкладки нужны для настройки содержания писем, которые пользователь и администратор получат после заполнения формы. В первой вкладке User Emails редактируется письмо получаемое пользователем, если он укажет свой E-mail. Справа указаны переменные например:
- adress — имя элемента для идентификации, которое указывалось в поле Name
- caption — подпись, которую вы указали для выбранного поля
- value — текст, который пользователь укажет в данном поле
При редактировании текста письма эти переменные пригодятся, для обращения или уточнения вводимых данных пользователя.
Основные составные части письма:
- From — вводить свой (администратора) e-mail
- From Name — ваше имя или компании
- To — переменная, которая соответствует почте
- Subject — указать тему письма
- Mode(Text/HTML) — выбрать формат письма
- Attach file — если да, то внизу указывается путь к прикрепляемому файлу
При нажатии на ссылку Edit the e-mail text появится окно, в котором заполняется содержание письма. В содержании можно вставлять переменные типа
В следующей вкладке Admin Emails настраивается письмо, которое получает администратор сайта. Настройки идентичны с предыдущей вкладкой, за исключением:
- From — переменная, соответствующая почте пользователя
- From Name — можно указать переменную с именем пользователя
- To — почта для получения данных формы
После внесения необходимых правок — нажать кнопку СОХРАНИТЬ или ПРОСМОТР для визуального просмотра созданной формы. Остальные вкладки в компоненте RsForm, как правило, не понадобятся. Только в Manage Submissions можно просматривать список пользователей с данными, заполнивших форму.
Вывод формы на сайте
Форму на сайте можно вывести несколькими способами:
- С помощью пункта меню . Для этого нужно перейти в любое меню и создать там новый пункт. В списке типов меню найти RSform!Pro и нажать. Затем указать заголовок и порядковый номер формы (id)
- Форма в модуле . Первым делом устанавливается модуль mod_Rsform, если ещё не установлен. После чего в настройке модуля написать заголовок, указать позицию и поставить id
- Вывод формы в контенте . Для этого понадобится плагин Mosrsform, который после установки должен быть включен в менеджере плагинов. В тексте вставить
, где 1 — id формы
Источник
RSForm Pro настройка
В этой статье инструкция по настройке Rsform Pro:
- Расшифровка всех полей форм
- Создание формы на основе демо — формы
- Настройка на отправку писем администратору и пользователю
- Настройка простейших форм оплаты через популярные платежные системы (WebMoney, Z-payment)
- none: правило применяется без проверки
- emal: проверяет стандартный формат электронной почты
- numeric: строка содержит только числовые символы
- alphanumeric: строка содержит только числовые и буквенные символы
- alpha: строка содержит только буквенные символы
- custom: может быть использован в сочетании с другими правилами
- простой — введите варианты, разделенных символами новой строки (то есть написал `Enter ‘), так Пример:
- расширенный — если хотите, чтобы пользователь выбирал продукт, а параметр выдавал цену. Пример:
Так выглядит наша созданная форма в административной панели:
Пример вывода стоимости товара (Носки шерстяные — «пишем», 20 — «в уме»)
Пример вывода количества товаров
Пример вывода кнопки для закачки файлов на сайт
Пример скрытого поля — допустим номер заказа (генерируется автоматически)
Письмо администратору , т.е. Вам (будет сгенерированно автоматически), по заданному Вами шаблону 
Письмо заказчику от Вашего сайта (будет отправлено автоматически) 
Скрипт во вкладке CSS and Javascript оставляем без изменений.
P.S. Если скрипт перестал работать (зависит от настроек хостинга), чтоб не мучиться и не думать долго — тупо копируем скрипт во вкладку Form Layout — после этого должен точно работать.
Теперь подключим к нашей форме скрипты оплаты при заказе товаров с Вашего сайта. Возьмем к примеру самые популярные платежные системыWebmoney и Z-payment ; другие можно подключить по такому же принципу.
Способов подключения оплаты может быть несколько, мы пойдем самым простым путем — после нажатия на кнопку «отправить» пользователь попадает на страницу оплаты. Регистрация
Для этого переходим на вкладку Edit Form — Edit the Thank You Message и редактируем например так:
Редактируем исходный код — Прописываем все необходимые поля для формы оплаты (подробное описание этих полей есть на официальных сайтах этих платежных систем) 
Объяснение некоторых полей в форме оплаты:
LMI_PAYMENT_AMOUNT — стоимость товара(услуги)
LMI_PAYMENT_DESC — краткое описание товара или услуги
LMI_PAYEE_PURSE — кошелек продавца, на который должна быть выполнена оплата (Ваш кошелек); в z-payment это номер магазина
LMI_SIM_MODE — тестовый или рабочий режим оплаты
test — тестовый режим оплаты, средства не переводятся
нет значения или параметр опущен – рабочий режим оплаты, средства переводятся
LMI_PAYMENT_NO — уникальный номер заказа
CLIENT_MAIL — email покупателя
Регистрация нужна в принципе только для записи.
Поделитесь с друзьями:
Источник
Joomla: компонент RSForm
Дата публикации: 2016-03-10
От автора: приветствую Вас уважаемые читатели. Формы – это неотъемлемая часть современного сайта, так как благодаря им владелец сайта или администратор, может принимать от пользователей различную информацию, к примеру, вопросы связанные с работой сайта или компании, данные необходимые для выполнения каких либо услуг и т.д. Но стандартный функционал CMS Joomla, не предоставляет инструментов для создания форм с произвольным набором полей. Поэтому в данном уроке мы с Вами рассмотрим, очень мощный компонент под названием RSForm Joomla 3, который представляет собой достаточно удобный конструктор форм.
Как Вы знаете CMS Joomla в плане создания форм, предоставляет инструменты по созданию страниц регистрации и авторизации, а так же страницы контактов, на которой можно отобразить форму, отправки сообщения пользователю связанным с конкретным контактом. То есть, функционал, мягко говоря, не богатый. И если необходимо отобразить на некоторой странице форму с произвольным набором полей, без стороннего расширения просто не обойтись. Соответственно наилучшим расширением по созданию форм на сегодняшний момент является компонент Joomla RSForm PRO.
Итак, компонент RSForm PRO – это универсальный многофункциональный инструмент, предназначенный для создания форм, практически неограниченного функционала. При этом для создания форм предусмотрена удобная и интуитивно понятная панель управления, благодаря которой, процесс добавления формы доставляет только одно удовольствие. Основные возможности компонента.
Создание форм с неограниченным количеством разнообразных полей.
Хотите узнать, что необходимо для создания сайта?
Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!
Защита от спама, с использованием различных плагинов.
Интеграция с наиболее популярными компонентами CMS Joomla.
Экспорт добавленных данных в CSV, Excel, OpenOffice, XML и PDF.
Сохранение отправляемых файлов.
Гибкая настройка форм и полей (как внешнего вида, так и функционала).
Поддержка огромного количества разнообразных полей.
Правда, помимо плюсов, есть небольшой недостаток, который связан с тем, что расширение распространяется исключительно на платной основе. Есть правда бесплатная версия, но она значительно устарела и подходит только для версии Joomla 1.5. Компонент RSForm PRO доступен на официальном сайте расширения CMS Joomla по следующей ссылке.
Кликнув по кнопке “Download” Вы перейдете на сайт разработчика компонента RSForm.
Далее в верхнем меню, выбираем пункт “Extensions” и в выпадающем блоке кликаем по ссылке “RSForm Pro”.
Затем, используя кнопку “Get it Now from 19E”, Вы сможете приобрести данное расширение. После скачивания архива, выполняем установку, стандартным образом, используя менеджер расширений. Далее переходим в панель управления компонентом RSForm.
Как было сказано выше, компонент RSForm обладает огромнейшим функционалом, поэтому в данной статье, на примере создания не сложной формы мы рассмотрим его базовые возможности. Итак, раздел “Управление формами” предназначен для создания новых форм и редактирования уже существующих.
Хотите узнать, что необходимо для создания сайта?
Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!
А значит, для создания новой формы, переходим в данный раздел и кликаем по кнопке “Создать”.
При этом воспользуемся специальным мастером и следуем его инструкциям.
На втором шаге, добавляем название будущей формы и выбираем макет отображения полей. Так же можно указать адрес электронной почты, на который будут приходить сообщения об отправленных данных формы, и выбрать действие, которое будет выполнено, после отправки формы. На третьем шаге, необходимо выбрать тип формы из доступных, в выпадающем списке.
Далее кликаем по кнопке “Закончить”, тем самым сохраняя новую форму.
Таким образом, мы с Вами создали форму, но она абсолютно пуста, а значит необходимо добавить необходимые поля. Доступные для создания, элементы формы располагаются слева в разделе “Компоненты”. Для добавления нового поля, нужно выбрать его в боковой панели и указать необходимые данные для его работы. Соответственно давайте добавим текстовое поле в новую форму. Для этого кликаем по ссылке “Текстовое поле”.
Далее на вкладке “Основное” прописываем системное имя в поле “Название”, заголовок в поле “Подпись”, значение по умолчанию в соответствующем поле и краткое описание. На вкладке “Проверка” определяем правила валидации данных, добавляемых в создаваемое поле.
А именно, указываем обязательно ли данное поле к заполнению и выбираем правила валидации в выпадающем списке “Правило проверки”. На вкладке “Атрибуты” можно определить дополнительные атрибуты для создаваемого поля, такие как его размер, максимальное количество символов и т.д. Закончив с настройкой будущего поля, кликаем по кнопке “Сохранить и закрыть” для его сохранения.
Аналогичным образом добавляем все необходимые поля в будущую форму и не забываем о кнопке отправки формы. После окончания всех правок кликаем по кнопке “Сохранить и закрыть”, для сохранения формы. Таким образом форма создана и для ее отображения создадим отдельный пункт меню в менеджере меню. Обратите внимание, что компонент RSForm, предоставляет три вида, доступных для выбора типа пункта меню.
Для отображения интересующей формы на отдельной странице пользовательской части сайта, выбираем вид “Форма”. После этого необходимо выбрать форму, которая будет отображаться на странице сайта. Создав новый пункт меню, давайте перейдем в пользовательскую часть сайта и проверим, как отображается созданная форма.
При отправке данных формы, вся информация сохраняется в базе данных и доступна в панели управления компонентом RSForm в разделе “Управление предоставленными данными”.
На этом краткий экскурс в расширение RSForm завершен. Как Вы видите функционал расширения просто огромен и для более детального его изучение потребуется значительно больше времени нежели один урок. Поэтому если Вас заинтересовал данный компонент, изучайте его самостоятельно и тестируйте его возможности на практике.
Всего Вам доброго и удачного кодирования.
Хотите узнать, что необходимо для создания сайта?
Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!
Хотите узнать, что необходимо для создания сайта?
Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!
Источник