Форма обратной связи на ajax с автоответчиком и без него
X
Заказать сайт
Заказать сайт

Форма обратной связи на ajax с автоответчиком и без него

123213

Ajax форма обратной связи полезна и красива на любом современном сайте. Давайте рассмотрим ее подробнее.

Форма работает во всплывайке - всегда позиционируется справа в окне и плавает вместе с прокруткой страницы. В ней есть автоответчик (который можно отключить), - т.е. если пользователь оставляет письмо на сайте, то одно идет вам на почту, а второе формируется и высылается ему обрантно на email, который он указал в почте. Текст сообщения для автоответчика вы вписываете сами + можете прикрепить к обратному письму файл на скачку.

12

11

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

Установка
1. Скачайте архив и загрузите папку ajax2 в корень вашего сайта
2. Проверьте скрипт на работоспособность: ваш_домен/ajax2/index.html
3. Если все ОК - скопируйте код с файла index.html на ваш сайта, после чего этот файл можно удалить
4. Если у вас подключена библиотека jquery.js - то удалите строку <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> (от index.html)

Настройки
Откройте ваш_домен/ajax2/mail.php
1. В строке 6 настройте свой емайл - вместо mailmailmail12@mail.ru напишите свой, куда будут приходить сообщения. Строка 7 и 8 - тема письма
2. Строки 18-26 - код автоответчика - если он вообще не нужен - удалите их и форма будет работать в обычном режиме. Если нужен, то строка 19 - тема письма, строка 20 - текст письма для пользователя, строка 21 - файл, который автоматически передается пользователю на скачку. Здесь переменная $adrfile - путь к файлу на скачку, а $namefile - произвольное имя, которое пользователь будет видеь в письме. Обратите внимание, что в обоих переменных обязательно надо указывать расширение файлов. Сам файл находится в папке ваш_домен/ajax2/file. Пример - вам необходимо поставить на скачку файл prise.xsl - загружайте его в папку ваш_домен/ajax2/file, а строку 21 изменяйте следующим образом: $adrfile = 'file/prise.xsl';$namefile = 'prise.xsl';

Скачать ajax форму обратной связи

ps Также есть новая ajax форма обратной связи - гораздо более неприхотливая в установке - перейти. Она без автоответчика и всплывающего окна - зато таких форм можно ставить бесконечно много на сайте.

Желаю несложной установки!

| | Форма обратной связи на ajax с автоответчиком и без него | Ajax форма обратной связи полезна и красива на любом современном сайте. Давайте рассмотрим ее подробнее. Форма работает во всплывайке - всегда пози | https://blogprogram.ru/wp-content/uploads/2015/08/123213-131x131.png

6 коммент. на “Форма обратной связи на ajax с автоответчиком и без него”

  1. Вячеслав:

    Подскажите, как отключить прокрутку фона

  2. Игорь:

    Сам разобрасля) В mail.php не принимало вот эту строчку: $text = "ФИО: $fio\n Телефон: $tel\n E-mail : $email\n Сообщение : $messa"; По убирал русский текст , получилось $text = $fio\n $email\n $tel\n $messa" , и норм ))

  3. Игорь:

    может подправить че надо? Подскажите)

  4. Максим:

    А как убрать значок чтоб сразу форма была

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>