CK Forms компонент для создания форм на Joomla

CK Forms компонент для создания форм на JoomlaОтличный инструмент для создания форм на Joomla. Можно создавать форму обратной связи, форму заявки. Если у вас интернет-магазин буквально из нескольких товаров и возможна требуется вводить большое количество параметром, то тогда компонент CKForms как раз вам подойдет. В данной статье мы рассмотрим com CK Form для создания форм на Joomla. Узнаем как необходимо настроить данный компонент, как создать простую и сложную форму, как использовать данный компонент для составления заявки.

Рекомендую использовать компонент конструктор форм ChronoForms для Joomla или если Вам нужна простая форма обратной связи, то можете воспользоваться Rapid Contact.

 

Основные возможности CKForms. Обзор

Здравствуйте уважаемые читатели сайта Ageta.ru. Рад сегодня вам рассказать о замечательном расширении, которое позволять создавать различные формы как обратной связи, заявки и многих других назначений. К сожалению данный компонент последний раз обновлялся 22 июля 2010 года и уже несколько лет не обновляется. Он официально поддерживает только joomla 1.5.

Возможности компонента CKForms:

  • проверки полей
  • сохранение пользовательских данных
  • резервного копирования / восстановления формы и данных
  • загрузки файлов
  • HTML-редактор
  • код защиты
  • подтверждение по электронной почте
  • плагин для отображения форм в статьях
  • Модуль для отображения формы
  • макет для отображения данных
  • множественного выбора в поле выбора
  • Frontend и Backend переводы
  • Custom Texte, связанные с полей
  • CSS макет
  • Пользовательский CSS для меток и полей

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

Установка CK Forms

Скачиваем CK Forms  с официального ресурса. Стандартно устанавливаем его в joomla как и другие расширения в joomla, заходим в административной панели Расширения –> Установить/Удалить –>  в открывшейся закладке установить выбираем обзор и указываем путь к файлу, если ничего не поменяется, то он называется com_ckforms_b1.zip. Нажимаем кнопку загрузить файл/установить. Выйдет надпись “Установить Компонент: Удачно”

CK Forms компонент для создания форм на Joomla

Все, поздравляю Вас, компонент установлен на Joomla. Статью можно завершать. Но не объяснив, как работает компонент, вам будет тяжеловато самим разбираться.

 

Настройка и создания форм с помощью com CK Forms. Настройка формы.

CK Forms компонент для создания форм на Joomla

В меню компоненты появился на компонент CK Forms.

меню CK Forms компонент для создания форм на Joomla

Зайдя в него вы увидите пустые поля. Тут вы будите создавать формы. Их может быть бессчётное количество.

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

Рассмотрим создание формы в joomla:Создание формы CK Forms компонент для создания форм на Joomla

Нажимаем кнопку “Создать”  в главном меню компонента, выходит следующее меню. Компонент в большей степени русифицирован, но есть и прогалы в переводе.

General – главные настройки. Задается название и описание. ВАЖНО имя должно быть из латинских букв и цифр, символы и пробелы нельзя использовать.

Result – настройки результата. Есть поля сохранить результат (Да/Нет), тут все понятно, можно его сохранять в компоненте создания форм CK Forms. Text result – информация которая выводиться после заполнения и отправки формы. Также можно перенаправить пользователя после заполнения формы, тогда вам необходимо написать URL куда вы хотите перенаправить в поле Redirect URL. В этом случае Text result будет появляться на доли секунды.

E-mail – настраивается отправка заполненной формы на электронный ящик.

  • Email result – отправлять результат на электронный ящик?
  • Mail FROM – отсылать письмо от имени, от кого будет Вам приходить письмо.
  • Mail TO – указываете на какой почтовый ящик вам присылать.
  • Mail CC – если необходимо, чтобы отсылалась копия на другой электронный ящик, тогда смело вводите тот ящик, на который необходимо отсылать.
  • Mail Subject – тема письма. Если создаете форму обратной связи, то можете написать “Обратная связь с сайта Ageta.ru”, чтобы по теме письма понимать о чем идет речь в письме
  • Include fileupload file – включить закачку файла. Я этой функцией не пользовался.
  • Далее идет Email receipt – отправка письма, заполняющему форму. Настраивается аналогичным образом тема письма и т.д.

Advanced – экспертные/расширенные настройки

  • Use Captcha – использовать капчу, кто не знает, что такое капча – это проверка на то что эту форму заполняет человек, а не робот. Разновидности капч бывают разные, в данном примере используется латинский алфавит и цифры. Необходимо ввести искаженный и перечеркнутый буквы с картинки. Если буквы введены правильно, отправляется, если нет – вводиться повторно. Удобная вещь, чтобы не слали спам различный.
  • Captcha tips text – комментарии, заполняете, чтобы отображались комментарии. к примеру введем в примечание слово “проверочка” и при наведении на значок “i” видим эту надпись

Капча CK Forms

  • Captcha custom error text – выводит информацию если капча введена неверно. По факту у меня это не сработало, попробуйте вы если хотите, может у вас получиться.

Error

  • CSS class – можно задавать индивидуальное оформление через CSS класс.
  • Uploaded files path – если вы используете загрузку пользователем файлов, то тут указывается папка для загрузки файлов. Эта папка должна быть доступна для записи. Если права на папку выставлены верно то будет зеленая надпись “(Directory exists — directory writables)”. Автоматически ставиться папка ageta.ru/tmp/.
  • File uploaded maximum size – максимальный размер загружаемого файла, если не хотите, чтобы вам на хостинг загружали гигабайты файлов, то установите исходя из своих требований.
  • Display "powered by" text – важная настройка, показывать ли копирайтинг производителя. Конечно лучше отключить, а то не красиво смотрится, но если вам без разницы, лучше оставьте в благодарность создателем за бесплатный продукт.

В интернете пестрят сообщения “как убрать powered by com ck forms”, а ответ прост, просто убрать галочку в настройках компонента Display "powered by" text

Frontend display – отображение внешнего интерфейса, вот как то так переводиться. Вывод формы на фронтенд, т.е. результаты отображаются на вашем ресурсе и каждый может их посмотреть. Работает только при установке плагина ckformsdata, его активации и вставки тэга. Более подробно описано в конце данной статьи

  • Display IP address – отображать IP адрес отправителя формы. IP адрес это вещь практически интимная и без особой надобности лучше не выставлять.
  • Display Data detail – показывать детально данные.
  • Auto Publish data – автоматическое опубликования данных CK Forms. Если вы хотите, чтобы все заполненные данные сразу отображалось на фронтенде, то ставьте галочку. Если она не стоит, то данные не опубликуется и вам вручную придётся публиковать. Что выбрать решать Вас.

Не опубликовано CK Forms компонент

  • Название и описание – эта та информация, которая будет выводиться выше вывода информации плагина ckformsdata.

Ну и раздел помощь конечно.

 

Настройка com CKForms для Joomla. Создание полей.

Создание полей CK Forms компонент

После того как создали форму, необходимо создать поля для нее. В одном из столбцов вы увидите fields – поля. Должна стоять цифра 0, так как вы еще не создали поля. Нажимаете на значок и попадаете в менеджер полей. Пока у вас там пусто. Необходимо заранее продумать названия полей, их очередность, хотя это все можно и потом исправить. Создаем поле, в правом углу на панели инструментов нажимаем “Создать”

Настройки панели CK Forms компонент

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

Выбор типа CK Forms компонент английскийВыбор типа CK Forms компонент русский

Текст, это основной тип используемых данных в полях. При выборе типа данных текст выходят более подробные характеристики:

Атрибуты данных CK Forms компонент

  • Required — Обязательно для заполнения – системе не дает идти дальше пока не будет заполнено поле. Удобно когда, к примеру, вы хотите чтобы обязательно при заполнении указывали свое Имя, Эл.ящик и телефон, то при создания этих полей ставьте галочку.
  • Read only  — Только чтение – в том случае если не хотите, чтобы могли вносить в эту строчку данные, удобно использовать с “Заполнить поля с: Начальное значение”
  • Tips text – Пометка – появляется значок “i” и при наведении на него выскакивает всплывающая подсказка, в моем примере “Введите пожалуйста свое имя”. Удобно, если вы хотите пояснить что то по данной форме или способу ее заполнения, может быть расшифровать или раскрыть какой то вопрос.

Всплывающая подсказка CK Forms компонент

  • Custom error text – Ошибка – информация которая выводиться, если вы не правильно заполнили поле, к примеру, поле для заполнения e-mail’а, а вы записали номер телефона.
  • Max/Min length – максимальная/минимальная длина – можно задать ограничение как снизу так и сверху на количество символов. Удобно если вам не нравится когда пишут дифирамбы, чтобы ограничить.
  • Initial value — Начальное значение – если вы хотите, чтобы уже был введен начальный текст. К примеру, в поле имя можете вписать начальное значение “Меня зовут ”. Результат:

 Начальное значение CK Forms компонент

  • Text type — Формат поля – сейчас подошли еще к одному интересному вопросу. Текстовые поля тоже бывают разные. Если проходили в школе или институте какой либо язык программирования, то может вам запомнилась, что у переменных бывают различные значения и у текста тоже. Если мы вводи значения эл.ящик, то при написании другого выйдет ошибка и необходимо будет вписать именно электронный адрес. В нашем случае есть следующие значения:

Типы текста CK Forms компонент

    • Текст – любые символы.
    • Пароль – в этом случае вводимые символы будет скрываться.
    • E-mail – вводить необходимо будет только эл.адрес, т.е. обязательные для него атрибуты это название, собачка “@”, почтовая служба, точка “.”, доменная зона. Если эти данные не внесены, то будет выходить ошибка.
    • Дата – ввод даты, необходимо будет задать формат данных. При вводе выйдет симпотичненький калькулятор
    • Номер – теоретически должны писаться только цифры, пробелы и тире, по факту можно писать любой текст.
    • URL – ну это думаю понятно. Вводить только адрес в интернете, если введете не правильно выскачет ошибка “Введите правильный URL…”. Удобно использовать с первоначальным значением, чтобы автоматом заполняло “http://www.”

Hidden – Скрыть – скорее всего создавать не видимые поля, точно не знаю

Textarea — Текстовое поле – отличие от текста в том, что может отображаться и заполняться в несколько строк. Удобно для написания сопроводительного письма или любой другой информации, которая не вмещается в одну строку. Настройки аналогичные текста, только добавляется HTML Редактор, для удобства написания сообщения. Колонки и строки – для изменения отображения строк.

Checkbox – Чекбокс – дословный перевод Проверочный бокс, поле с галочкой. В моем примере это обязательное поле, то что согласен условиями, правда не написано с какими))) Если вы делаете форму заказа автомобиля можете расписать для каждой опции машины: кондиционер, ABS и т.д.

Чекбокс CK Forms

Radio Button – Радио кнопка – выбор одного из значений и установка точички. Кроме стандартных значений имеются также

  • Value – Значение – название, не отображается на сайте. Его можно установить по умолчанию, чтобы он по умолчанию был выбран.
  • Label – Название – то название которое будет отображаться на сайте. После этого нажимаете кнопку “add”, чтобы добавить это значение
  • Checkbox list – Значение чекбоксов – список в которые вы вносите значения, нажав на них вы их можете редактировать, также есть кнопка “del” для удаления значения

Чекбокс лист CK Forms

image

Select – выбор из списка. Добавляются значения Allow multiple selection (Позволить многократный выбор) чтобы пользователь мог выбрать несколько значений, необходимо будет зажать при выборе кнопку ctrl, об этом лучше написать в примечании, а то только вы будите знать, что разрешили многократный выбор. Следующее значение Height (высота) ставятся цифры, сколько строк выводить, по умолчанию выводятся 4 строки. Если вы не выбираете многократный выбор и напротив “высота” ничего не стоит, то менюшка работает как выкидное меню вниз.

Выбор из списка list CK Forms

Прикрепить файл – можно прикреплять и отсылать файлы вовремя заполнения формы. Может быть полезно для вас. Не забудьте в расширенных настройках поставить атрибуты Uploaded files path, File uploaded maximum size в соответствии со своими требованиями. Даже если у вас не стоит параметр сохранять результаты в разделе настроек формы “Result” и вы рассчитываете, что файлы сразу будут отсылаться вам на электронный ящик, то все равно, вначале файл будет загружен вам на хостинг, а оттуда отправлен вам на электронный адрес. И не забывайте очищать эту папку, а то вскоре придётся докупать гигабайты у хостер-провайдера.

Прикрепить файл CK Forms

Button – Кнопка – это самая главная функция, без которой CK Forms был бесполезен. Приступим, у CK Forms для joomla есть два вида кнопок, первая submit (отослать). Т.е. отослать форму вам. А вторая reset (сбросить) и как вы уже догадались сбросить внесенные данные. В конце формы необходимо установить кнопку “отправить” Ну и какое название напишите, то название и будет написано на кнопке.

 

Дополнительные фичи конструктора форм CKForms для Joomla

Как уже говорилось, что можно сохранять заполненные данные. Очень удобно, если делать заявки через данную форму. Посмотреть можно в главном меню компонента, в правом столбце “Data” будет “Показать данные”. Если у вас не отображается, что вам необходимо установить в настройках результатов (Result).

Показать данные CK Forms

Также можно для быстроты дублировать формы, удобно когда создается много похожих форм. Инструмент “Дубликат”.

Инструменты CK Forms компонент

Интструмент “Edit CSS” – дает возможность отредактировать стили форм. Изменить цвет, шрифт и другое отображение. Можно для каждой формы задать свой класс и сделать каждую форму индивидуальной.

“Backup”/”Восстановить” – можно созданные формы сохранять и восстанавливать. Удобно вещь в CKForms, можно перенести на другой сайт, чтобы не тратить время на его создание. Сам этим инструментом не пользовался. Но идея отличная.

“Экспорт” – зайдя в “показать данные” появляется еще одна функция CK Forms. Это экспорт заполненных форм в CSV формате. Вы можете выгрузить все заполненные формы, особую актуальной имеет если у вас через конструктор форм организована форма заказа товара или услуги.

 

Дополнительные компоненты CKForms Joomla. Модули, плагины, документация и русификация CK Forms.

Форму нужно не только создать, а еще отобразить на сайте. Для этого есть специальный модуль и плагин.

mod_ckforms_b1 – модуль CK Forms – модуль отображения. Можете его расположить везде где располагаются модули у вас на сайте.

plg_ckforms_b1 – плагин CK Forms – плагин для отображения в статье (материале). Создаете страничку, и в визуальном редакторе вставляете строчку {ckform Agetaru}, где Agetaru – это название вашей формы. На одну страницу можно вносить несколько форм. Только не забывайте устанавливать плагин, а то один раз при переносе сайта, я не установил плагин и долгое время ломал голову, почему не работает.

plg_ckformsdata_b1 – дата плагин. Плагин вывода информации на фронтенде (Front-end) отображать. Front-end – это интерфейс который любой пользователь на сайте видит. То есть можно настроить вывод заполненных форм. Для работы должен стоять этот плагин и ОБЯЗАТЕЛЬНО должен быть включен (по умолчанию при установке он отключен), в настройках должно стоять сохранять результат, если хотите, чтобы автоматически публиковались внесенные данные, то в настройках “Frontend дисплеем” ставите галочку напротив значения “Auto Publish data” (автоматически публиковать данные), в противном случае вам вручную нужно будет опубликовывать нужные вам заполненные формы.

Также как с предыдущим плагином, можно ввести следующее {ckdata Agetaru}, где Agetaru – это название вашей формы. Можно установить более детальные настройки вывода

{ckdata Agetaru [start:val, number:val, showborder:val, showheader:val, shownavigation:val]}

Выглядит это примерно вот так:

Вывод на фронтенд CK Forms

Russian (ru-RU) translations file for CKForms — русификатор

manual_ckforms-EN-1.3.4 – документация на английском языке для CK Forms 1.3.4

Joomfish configuration file for CKForms – файлы конфигурации для работы с компонентом создания многоязычных сайтов Joom!Fish.

 

Важно!!!

Важно CK Forms компонент

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

 

Итог

В данной статье мы рассмотрели конструктор форм CKForms для сайтов под управлением CMS Joomla 1.5. На других версиях Joomla я не пробовал, но думаю они и не пойдут на них. Я считаю, что это шикарный компонент. С помощью этого уникального конструктора форм можно создать абсолютно любую форму для сайта. Можно сделать форму обратной связи, даже форму заказа и многое, многое другое. Компонент для создания форм на сайте "CK Forms"(конструктор форм) легко настраивается под любую форму.

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

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

При использовании компонента CKForms рекомендуется использовать на joomla ЧПУ, чтобы не было понятно, что вы используете данный компонент, так как он имеет уязвимости. А также сменить оформление.

 

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

 

С Уважением,

администрация сайта Ageta.ru

11 комментариев
  1. Эльдар:

    Выдает такую ошибку:
    Deprecated: Function session_unregister() is deprecated in /home/хх/хх/хх/domains/3ray.ru/components/com_ckforms/controller.php on line 75
    Вот эта строка:
    session_unregister(‘ck_send_once’.$ckform->id);
    Подскажите плз как исправить! Заранее благодарен.

    • ageta:

      [b]Эльдар[/b], рекомендую использовать компонент http://ageta.ru/joomla/rasshireniya/29-forms/109-chronoforms-sozdanie-form-zayavok-i-blankov-zakaza-dlya-joomla, он более стабилен. А непосредственно по Вашей ошибке не могу ничего сказать, надо смотреть в целом.

      • Эльдар:

        Спасибо! Как раз этим компонентом в итоге и воспользовался! Там в Принципе та же самая ошибка, стабильно работает если выбрать на хостинге PHP 5.2!

    • Саша:

      [quote name=»Эльдар»]Выдает такую ошибку:
      Deprecated: Function session_unregister() is deprecated in /home/хх/хх/хх/domains/3ray.ru/components/com_ckforms/controller.php on line 75
      Вот эта строка:
      session_unregister(‘ck_send_once’.$ckform->id);
      Подскажите плз как исправить! Заранее благодарен.[/quote]
      Заходи в этот файл и поменяй
      session_unregister(‘ck_send_once’.$ckform->id);
      на
      unset($_SESSION[‘ck_send_once’.$ckform->id]);
      и также там еще есть одна строка …чуть ниже.ЕЕ поменяй
      session_unregister(‘securimage_code_value’.$ckform->id);
      на

      unset($_SESSION[‘securimage_code_value’]);
      У меня все работает)

  2. raya:

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

  3. Дмитрий:

    он платный?
    и возможно ли в нём сделать завистимость полей типа «селект»
    Пример:
    одно поле «районы города»
    другое поле(в зависимости от выбора первого «района города») должны подгружаться улицы
    возможно ли такое сделать стандартын набором функций модуля?

  4. Денис:

    При отправке формы выскакивает сообщение: Sorry, you can send the form only once
    Причем с фаерфокса отправляет, захожу с этого же ПК по хромом, выдает ошибку

  5. Оксана:

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

  6. Александр:

    Подскажите пож-та в чем может быть «засада»: ни одна из форм не реагирует на галочку «обязательное» поле. В чем причина?

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>