Обработчик формы обратной связи - Плагины

Этот плагин является инструментом разработчика и предназначен для опытного пользователя. Он позволяет оживить любую форму с отправкой сообщения на e-mail. Обработчик отправит данные любой формы на e-mail администратора. Это может быть форма обратной связи, опросы и прочее, что может быть представлено в виде html формы с тегом <form>

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

<input type="text" placeholder="Имя">
и человек введет имя Василий в этом поле, то скрипт считает подсказку и в результате на вашу почту придет:

Имя:
Василий

Служебные имена полей

name="email" - это поле будет использоваться как e-mail покупателя. Оно будет проверено скриптом на валидность и подставлено как e-mail для ответа на сообщение.
name="name" - Имя пользователя, от которого придет сообщение.
name="subject" - Тема сообщения. Будет подставлена после префикса, сохраненного в настройках.
name="captcha" - Не занимайте это поле. Оно будет создано автоматически, если вы укажете селектор для капчи при инициализации хелпера.

Инициализация обработчика

где:
'#form-selector' - id или класс формы.
'#captha-selector' - id или класс пустого блока внутри формы, где будет размещена капча.
'#success_selector' - id или класс невидимого блока внутри формы с сообщением об успешной отправке формы. Если сообщение отправлено, этот блок перестанет быть невидимым.
'#error-selector' - id или класс пустого невидимого блока, куда будут выведены сообщения об ошибках.

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

<form id="feedback-form" action="" method="POST">
<p><input type="email" name="email" placeholder="Email"></p>
<p><input type="text" name="name" placeholder="Имя"></p>
<p><input type="text" name="phone" placeholder="Телефон"></p>
<p><textarea name="message" placeholder="Сообщение"></textarea></p>
<div id="form-captha"></div>
<p><input type="submit" value="Отправить сообщение"></p>
</form>

<div id="success-selector" style="width: 100%; text-align: center; margin: 20px auto; border: 1px solid green; padding: 20px 0 0 0; color: green; display:none;">
<h3>Ваше сообщение успешно отправлено</h3>
</div>

<div id="error-selector" style="width: 100%; text-align: center; margin: 20px auto; border: 1px solid red; padding: 20px 0 0 0; color: red; display:none;">
<h3>Ваше сообщение не отправлено</h3>
</div>