Tag Archives: обратная связь

Обратная связь MODx

обратная связь MODx, форма обратной связи на MODxФорма обратной связи на сайте на данный момент является одним из стандартных элементов, как разделы Контакты, или Карта сайта. В данной статье я расскажу как создать форму обратной связи на сайте в системе управления сайтом MODx. Реализованна форма будет при помощи сниппета eForm.

Что такое сниппет eForm в MODx?

eForm – сниппет входящий в стандартную поставку Modx. Отвечает за обработку данных, которые пользователи вводят в формы на сайте. Полученные данные можно отослать по электронной почте используя формат html, вложения, автоответчик, а также расширенную обработку данных и генерацию настраиваемых отчетов. Сниппет довольно прост в использовании. Но также позволяет решать довольно сложные задачи.

Этапы создания формы обратной связи на MODx

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

  1. создание чанка формы, которая будет располагаться на сайте
  2. создание чанка шаблона письма, которое будет приходить на электронную почту
  3. вставка сниппета eForm на страницу

1. Создание чанка формы обратной связи

Создаем новый чанк form_tpl и вставляем туда следующий код:

<div id=”forma”>
<p> [+validationmessage+] </p>
<br/>
<form method=”post” action=”[~[*id*]~]” name=”myform”>
<input type=”hidden” name=”formid” value=”form1″ />
<table  cellpadding=”1″ cellspacing=”1″ >
<tr >
<td >Ваше Имя:</td>
<td ><input type=”text” name=”Name” size=”40″ maxlength=”60″ eform=”Ваше Имя::1″ /></td>
</tr>
<tr >
<td >Ваш телефон:</td>
<td><input type=”text” name=”phone” size=”40″ maxlength=”40″ eform=”Ваш Телефон::1″ /></td>
</tr>
<tr >
<td >Ваш email адрес:</td>
<td><input type=”text” name=”email” size=”40″ maxlength=”40″ eform=”Ваш email:email:1″ /></td>
</tr>
<tr >
<td >Текст письма:</td>
<td><textarea cols=”40″ rows=”6″ name=”comments” eform=”Текст письма:html:1″></textarea></td>
</tr>
<tr >
<td colspan=”2″>Пожалуйста введите код: (Чтобы предупредить спам)</td>
</tr>
<tr >
<td ><img src=”[+verimageurl+]” alt=”verification code” /></td>
<td><input type=”text” name=”vericode” size=”20″ /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type=”submit” name=”submit” value=”Отправить” ></td>
</tr>
</table>
</form>
</div>

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

2. Создание чанка письма, приходящего на почту

Создаем новый чанк formreport и вставляем туда следующий код:

<p>Это письмо было отправлено с сайта</p>
<table>
<tr valign=”top”><td>Name:</td><td>[+Name+]</td></tr>
<tr valign=”top”><td>Email:</td><td>[+email+]</td></tr>
<tr valign=”top”><td>Телефон:</td><td>[+phone+]</td></tr>
<tr valign=”top”><td>Текст сообщения:</td><td>[+comments+]</td></tr>
</table>

3. Вставляем код формы на страницу

Для начала необходимо создать страницу в MODx, на которой будет форма обратной связи. Так же можно установить форму в шаблон сайта, чтобы форма была доступна на каждой страницы (см. установка шаблона MODx). Для того чтобы вставить форму на страницу в область контента страницы необходимо вставить код вызова сниппета eForm с подключенными созданными чанками:

[!eForm? &formid=`form1` &to=`mail@site.ru` &tpl=`form_tpl` &report=`formreport` &vericode=`1` &subject=`Сообщение с сайта` !],

где formid - уникальный идентификатор нашей формы,
to - адрес электронной почты, куда будут приходить сообщения,
form_tpl - имя чанка формы, созданного нами,
report - чанк шаблона письма приходящего на электронную почту.

После этого проверяем форму и если все сделали правильно, то все будет работать и теперь можно расслабиться и пойти попить чайку :-)

Основные теги , ,