Асинхронная форма обратной связи (ajax)

  • Главная
  • Продукты
  • Поддержка клиентов
  • Асинхронная форма обратной связи (ajax)
  • Описание
  • Характеристики

Описание

Самая простая и надёжная форма обратной связи с отправкой данных без перезагрузки страницы.

ТЕХНИЧЕСКИЕ ДАННЫЕ

  • Отправка данных происходит асинхронно без перезагрузки страницы
  • Проверочный код (captcha) не требуется
  • Серверный код оптимизирован: среднее время отправки данных — 0.
    2 секунды при индексе производительности сайта
  • Клиентский код оптимизирован: никаких сторонних тяжёлых js-плагинов, все скрипты самописные — загрузка страницы не тормозит
  • Решение работает на кодировках UTF-8 и Windows-1251
  • Грамотный и понятный код
  • Поддержка технологии «Композитный сайт»

Характеристики

Категория готовое решение
Обновления да
Поддержка адаптивности Да
Поддержка композита Да
Подходящие редакции Первый сайт / Старт / Стандарт / Малый бизнес / Эксперт / Бизнес
Срок действия лицензии 1 год
Языки русский


Поделиться

Назад к списку

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

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

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

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

Установка
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 настройте свой емайл — вместо [email protected] напишите свой, куда будут приходить сообщения. Строка 7 и 8 — тема письма
2. Строки 18-26 — код автоответчика — если он вообще не нужен — удалите их и форма будет работать в обычном режиме. Если нужен, то строка 19 — тема письма, строка 20 — текст письма для пользователя, строка 21 — файл, который автоматически передается пользователю на скачку. Здесь переменная $adrfile — путь к файлу на скачку, а $namefile — произвольное имя, которое пользователь будет видеь в письме. Обратите внимание, что в обоих переменных обязательно надо указывать расширение файлов.