Расширенная форма обратной связи на AJAX

Форма для отправки сообщения с сайта на E-mail.

Возможности:

  • 1. Форма для отправки сообщения с сайта на E-mail.
  • 2. Все настройки, которые есть в стандартном компоненте 1с Bitrix Форма обратной связи (main.feedback):
    • - Обязательные поля для заполнения;
    • - Почтовые шаблоны для отправки письма;
    • - Сообщение, выводимое пользователю после отправки;
    • - Использовать защиту от автоматических сообщений (CAPTCHA) и т. д.
  • 3. Настройки расширенной формы обратной связи:
    • - 9 встроенных шаблонов;
    • - добавлены 3 новых поля «Телефон», «Компания», «Файл»;
    • - возможность включения/отключения отображения поля «Имя»;
    • - возможность включения/отключения отображения поля «Телефон»;
    • - возможность включения/отключения отображения поля «E-mail»;
    • - возможность включения/отключения отображения поля «Компания»;
    • - возможность включения/отключения отображения поля «Сообщение»;
    • - возможность включения/отключения отображения поля «Файл»;
    • - возможность включения/отключения анимационного эффекта;
    • - возможность выбора анимационного эффекта (доступно 19 видов анимационных эффектов);
    • - возможность включения/отключения вывода ссылки для вызова всплывающей формы;
    • - возможность включения/отключения отображения заголовка формы обратной связи;
    • - возможность редактировать текст заголовка формы обратной связи;
    • - возможность включения/отключения отображения подзаголовка формы обратной связи;
    • - возможность редактировать текст подзаголовка формы обратной связи;
    • - возможность редактировать текст кнопки «Отправить»;
    • - возможность включения/отключения отображения кнопки «OK»;
    • - возможность редактировать текст кнопки «OK»;
    • - возможность включения/отключения отображения кнопки «Исправить»;
    • - возможность редактировать текст кнопки «Исправить»;
    • - возможность включения/отключения закрытия формы при клике вне формы;
    • - возможность включения/отключения отображения маски для поля «Телефон»;
    • - возможность включения/отключения отображения кнопки «Закрыть»;
    • - возможость в новых браузерах перетаскивать файл с рабочего стола, папки или файлового менеджера;
    • - возможность отправлять файл как вложение в письме;
    • - возможность включения/отключения удаления загружаемых файлов после отправки письма;
    • - возможность установки максимального размера файла для отправки (в килобайтах);
    • - возможность установки папки для загружаемых файлов;
    • - возможность установки допустимых расширений для загружаемых файлов;
    • - возможность подключить/отключить библиотеку для реализации PLACEHOLDER (в старых версиях) IE;
    • - возможность подключить/отключить библиотеку для добавления маски при вводе "Телефона";
    • - возможность использовать E-mail отправителя в заголовке письма "От кого".

Демонстрация

  • 1. Шаблон Blue

Заказать прямо СЕЙЧАС!

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку «Заказать!».
Прикрепить файл или перетащите его сюда
CAPTCHA
  • 2. Шаблон Blue Popup (с эффектом 3D Slit)
ОТПРАВИТЬ
сообщение!
Закрыть

Заказать прямо СЕЙЧАС!

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку «Заказать!».
Прикрепить файл или перетащите его сюда
CAPTCHA
  • 3. Шаблон White

Заказать прямо СЕЙЧАС!

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку «Заказать!».
Прикрепить файл или перетащите его сюда
CAPTCHA
  • 4. Шаблон White Popup (с эффектом Just Me)
ОТПРАВИТЬ
сообщение!
Закрыть

Заказать прямо СЕЙЧАС!

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку «Заказать!».
Прикрепить файл или перетащите его сюда
Защита от автоматических сообщений:
CAPTCHA
  • 5. Шаблон White 2

Заказать прямо СЕЙЧАС!

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку «Заказать!».
Прикрепить файл или перетащите его сюда
CAPTCHA
  • 6. Шаблон White 2 Popup (с эффектом Sticky Up)
ОТПРАВИТЬ
сообщение!
Закрыть

Заказать прямо СЕЙЧАС!

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку «Заказать!».
Прикрепить файл или перетащите его сюда
CAPTCHA
  • 7. Шаблон Black

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
Прикрепить файл или перетащите его сюда
CAPTCHA
  • 8. Шаблон Black Popup (с эффектом Fade And Scale)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 9. Шаблон Blue Popup (с эффектом Fade And Top) с кнопкой "Закрыть" и без возможности закрыть форму кликом вне окна
ОТПРАВИТЬ
сообщение!
Закрыть

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 10. Шаблон Black Popup (с эффектом Fade And Left) сделана в виде ЗАКАЗАТЬ ЗВОНОК
ОТПРАВИТЬ
сообщение!

Заказать звонок!

CAPTCHA
  • 11. Шаблон White 2 Popup (с эффектом Fade And Right) без CAPTCHA
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
  • 12. Шаблон White Popup (с эффектом Fade And Bottom)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
Защита от автоматических сообщений:
CAPTCHA
  • 13. Шаблон Blue Popup (с эффектом Slide In Right)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 14. Шаблон White 2 Popup (с эффектом Slide In Bottom)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 15. Шаблон White Popup (с эффектом Newspaper)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
Защита от автоматических сообщений:
CAPTCHA
  • 16. Шаблон Blue Popup (с эффектом Fall)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 17. Шаблон White 2 Popup (с эффектом Side Fall)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 18. Шаблон White Popup (с эффектом Sticky Up)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
Защита от автоматических сообщений:
CAPTCHA
  • 19. Шаблон Blue Popup (с эффектом 3D Flip Horizontal)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 20. Шаблон White 2 Popup (с эффектом 3D Flip Vertical)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 21. Шаблон White Popup (с эффектом 3D Sign)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
Защита от автоматических сообщений:
CAPTCHA
  • 22. Шаблон Blue Popup (с эффектом Super Scaled)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 23. Шаблон White 2 Popup (с эффектом Just Me)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 24. Шаблон White Popup (с эффектом 3D Slit)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
Защита от автоматических сообщений:
CAPTCHA
  • 25. Шаблон Blue Popup (с эффектом 3D Rotate Bottom)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 26. Шаблон White 2 Popup (с эффектом 3D Rotate In Left)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
CAPTCHA
  • 27. Шаблон White Popup (без эффекта)
ОТПРАВИТЬ
сообщение!

Форма обратной связи

Заполните необходимые поля в приведенной ниже форме и нажмите кнопку В«ОтправитьВ».
Мы свяжемся с вами удобным для вас способом, в удобное для вас время.
Спасибо за ваш интерес к проекту.
Защита от автоматических сообщений:
CAPTCHA