Среда, 18 мая 2011 00:00

Chronoforms

Оцените материал
(5 голосов)

Сегодня - попробуем сделать произвольную форму отправки сообщений для нашего сайта на Joomla, при помощи Chronoforms (chronoengine.com), нативного компонента Joomla 1.0, 1.5 и 1.6.

Dev banner 2

Сделаем для начала что-нибудь простенькое, ок? Компонент удобен и не вызывает проблем, но первое знакомство с ним не всегда дается легко. Впрочем - довольно предисловий; дорогу осилит идущий.

Устанавливаем компонент - здесь не должно возникнуть вопросов - и открываем FormWizard.

 

FormWizard

Все очень несложно. Мышкой перетаскиваем из Toolbox элементы, размещая в нужном нам порядке, попутно подписывая и редактируя. Нелишне отметить чек-бокс validation на предмет, скажем, того, чтобы пользователь нашего сайта, пытающийся отправить сообщение, не забыл ввести свой e-mail:

Email validation

 

Берем на заметку название поля Field Name; чуть позже объясню - зачем. А пока запомните или запишите - что там написно для каждого использованного нами элемента:

 

Properties

В итоге получаем вот такую, несложную (для начала) формочку.. работы здесь буквально на минуту, даже с непривычки; вам всего-то и нужно, что - перетащить в поле создаваемой нами форму  три раза TextBox, один раз - TextArea, и один раз - Button, переименовать все это и получить в итоге:

 

Наша первая формочка

 

Очень хорошо, переходим ко второму шагу. Только не нужно записывать полученную конфигурацию, она никуда не денется; просто нажимаем Step 2 и ровно таким же образом (drag-and-drop, берем мышкой и тащим) создаем настройки двух писем; одно из них будет содержать текст отправляемого  сообщения и предназначаться нам, а другое - подтвердит получение письма нашему корреспонденту.

У нас должно получиться что-то вот такое:

 

E-mail settings

Поля "То" и "From email" могут содержать любые адреса почты - сами решите, от имени кого и - на какой почтовый ящик вам удобнее получать почту с сайта; From Name и Subject - также любое значение. Обратите внимание на отмеченный зеленой галкой флажок - здесь непременно установите Enabled (два раза, т.е. - для обоих писем).

А на полях Dynamic To и Dynamic Subject остановимся чуть подробнее.

При попытке заполнить каждое из этих полей вы получите приглашение выбрать тот или иной элемент созданной нами формы:

 

Email Subject

Именно так и заполняются эти поля. Просто и удобно.

Ну что же, справились с Email Settings? Обратите внимание - компонент предупредит, если вы забудете либо неправильно выберете необходимые элементы:

 

Email Settings

Так что, думаю, здесь нам все быстро удастся сделать, и мы перейдем к третьему шагу - Design You Email.

Мы видим здесь два письма, которые редактируем примерно следующим образом (возможны варианты):

Привет, Admin!
Посетитель сайта отправил вам следующее сообщение:

{message}

Его имя:  {name}



Здравствуйте, {name},
Спасибо за ваше письмо, я постараюсь ответить как можно оперативнее.

Всегда ваш. Admin

Вместо name и message в фигурных скобках пишем тот самый Field Name, который соответсвует нужному в данном случае элементу; и который я рекомендовал вам не забыть, помните? Все остальное содержание писем - как душе угодно, а вот это - главное. Иначе писем с сайта вы не получите, во всяком случае - содержащих какую-либо информацию.

В принципе, это все. Сохраняем нашу, с таким трудом созданную формочку и открываем Forms Management.

И видим здесь тревожную красную надпись:

Your Chronoforms install at site is NOT Validated, No limited features but for a small fee you get link free forms and help us continue the development and support..

Сумеете перевести? ничего страшного - всего лишь предложение оценить труд разработчиков и внести небольшую плату. Как необычно - иметь выбор в подобной ситуации, не правда ли?

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

 

Forms Management

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

Включаем письма

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

Тестируем

-----

На правах рекламы и короткой строкой. Не хотите ли вы заказать сайт на нашем портале? Или - заказать интернет-магазин Prestashop? Заходите на огонек, всегда вам рады.

Последнее изменениеСуббота, 29 ноября 2014 18:56

3 комментарии

  • Комментировать Вадим Вторник, 30 апреля 2013 12:53 написал Вадим

    Здравствуйте!
    Скажите у меня проблема с формой обратной связи, которую я создал на базе cronoform. Она отображается в текстовом варианте, все поля прописаны в html, как мне сделать ее в нормальном виде.
    Спасибо.

  • Комментировать Aleksej Понедельник, 15 октября 2012 17:10 написал Aleksej

    Думаю, стоит попытаться вспомнить - что же такое происходило на сайте в последнее время. Обновления, новые extensions и т.д. Навряд ли скрипты зажили на вашем сайте самостоятельной жизнью, в духе механизированных персонажей Айзека Азимова.

  • Комментировать Анна Борисовна Понедельник, 15 октября 2012 10:04 написал Анна Борисовна

    Форму поставила давно и все работало нормально.
    Но последнее время перестала работать проверка обязательного заполнения. Письма приходят с незаполненными полями, работает только Captcha.
    Создала другую форму, все тоже самое. Что делать?

Оставить комментарий

Добавьте ваш комментарий

Linux для вас. Аутсорсинг и консультации

Линукс для вас. Аутсорсинг и консультации.

Заказать сайт

Веб-разработка. Заказать сайт

Вы можете заказать сайт-визитку, блог, корпоративный сайт, интернет-магазин или коммерческий web-портал.