Бесплатно!
Лидер года
Хит
Битрикс модуль «TS Расширенная форма обратной связи»

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

Расширенная форма обратной связи Битрикс  предназначена для отправки сообщений с сайта, включая скрытую защиту от спама, работу нескольких форм на одной странице, адаптивный шаблон, модальное окно, дополнительные поля и мн. другое.
  • Простота и удобство
  • Минимум настроек
  • Работает на аяксе без перезагрузки страницы
  • Легко встроить в любое модальное окно и дизайн сайта
  • Встроенное адаптивное модальное окно
  • У каждой формы свои стили, скрипты, идентификаторы
  • Скрытая защита от спама
  • Множество предустановленных полей


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

Отличный, бесплатный и современный аналог стандартной формы обратной связи Битрикс!

Старая, добрая Расширенная форма обратной связи у которой уже более 7000 пользователей!


Этот модуль никогда не будет платным, пользуйтесь спокойно и на здоровье!

Но он будет регулярно изменяться и даже несовместим с предыдущими версиями, поэтому настоятельно не рекомендую копировать его шаблон, старайтесь обходиться применением стилей к форме из шаблона сайта.
Буду внедрять в нем все самое новое, современное и интересное из мира веб-разработки, предлагайте также свои идеи.

После установки модуля в системе появится компонент формы, тип почтового события API_FEEDBACKEX  и один почтовый шаблон, который управляется из настроек компонента.

Сообщение отправляется с помощью D7 API  \Bitrix\Main\Mail\Event::send(), перед отправкой сообщения срабатывает событие OnBeforeEventAdd, далее сообщение сохраняется в БД в таблице b_event и ждет своего отправления агентами битрикс или кроном, в общем все стандартно, как положено.

Файлов пока нет, но позже добавлю, а поля формы сделаны из полей пользователя в системе, пока не все, списки, даты и фотографии доделаю позже, возможно получится сделать регистрацию пользователя с помощью этой формы.

За основу была взята pro-версия модуля TS Умная форма обратной связи , из которого я удалил все редко нужное, т.к. его функционал стал сильно большим и сложным в настройке, многие уже не могут его даже настроить.

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

1) Проблемы с композитом
Если у кого-то будут проблемы с композитом, возможно поможет код
Bitrix\Main\Page\Frame::getInstance()->startDynamicWithID("ID");
// компонент
Bitrix\Main\Page\Frame::getInstance()->finishDynamicWithID("ID", "");

Требования

  • Версия 1С-Битрикс не ниже v15.5.1 + D7 API
  • Модуль TS Front-end framework для работы модального окна, должен установиться сам при установке самой формы, иначе установите вручную.

Загрузка и установка модуля на сайт

На текущей странице модуля нажмите кнопку "Установить"
Установка модуля Расширенная форма обратной связи

Введите адрес своего сайта в поле и нажмите "Установить"
Установка модуля Расширенная форма обратной связи

Далее следуйте инструкциям системы по загрузке и установке модуля на сайт
Установка модуля Расширенная форма обратной связи

Базовая настройка модуля после установки

  1. После установки модуля перейдите в публичную часть сайта;
  2. Создайте раздел или страницу с помощью панели администрирования;
  3. В визуальном редакторе в панели компонентов справа найдите раздел Тюнинг-Софт;
  4. Найдите кнопку под названием Расширенная форма обратной связи;
  5. Перетащите мышкой значок компонента в область визуального редактора;
  6. Если настройки не открылись автоматически, надо кликнуть дважды по значку;
  7. В появившемся окне настроек компонента настройте его или просто нажмите "Сохранить";
  8. Теперь сохраните саму страницу с компонентом;
  9. Все, проверяйте работу формы.

Настройки компонента очень простые, функций немного, можно просто открыть настройки и сохранить, тогда применятся настройки компонента по умолчанию.

Настройка расширенной формы обратной связи

Настройки компонента

Заменять в письме поле "От" на e-mail посетителя Когда на почту приходит письмо, в обратном адресе будет e-mail посетителя, можно "Ответить" по кнопке в почтовой программе.
Но некоторые хостинги блокируют такую подмену обратного адреса и письма либо попадают в спам, либо вообще не приходят, в таком случае поможет только ее отключение.
ID формы Идентификатор проставляется автоматически при первой настройке формы, но можете вписать свой.
Необходим для отделения js-настроек и css-стилей от других форм, если их несколько на одной странице.
Автокомплит значений полей формы Автоматическая подстановка браузерами используемых ранее данных при заполнении форм.
Это сделано для удобства посетителей, чтобы при повторном заполнении формы браузеры подсказывали ему введенные ранее данные, например Имя, Фамилия, E-mail.
Записывать поля в почтовый шаблон таблицей Некоторые почтовые серверы разрывают таблицы, если у вас такое наблюдается, необходимо отключить
 
Включить jQuery-1.8.3 Очень многие сайты разработаны как с, так и без jQuery, данный модуль безе нее работать не будет, с этой опцией стоит поиграться, если форма не будет работать, по умолчанию желательно отключить.
Включить placeholder Это серенькие подсказки в полях, при клике в поле они исчезают, сделаны для красоты.
Включить автовысоту текстовых полей Большое поле ввода текста удобно, но по умолчанию не красиво и может отнимать полезное место.
При наборе текста данное поле будет автоматически расти по вертикали, сделано для удобства.
Прокручивать страницу к форме При наличии ошибок после отправки формы удобно вернуться к ней, или даже к конкретной ошибке в поле, чтобы посетитель ее видел.

Модальное окно

В настройках компонента есть опция "Текст кнопки вызова окна", если поле заполнить, то будет выводиться стандартная кнопка вызова модального окна с заданным текстом


А если поле оставить пустым, то кнопка вообще не будет выводиться.
Открыть форму в этом случае поможет такой код:

jQuery.fn.apiModal('show',{id:'#API_FEX_MODAL_FORM2'});

Где #API_FEX_MODAL_FORM2 - это идентификатор формы, который создается также автоматически при первой настройке модального окна, также можете вписать любой другой.

Этот код можно добавлять в html-атрибут onclick  или вызывать где-то в своих скриптах.
Пример кода встроенной кнопки, такое же самое вы можете сделать и для свой кнопки или ссылки.

<button class="api_button" onclick="jQuery.fn.apiModal('show',{id:'#API_FEX_MODAL_FORM2'});">
  <span class="api_icon"></span>Обратная связь        
</button>

Технические данные

Опубликован:
15.07.2016
Обновлен:
01.07.2017
Версия:
1.4.0
Установок:
Более 1000
Битрикс:
Первый сайт, Старт, Стандарт, Малый бизнес, Эксперт, Бизнес
Адаптивность:
Да
Композит:
Да

История версий

Версия 1.4.0
Добавлена поддержка 152-ФЗ о персональных данных
Добавлены настройки:
1) Выводить условия Пользовательского соглашения
В этом случае можно вывести флажок и рядом много всякого html-текста
2) Выводить соглашение на обработку персональных данных
В этом случае можно вывести либо строку, либо ссылку на соглашение, подойдет для тех, кто не знаком с html-версткой, если указать там ссылку, то весь текст станет кликабельный.
Чтобы все это проверить, достаточно открыть настройки компонента, поставить галки и сохранить настройки, все включится по умолчанию с примерами текстов.
Версия 1.3.0
[+] Добавлен раздел настроек модального окна.
Будет работать только при наличии установленного модуля "TS Front-end framework (api.core)"
Модуль установится на сайт автоматически.
Если в конце обновления появится ошибка, проверьте наличие установленного модуля выше, он должен нормально установиться, проверяйте настройки модального окна в компоненте обратной связи.
Версия 1.2.3
[x] Изменено название модуля
Версия 1.2.2
[x] Фикс прошлых обновлений, обязательно установите это обновление
Версия 1.2.1
[х] Фикс кодировки
Версия 1.2.0
[+] Фирменная новинка Тюнинг-Софт
Добавлена генерация стилей и скриптов для каждой формы отдельно по ее уникальному ID.
Все стили и скрипты шаблона формы сохраняются в файлы и выводятся в хедер сайта.
Больше стили и скрипты нескольких форм на одной странице не будут пересекаться друг с другом, еще больше удобства в оформлении форм под дизайн сайта.

[+] Добавлены параметры
1) Ширина обертки формы, %/px (если оставить пустым, то форма будет во всю ширину страницы)
2) Высота текстовой области (textarea) (по умолчанию 5)

[x] Изменен параметр "Ширина названия поля, %/px:"
В процентах и пикселях можно регулировать ширину названия поля и самого поля

[x] В разделе "Почта" изменены следующие параметры:
1) Стили для <div> поля: padding:10px;border-bottom:1px dashed #dadada;
2) Стили для <div> названия поля: font-weight:bold;
3) Стили для <div> значения поля:

[x] Вся логика шаблона вынесена в result_modifier.php
[x] Заголовок формы переделан на обычный div

[-] Удалена тема flat
[-] Удалено еще все лишнее

p.s. Очень много изменений, необходимо хотя бы пересохранить настройки, а лучше удалить форму со страницы и заново  настроить, чтобы применились новые значения параметров.
Версия 1.1.0
[+] Добавлен jQuery.ajax вместо встроенного BX.ajax
После установки обновлений необходимо в исходном коде страницы удалить два параметра, иначе будет конфликт
"AJAX_MODE" => "Y", "AJAX_OPTION_STYLE" => "Y",
[+] Добавлена настройка "Цвет темы"
Пока эффектов нет, позже  будет.
[+] Сообщение об успешной отправке полностью переработано и форма прячется всегда
[+] В обертку поля добавлен атрибут ID
[+] Всем полям добавлен атрибут ID
Шаблон и компонент сильно переделаны, не копируйте пока шаблоны, еще многое поменяю в следующих релизах.
Видео: https://youtu.be/MX3n4GL2nfc
Версия 1.0.1
[x] Фиксы
Установка модуля