Август 2017
Автор: Рубрика: Верстка Комментариев нет

Скрипт обратной связи для лендингов


Рассмотрим как сделать скрипт обратной связи для лендинг страниц.

Подключается к любой форме обратной связи с любым количеством полей, без исправления файла mail.php.

Обратная связь состоит из трех файлов, рассмотрим каждый подробно в отдельности.

создаем index.html

Создадим в шаблон index.html.

Создаем документ, нажимаем восклицательный знак и клавишу tab, плагин emmet разворачивает новый документ в тело body добавим форму.

В форме прописываем три скрытых поля это название

  • сайта site name
  • свой email куда будет приходить почта
  • тему письма, которая высветится в общем списке form subject, для идентификации формы, с какой именно пришло письмо, если несколько форм.

Затем идут произвольные поля, которые видим в браузере.

В конце документа подключаем jquery и файл скрипта scrip.js.

Добавляем в index.html код.

Открываем index.html в браузере и видим саму форму.

Создаем scrip.js

Разберем теперь файл скрипта scrip.js , который подключили.

Основной смысл скрипта, чтобы ajax отправлял методом post любую форму на наш файл mail.php.

Нужно изменить только селектор формы, которую хотим обрабатывать form и путь до mail.php, если у нас лендиг пейдж и файл в корневой папке, то путь не меняем.

В скрипте есть функция .don после того как отправилось письмо идет alert, который можно менять.

Например, добавить класс скрытому диву, который будет всплывать с красивой формой.

Затем сбрасывается форма th.trigger (reset), можно сделать редирект на другую страницу, например.

Получился код в sublime text.

Создаем mail.php

Третий файл это mail.php. Сперва мы берем метод post.

Прописываем обязательные скрытые поля в index.html.

Затем идет массив foreach по всем ключам post запроса, с дополнительной проверкой, если поле скрытое, то оно не добавляется в табличку, которая придет на почту.

Файл mail.php sublime text.

Комментариев нет