Авторизация

 

Компонент создания форм FacileForms - обзор

Печать

Фрагмент формы с этого сайтаДля CMS Joomla существуют несколько компонентов конструкторов форм. В этом обзоре я расскажу об одном из самых популярных - FacileForms. Он включает в себя: сам компонент с демонстрационными формами, мамбот и модуль. В разделе - "Видеоуроки" - "Платные" - вы можете увидеть формы заказа, созданные этим компонентом.

Назначение форм

Формы созданы для взаимодействия с посетителем сайта. Благодаря различным формам мы можем, например, заказать товар, подать заявку на участие в  конкурсе, выслать статью на сайт, отправить письмо.

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

Очевидно, что в форме могут быть как обязательные поля (e-mail отправителя, например), так и не обязательные. И, если обязательные поля пусты - скрипт предупредит об этом. Кроме этого, может потребоваться проверка правильности ввода данных в некоторые поля, например, в поле ввода "e-mail" должно присутствовать что-то, похожее на обычный электронный адрес, а в поле "Сумма" - должны быть только цифры. Если поле называется "Количество штук" - то цифра должна быть ещё и целым числом. В случае ошибки (опечатки) пользователя, специальный скрипт сообщит об этом пользователю и не даст отправить ошибочные данные.

Хорошим тоном считается использование переключателей и списков, когда пользователь должен выбрать из имеющихся вариантов ("Какой чай Вы хотите заказать? - список: 1. Черный; 2. Зелёный; 3. Ледяной).

Чем лаконичнее, чем логичнее и красивее выглядит форма - тем больше вероятности, что заинтересованный пользователь заполнит её.

Эскиз формы заказа товара - фрагмент видеоурока
Эскиз формы заказа товара - фрагмент видеоурока

Типы форм

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

Формы могут состоять из нескольких страниц, где посетителя могут просить последовательно ввести нужные данные.

Данные из формы могут быть отправлены по e-mail и одновременно записаны в БД сайта и просмотрены в виде HTML страницы из Админки сайта.

С помощью специальной формы, пользователь может прислать статью в определённую категорию на сайт.

В форму могут быть также выведены определённые данные из Базы данных, например, количество заявок на участие в соревнованиях, и информация об участниках.

Установка и настройка компонента создания форм в Joomla - FacileForms

Устанавливаете компонент, в процессе установки он попросит зайти в "Настройки" компонента и завершить установку - вам будет предложено установить также демонстрационные формы, сделайте это. Сам компонент русифицирован. Демонстрационные Формы - на английском. Процесс предварительной настройки прост и можно ограничится только введением своего e-mail. Затем установите и опубликуйте мамбот и, если нужно выводить форму в модуле, установите и опубликуйте модуль.

В архиве с компонентом также присутствует файл - пакет меню, установите его и вам будет удобно исследовать демонстрационные формы.

Формы - примеры в поставке компонента FacileForms

Сами формы примеров, находятся в пакете форм "Samples". Кратко опишу их:

Форма обратной связи - вид из Админки
Форма обратной связи - вид из Админки
Contact form - простая форма обратной связи. Посетитель может воспользоваться ей и написать вам письмо. Защищена от спам-ботов капчей.

Using tabs for page navigation - пример нескольких страниц, перелистывать которые можно кликая на вкладки сверху (табы).

Country selection - выбор страны, с помощью зависимых списков. Вначале выбирается континет, затем во втором списке - страна, которая присутствует только на этом континенте. Если страна - USA, можно выбрать и конкретный штат.

Piece sending mail - "кусочек кода" отправляющий e-mail. Есть форма для ввода e-mail - получателя письма, поля "тема" и "тело письма". Видимо, для тех кто не может воспользоваться e-mail - клиентом.

Embedded php code - "встроенный PHP-код", в форме может выведено имя авторизованного посетителя, типа "Добро пожаловать, Вася!", кроме этого, могут формироваться списки из БД - список юзеров сайта, например.

Pizza shop - забавная многостраничная форма заказа пиццы. Вы можете выбрать одну из двух стандартных пицц, или заказать свою - уникальную. Форма вам посчитает цену, попросит адрес и телефон, и в последнем экране пообещает доставить в течении получаса. Заказ остается на сайте, вот только оповещение по e-mail, создателем формы почему-то не предусмотрено.

Форма заявки на соревнования по рок-н-роллу
Форма заявки на соревнования по рок-н-роллу
Rock'N'Roll dance contest registration - очень интересная форма подачи заявки на участие в парном чемпионате танцев в стиле рок-н-ролл. Чтобы подать заявку, надо авторизоваться на сайте, выбрать название пары, что-то типа "Krutiye Zadnicy" (кириллица в этом поле не катит), затем выбрать свою подгруппу - подростки или взрослые, и в каких из трех стилей танца будете соревноваться (акробатический, шутливый или Буги-вуги). После регистрации открывается другая форма (читай ниже).

Rock'N'Roll dance contest partipicant list - список заявок на участие в соревновании по танцам рок-н-ролл. В списке будут все заявки, в виде таблицы. Пользователь сможет так же изменить свою заявку или вообще её удалить. В этой, как и предыдущей форме, используется скрытая информация об ID пользователя.

Если вы авторизованы на сайте, можете испытать работу этой формыв новом окне , переведённой на русский.

Submit Content - форма отправки статьи в определённый раздел и категорию из существующих на сайте. Админу сайта придет e-mail с оповещением, что статья пришла и требует публикации.

Submit Content Preview - форма связанная с предыдущей, позволяет автору устроить предпросмотр статьи во всплывающем окне.

Все формы примеров FacileFormsopennewwindow.gif , с пояснениями (на английском).

Из чего состоит форма

Любая форма состоит из полей. Поля могут быть обычным статичным текстом, объясняющим, например, назначение, следующего за ним, текстового поля ввода. Поле может быть списком, с выбором значений, или чекбоксом, в котором нужно ставить "галочку". Каждое такое поле, кроме названия, имеет еще и Имя. Разницу между этими понятиями вы поймёте, если купите и просмотрите видеоурокпо созданию формы заказа в компоненте FacileForms.

Проверка форм

Для удобной проверки готовых форм, вы можете поместить на неё ссылку в меню "Компоненты", в Админке Joomla.

Меню доступа к формам из пакета примеров
Меню доступа к формам из пакета примеров

Пути создания собственных форм

Создать свою форму, можно либо с нуля (но это для тех, кто УЖЕ освоил этот компонент), либо, переделав одну из существующих форм примеров под свои нужды. Об этом рассказывает мой видеоурок "Как создать форму заказа товара компонентом FacileForms" .

Форма заказа товара в процессе создания - фрагмент видеоурока
Форма заказа товара в процессе создания - фрагмент видеоурока

Как перенести готовые формы на другой сайт

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

Скачать icon компонет FacileForms 1.47 (264.55 kB)
Этот компонент предназначен только для Joomla 1.0.x

Вариант FacileForms для Joomla 1.5

Вариант конструктора форм для версии Joomla 1.5 называется BreezingForms. Это практически точная копия FacileForms, работающая в native режиме в новой Джумле. Готовится видеоурок по конструктору форм - BreezingForms.

 
« Плагин для скрытия части текста для разных пользователей Joomla - Content Hider Всплывающее окно (поп-ап) на сайте. Мамбот JPopup! »
Joomla SEF URLs by Artio

Краткий совет

Известно, что нужно прописывать метатеги "keywords" и "description" к документу. Напомню: "keywords" - это ключевые слова, а "description" - краткое описание статьи. Но память ВЕБ-мастера - бывает сродни девичьей. Что-бы не забывать прописывать эти мета-теги служит компонент "Missing Meta"...
Подробнее...
 

Надежный хостинг

Лучшая система размещения статей

Рассылка

Свежие новости от JoomlaTeacher
на Ваш e-mail:

Наша страница в Google+