- Регист
- 21 Май 2018
- Сообщения
- 627
- Реакции
- 617
С помощью данного скрипта Вы сможете сделать любое количество форм с отправкой на e-mail без перезагрузки страницы на своем сайте, и без вмешательства в PHP файл.
Как пользоваться скриптом:
1. Включите jQuery;
2. Включите код Ajax из script.js;
3. Измените селектор Ajax в вашем JS;
4. Создайте HTML-форму с вашим классом формы;
5. Создайте скрытые обязательные поля HTML с вашими значениями;
6. Измените путь к mail.php в вашем JS.
Подключаем наш скрипт и jquery в наш шаблон/лендинг или любой сайт:
HTML:
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="script.js"></script>Jquery можно подключить и более свежую, здесь вписана как пример.
Внимательно смотрите подключенные скрипты на своем сайте, зачастую Jquery уже подключен в большинстве шаблонов, если подключить два раза - работать не будет.
Пишем форму - обязательные скрытые поля, в теги <form>:
HTML:
<!-- Hidden Required Fields -->
<input type="hidden" name="project_name" value="Site Name">
<input type="hidden" name="admin_email" value="[email protected]">
<input type="hidden" name="form_subject" value="Form Subject">
<!-- END Hidden Required Fields -->Site Name - Имя сайта для вывода на почте
[email protected] - е-маил адрес на который нужно отправить форму
Form Subject - Название самой формы (для каждой можно сделать свое уникальное)
Теперь пишем любые поля которые нужны в форме (как пример) возьмем стандартные 3 поля:
HTML:
<input type="text" name="Name" placeholder="You name..." required><br>
<input type="text" name="E-mail" placeholder="You E-mail..." required><br>
<input type="text" name="Phone" placeholder="You phone..."><br>1. Обратите внимание, что поля можно сделать любые и сколько хотите! Они автоматически будут приходить на вашу почту, не нужно редактировать и прописывать каждое поле в php - достаточно его вписать в HTML форме.
2. Атрибут name="название" - можно вписывать на русском или украинском языке и они так же будут работать.
На выходе у вас должно получиться такая тестовая форма:
HTML:
<form>
<!-- Hidden Required Fields -->
<input type="hidden" name="project_name" value="Site Name">
<input type="hidden" name="admin_email" value="[email protected]">
<input type="hidden" name="form_subject" value="Form Subject">
<!-- END Hidden Required Fields -->
<input type="text" name="Name" placeholder="You name..." required><br>
<input type="text" name="E-mail" placeholder="You E-mail..." required><br>
<input type="text" name="Phone" placeholder="You phone..."><br>
<button>Отправить</button>
</form>При отправке формы получаем такое сообщение:
После чего форма автоматически очиститься на странице без перезагрузки.
Текст, который выводить - можно изменить в файле script.js.
На почту получаем красивое автоматически сформированное письмо:
Письмо приходит ввиде полей которые мы вписали в форму HTML, а PHP обработчик сам подтянул данные и отправил нам на почту.
PHP файл редактированию не обязателен, все процедуры по добавлению новых полей делаются в тегах <form>.
Готовый скрипт прикрепляю в теме. PHP обработчик и skript.js найдете в папке так же.
Скачать файлы + готовый пример:
