ChronoForms–создание форм, заявок и бланков заказа для Joomla. Быстрый старт

ChronoForms–создание форм, заявок и бланков заказа для Joomla

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

 

ChronoForms для Joomla

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

Конструктор форм ChronoForms состоит из компонента, плагина и модуля.

Компонент ChronoForms – служит как основным элементом, он отображается в административной панели в “Компоненты”, в котором создаются формы, назначаются поля и т.п. Компонент позволяет выводить форму через меню на отдельной странице.

ChronoForms для Joomla

Когда создаете пункт меню, то при выборе типа пункта меню появляется “Chronoforms Display Form”. Если Вы хотите выводить не на отдельной странице через меню, а может быть на любой странице, как полностью так и в тексте, то тогда Вам понадобиться плагин, который позволит Вам вставить в любое место, написав {chronoforms} имя формы {/chronoforms}. А если хотите, чтобы форма отображалась в модулях Джумлы, тогда Вам можно установить и модуль ChronoForms.

Хоть у компонента и написано, что он поддерживает другие языки, но кроме английского других языков нет. Может старые версии и поддерживали. Русификатор ChronoForms я искал долго, но так и не нашел. Если Вы найдете, то пишите в комментах, буду благодарен. Через файлы ru-RU Joomla’ы можно только русифицировать главное меню, что погоды не сыграет. Хотя попадались версии ChronoForms с русификаторами, но по факту оказывалось, что там русификатор от комментариев старой древности.

Если Вам нужна просто форма обратной связи без наворотов, то тогда можете использовать Rapid Contact

 

Скачать и установить ChronoForms для Joomla

ChronoForms можно скачать с официального сайта. Выберете под свою версию Joomla, ChronoForms для Joomla 2.5 (в том числе версий 1.6, 1.7) скачать можно в папке “ChronoForms_J1.6_Files”. Другие папки соответствуют версиям Joomla 3, Joomla 1.5 и т.д. На данный момент актуален ChronoForms v4.

Закачивайте нужные файлы и далее установка идет стандартным способом. В админке Расширения –> Менеджер расширений  –> выбрать файл и загрузить. И так сделать для

После этого у Вас в Компонентах появиться новый компонент.

 

ChronoForms – быстрый старт. Создаем форму обратной связи

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

ChronoForms – быстрый старт. Создаем форму обратной связи

В меню заходим в “Easy Form Wizard” (простой мастер форм). И перед нами открывается конструктор форм

 

Создание формы

Создание формы

Слева находятся типы полей, а справа мы собираем форму обратной связи, простым перетаскиванием слева на право. Для формы обратной связи нам понадобятся поля:

  • Text Box – текстовая строка – текст пишется в строку, к примеру для ввода имени и почтового ящика.
  • Text Area – текстовая область – большое поле для ввода объемного текста, в основном служит для комментарием и для обращений
  • Submit Button – кнопка отправки формы

Text Box подойдет нам для создания полей “Ваше имя”, “Email”, можете также добавить поле “Тема сообщения”. Text Area подойдет нам для самого обращения, а Submit Button будет нашей кнопкой для отправки.

 

Назначение полей

Вот что у нас получилось.

Назначение полей

Справа 3 кнопки нужны для следующего сине-оранжевый, это настройка конфигурации поля, зеленый служит для смены позиций поля, нажмите на него и меняйте положение. А красная иконка, это удалить. Нас интересует сейчас, настройка конфигурации, жмем.

Назначение полей

  • Label Text – текст данного поля, в нашем случае “Ваше имя”
  • Field Name – имя поля, внутри ChronoForms, можете не трогать
  • Field Default Value – значение по умолчанию, если хотите чтобы что то было написано в этом поле
  • Field Max Length – максимальная длина в поле, для имени 150 символов вполне достаточно
  • Field Size – размер поля
  • Field Title – текст который будет выводиться при ошибке в данном поле.

 

Настройка отправки почты

Переходим в закладку “Emails”. Возможно создать 3 шаблона письма, в каждом шаблоне отсылать на несколько ящиков.

Для начала нажимаем “Enabled” – да, чтобы активировать эту функцию

Настройка отправки почты

  • To – на какой эл.ящик отсылать письмо, ящики можно перечислить через запятую.
  • Subject – тема письма, можно написать “Письмо формы обратной связи сайта Ageta.ru”, чтобы сразу было понятно что за письмо
  • From name – имя отправителя, можно написать “сайт Ageta.ru”
  • From email – электронный ящик отправителя. Можете хоть какой ящик написать, я пишу такой же на кокой отправляю, чтобы не путаться потом.

Важно! Если Вы работаете на локалке, то письма не будут уходить, потому что у Вас наверника не установлен почтовый сервер. Такая же ситуация будет, если у Вас на хостинге проблемы или тоже не настроен почтовый сервер, но это в основном бывает если Вы сами поднимаете на хостинге сервера.

Настройка отправки почты

потом генерируете шаблон письма, т.е. в каком виде оно будет приходить к Вам и переходите в другую вуладку.

 

Название формы и проверка ее работоспособности

Далее идем в вкладку “Validation”, там вводит тип данных для данного поля, на соответствие которых нужно проверять поле. Для поля “Ваше имя” можно ничего не указывать, для поля “Email” нужно указать значение “Email” в Validation, если у Вас еще есть поля, к примеру с телефоном, то выбрать нужно необходимую галочку. И нажимаем сохранить, повторяем процедуру для всех полей.

Название формы и проверка ее работоспособности

После того как все сделали, переходите в закладку “Form Settings”, задаете название формы и проверяете что напротив публикации стоит “Yes”. Называть форму можно только латиницей, никаких русских букв и без пробелов.

В закладке “Thanks Message”, можете указать, какое сообщение писать после отправки письма. Нажимаем “Сохранить&Закрыть”. В менеджере форм жмем напротив нашей формы “Frontend view”

Название формы и проверка ее работоспособности

И вот наша форма созданная на компоненте ChronoForms. Теперь ее выводим в меню или через плагин в материалах или в модуле.

42 комментария
  1. Арно:

    скажите а как создать поле со списком для выбора?

    • ageta:

      [b]Арно[/b], используйте:
      [b]CheckBoxes Group[/b] — можно отмечать нужные параметры, поддерживается одновременный выбор нескольких параметров.
      [b]Radio Box[/b] — выбор одного из параметра.
      Если не разберетесь подписывайтесь на обновление, через недельку урок подготовлю с более подробными настройками

  2. Арно:

    Я попробовал использовать Drop Down, но в любом случае письмо доходит, но пустое как это можно исправить ?

  3. Арно:

    все все понял))) инструмент реально серьезный жду новую статью) спасибо огромное!

  4. Наталия:

    Не прикрепляется файл. Форма настроена, письмо приходит, но в месте где должен быть файл — пусто((

  5. Lexwork:

    прямая ссылка на скачку русификации админки, почти все переведено

    {ссылка потерта}

    • ageta:

      [b]Lexwork[/b], я Вас разочарую, это не русификация админки, это русификация 5ти закладок.

      • Lexwork:

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

        • ageta:

          [quote]почти все переведено[/quote]
          [quote]этого вполне достаточно, там всё интуитивно понятно[/quote]
          Так зачем перевод 5 вкладок, если там все интуитивно понятно. И тем более по этим 5ти вкладкам меньше всего вопросов.
          [quote]полно уроков по созданию форм различной сложности[/quote]
          Вот вот, в одном из них Вы и написали со ссылкой на русификатор ‘почти всего в админке’…

  6. Andrey:

    Спасибо за уроки, все создал, но на сайте выходит ошибка Form name can NOT be empty!
    и в панели управления требует Validate installation с с вводом ключей

    • ageta:

      [b]Andrey[/b] Form name can NOT be empty (Название формы НЕ может быть пустым), т.е. введите название формы перед сохранением. А насчет «Validate installation», не обращайте внимание, они предлагают Вам купить ключ. Это не на что не влияет вообще.

      • archon:

        та же самая ошибка, но все поля заполнены латинскими буквами, что не так? (((

  7. Tlegen:

    здравствуйте!! у меня такая проблемка выходит. в общем поставил я Chronoforms себе на сайт, и полностью настроил его… И тут такая загвоздка, когда я все поля заполняю, то все идет нормально, выходит благодарственная страница и все вроде бы отлично… но ко мне на почту, которую я указал в компоненте, не пришло письмо… пробовал mail.ru и gmail.com.. Надеюсь, вы поможете) заранее спасибо!

  8. Мишка82:

    Добрый день!
    Пытаюсь создать форму обратной связи с помощью Chronoforms. Загрузил модуль, плагин, компонент без проблем, начал создавать форму, хочу посмотреть что получилось через Frontend view, пишет «Fatal error: Call to undefined method JParameter::def () in Z:\home\project \www\modules\mo d_ice_verticalm enu\libs\menuco re.php on line 578»
    Какого лешего verticalmenu? Что не нравится в этой строчке ($iSecure = $iParams->def(‘secure’, 0);
    Погуглил не нашел инфо. Может подскажешь куда копать?
    Ранее в другом шаблоне такой проблемы не было. Сайт на локалке.

    • ageta:

      [b]Мишка82[/b], в последнее время на локалке не работаю, времени нет, сразу ставлю на хостинг. Точно не будет работать отправка емейла, потому как почтового сервера нет. Могут и другие быть проблемы.

      • Мишка82:

        [quote name=»ageta»][b]Мишка82[/b], в последнее время на локалке не работаю, времени нет, сразу ставлю на хостинг. Точно не будет работать отправка емейла, потому как почтового сервера нет. Могут и другие быть проблемы.[/quote]
        Спасибо, идею воплотила сама,но Буду переводить на сервер, тогда попробую еще раз.

  9. Николай:

    Добрый день! Хороший компонент, поставил, создал форму. При нажатии на кнопку Submit — мне на почту начинают непрерывно поступать письма, до тех пор, пока не перейду на другую страницу. Кто-нибудь сталкивался с подобным?

    • ageta:

      [b]Николай[/b], с такой проблемой я не сталкивался. Если проблему решите — отпишитесь, может кому то будет очень это полезно. Могу посоветовать только переставить компомент/джумлу, проверить на других браузерах.

  10. Роман:

    Почему не получается изменить длину полей, меняю значение size и всё бесполезно длина текстового поля всегда 100% то есть во весь лист

    • ageta:

      [b]Роман[/b], только что проверил, все работает. Наверно что то не так делаете. Менять надо значение Field Size, потом нажимать «Apply», далее сохранить настройки формы и все будет работать.

  11. Надежда:

    Добрый день! Установила компонент, всё работает отлично! Именно то, что я искала! Но, такая проблемка: он не проверяет правильность ввода e-mail, или я не нашла где это делается. Т.е. у меня есть поле e-mail, надо, чтобы выдавалась ошибка, если пользователь вдруг ввел не правильный e-mail.

  12. Надежда:

    А, всё, нашла! Супер!!!

    • ageta:

      [b]Надежда[/b], прочитали что надо ставить галочку в одном месте)))

      • Надежда:

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

  13. Надежда:

    Заметила 2 неприятных момента:
    1) Если не правильно ввел код проверки, то в поле e-mail автоматически прописывается скрипт.
    2) Когда сообщение отправлено, то появляется сообщение, которое прописала в настройках «Спасибо, Ваше сообщение отправлено.» Но, если обновить эту страницу, то сообщение снова отправляется, соответственно если пользователь 10 раз нажмет Обновить. то придет 10 одинаковых сообщений 🙁
    Это баги или тоже где-то настраивается?

  14. ilianna.ru:

    Сейчас попробуемся….

  15. Павел:

    Так она платная?
    на вкладке «Validate installation» нужно ввести ключи, похоже что из-за того что их нет сообщения приходят пустыми.

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

    Как быть, если письмо приходит мне не от того человека, который эмаил в форме указал, а от меня, но с эмаилом в строке формы того человека который отправлял. если нажимаю ответить, то отвечать буду сам себе, а не этому человеку.
    Письмо приходит мне от самого себя, не с эмаила который вбит в «From email * «, если я нажимаю ответить, то я отвечу сам себе на письмо, хотя в поле «Dynamic Reply to email » указано поле куда пишут эмаил.

    Ах да и ещё, размер строк для ввода не редактируется, а растягивается по возможности на всю страницу! Что делать?

  17. Самсонов Сергей:

    Где же взять это код?

  18. Анна:

    Все сделала по вашему описанию. Но при отправке сообщения выдает ошибку: не удалось вызвать функцию mail. Что делать?
    (сайт на хостинге)

  19. Самсонов Сергей:

    Разобрался! Отличный компонент. Главное — очень внимательно повторять все описанные шаги. Можно еще видео инструкцию найти.

  20. Татьяна:

    А у меня, к сожалению, форма на сайт не выводится, а только ссылка Powered by ChronoForms — ChronoEngine.com
    Версия Joomla 2.5.19
    Компонент скачан с сайта разработчика, самый последний.
    В гугле удалось найти такой совет:
    В настройках события onload в действии show HTML (отрисовывает саму форму) Load Security Token (третье поле сверху) перевести в «No» (по умолчанию стоит «Yes»). Рекомендуют искать actions-show HTML- настройка-Load Security Token.
    НЕ НАШЛА! (((((

    • Александр:

      Пытался отобразить форму как модуль, тоже самое было. Потом взял простую html пустышку и прописал через {chronoforms} имя формы {/chronoforms}, все заработало.

  21. Nikita:

    Подскажите пожалуйстаа, как сделать что бы при выборе там например города выводилась цена и потом все это приходило на мыло?

  22. Марина:

    Помогите, пожалуйста, а можно ли как-то регулировать размер этой формы? где прописать свою ширину и высоту?

  23. Igror:

    Подскажите, как вывести форму в материале, что бы форма открывалась, как ссылка.
    Установил и компонент и плагин, но вставка в материал {chronoforms}имя формы {/chronoforms} не работает.

  24. Дмитрий:

    Здравствуйте! подскажите, я использую Drop Down поля динамического характера с большим выпадающим списком: 1 проблема — ни как не могу привязать третье поле к второму(которое работает от выбора),первое с вторым спаял. 2 проблема — после заполнения формы все Drop Down поля приходят на email как {sourse_1} можно сказать id строки из выпадающего поля а не ее наименование.

  25. Катя:

    Здравствуйте! Сил моих больше нет искать ошибку. Всё ввела правильно, почта, на которую должны приходить письма на mail.ru. При заполнении формы, всё проходит без проблем и отправляется без ошибки. Но на почту ничего не приходит. Поменяла в настройках почты PHP mail на Sendmail, что еще необходимо настроить? и возможно ли, что сервер блокирует сообщения, проходящие через сайт? хостинг на beget.ru

  26. Марина:

    Добрый день, помогите, все настроила, все работает, но сама заявка приходит ко мне на мыло в виде кода, как быть???

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

Навигация

Предыдущая статья: ←