Корзина
0
Скриншоты
Описание
Технические данные
- Опубликовано:
- 12.01.2018
- Обновлено:
- 29.10.2020
- Версия:
- 1.2.7
- Установлено:
- Более 1000 раз
- Подходящие редакции:
- «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес»
- Адаптивность:
- Да
- Поддержка Композита:
- Да
- Совместимо с Сайты24
- Нет
Описание
Продуманная форма обратной связи сочетает в себе простоту и функциональность. Мы заранее продумали основные сценарии использования данной формы, значительно упростили параметры компонента, обдуманно подошли к предустановленным настройкам всех полей. Поэтому добавление формы на страницу займет у вас всего несколько кликов. В то же время данная форма обладает огромным арсеналом параметров для тонкой настройки.
Функционал формы:
1. Создание формы и доступные поля:
https://slam.by/ - форма обратной связи с умным выбором услуг (штатная возможность);
http://protennis.by/contacts/ - простая форма обратной связи;
https://www.logoton.by/contacts/ - простая форма обратной связи;
https://officelife.media/about/magazine/subscriptions/ - форма в модальном окне с небольшой кастомизацией
Для разработчиков.
Модуль спроектирован на основании сотен форм, внедренных нами на разных проектах и в первую очередь предназначен для разработчиков. При создании мы максимально стремились устранить все лишние телодвижения, которые была возможность автоматизировать. Для этого из параметров компонента в 1 клик реализованы автоматическое создание шаблонов, создание инфоблока и свойств для записи в инфоблок . Шаблон формы легко кастомизируется под любую верстку. Компонент написан просто без использования сложной архитектуры. Для шаблонов мы использовали стандартные стили Bootstrap.
Функционал формы:
1. Создание формы и доступные поля:
- быстрое создание полей формы из списка с предустановленнеми настройками названий, валидации, маски и других параметров;
- сортировка полей при помощи интерфейса drag-and-drop;
- на данный момент доступны следующие поля: text, select, multiselect, checkbox, radio, e-mail, textarea, tel, number, url (добавить любый другие типы не составит труда для программистов);
- возможность прилагать файлы к форме, удобный загрузчик drag-and-drop для файлов;
- возможность отображения формы в модальном окне.
- единый универсальный шаблон для отправки писем (устанавливается по умолчанию);
- возможность автоматического создания почтового шаблона из параметров компонента для конкретной формы;
- возможность прикладывать файлы к письму вложениями;
- возможность отправлять 2 письма: администратору сайта и отправителю;
- возможность задать получателя как в настройках модуля, так и для каждой формы отдельно;
- возможность задать получателя в зависимости от выбранного значения в списке;
- возможность указания в письме ссылки на страницу, с которой отправили форму.
- обязательные поля всегда валидируются сервером;
- возможность использовать JS валидацию библиотеки JS Bootstrap Validators;
- тонкие настройки валидации для каждого поля, возможность настроить практически любой сценарий;
- возможность указать маску для телефона.
- хранение всех результатов всех форм в отдельных таблице модуля со стандартным интерфейсом инфоблоков;
- возможность дополнительно записывать результаты в выбранный инфоблок по принципу "свойство в свойство";
- возможность автоматического создания инфоблока из параметров компонента для хранения результатов;
- возможность автоматического создания свойств в выбранном инфоблоке для записи по принципу "свойство в свойство" (свойства разово создаются при первой попытке записи в ИБ).
- режимы отправки формы: "AJAX" и "с перезагрузкой страницы";
- два варианта получения ответа: "сообщение над формой" и "ответ в модальном окне".
- встроенная защита от спама без использования капчи;
- возможность простого подключения умной капчи reCAPTCHA.
- возможность управлением выводом соглашения об обработке персональных данных из настроек модуля сразу для всех форм;
- в настройках модуля приложена инструкция и шаблон для создания соглашения об обработке персональных данных;
- возможность опционально задавать/отключать сообщение для конкретной формы.
https://slam.by/ - форма обратной связи с умным выбором услуг (штатная возможность);
http://protennis.by/contacts/ - простая форма обратной связи;
https://www.logoton.by/contacts/ - простая форма обратной связи;
https://officelife.media/about/magazine/subscriptions/ - форма в модальном окне с небольшой кастомизацией
Для разработчиков.
Модуль спроектирован на основании сотен форм, внедренных нами на разных проектах и в первую очередь предназначен для разработчиков. При создании мы максимально стремились устранить все лишние телодвижения, которые была возможность автоматизировать. Для этого из параметров компонента в 1 клик реализованы автоматическое создание шаблонов, создание инфоблока и свойств для записи в инфоблок . Шаблон формы легко кастомизируется под любую верстку. Компонент написан просто без использования сложной архитектуры. Для шаблонов мы использовали стандартные стили Bootstrap.
Отзывы (51)
Обсуждения (109)
Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.
29 Декабря 2020 15:08
20 Декабря 2020 17:31
3 Декабря 2020 08:51
25 Ноября 2020 01:43
24 Ноября 2020 18:50
Что нового
1.2.7 (29.10.2020) | Исправлена множественная загрузка файлов в ИБ |
1.2.6 (18.06.2020) |
|
1.2.5 (22.05.2020) |
|
1.2.4 (04.08.2019) |
|
1.2.3 (31.10.2018) |
|
1.2.2 (25.06.2018) |
|
1.2.1 (14.03.2018) |
|
1.2.0 (28.02.2018) |
|
1.1.1 (13.02.2018) |
|
1.1.0 (08.02.2018) |
|
Установка
Установка стандартная.
После установки доступен компонент "Форма обратной связи - SLAM".
На вкладке "сервисы" появится раздел модуля с таблицей общих результатов формы.
Если в визуальном редакторе вы не видите компонента - то вам необходимо обновить кеш в редакторе вот так https://s.mail.ru/Mm8i/nkwPYrdLM
Одна из самых частых проблем это создание дополнительных полей у формы. Делается это правильно вот так https://s.mail.ru/DHj8/8zn8ymXaZ
У формы предусмотрено 4 события:
OnBeforeFieldsValue($code, &$val) - перед первичной обработкой всех полей
OnBeforeIBlockElementAdd(&$arLoadProductArray, &$arParams, &$arPostFields, &$arServiceFields, &$file_id) - перед добавлением в ИБ (если включена такая опция в параметрах компонента)
OnAfterIBlockElementAdd($idElement, &$arParams, &$arPostFields, &$arServiceFields, &$file_id) - после добавления в ИБ (если включена такая опция в параметрах компонента)
OnAfterAdditionalMessage(&$arAdditionalMessage, &$arParams, $idElement, $arPostFields) - после отправки письма
Инструкция по работе с событиями в Битрикс https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=43&LESSON_ID=3493&LESSON_PATH=3913.4619.3493
Для тонкой настройки валидации используйте поле "Дополнительные параметры валидации" в настройках каждого отдельного поля. Параметры могут быть следующими:
data-bv-notEmpty="true" - проверка является ли поле пустым
data-bv-notEmpty-message="сообщение" - выводит заданное сообщение при пустом поле
data-bv-stringlength="true" - вкл валидацию по кол-ву символов - при использовании HTML, в HTML5 не требуется
data-bv-stringlength-min="6" - мин значение длины
data-bv-stringlength-max="30" - макс значение длины
data-bv-stringlength-message="сообщение" - сообщение при невалид
data-bv-numeric="true" - вкл валидацию чисел
data-bv-numeric-separator="," - десятичный разделитель, может быть либо "." (точка, по умолчанию), либо ","(запятая)
data-bv-numeric-message="сообщение" - сообщение при невалид
data-bv-lessthan="true" - сравнение введёного значения с заданным, введёное должно быть меньше
data-bv-lessthan-value="значение" - задание макс. значения для сравнения
data-bv-lessthan-inclusive="true" - при значении true введённое число должно быть меньше либо равно заданому числу, при false строго меньше
data-bv-lessthan-message="сообщение" - сообщение при невалид
data-bv-regexp="true" - вкл валидацию по регулярному выражению
data-bv-regexp-regexp="^[a-zA-Z0-9_\.]+$" - задание регулярного выражения
data-bv-regexp-message=""- сообщение при невалид
data-bv-uri="true" - вкл валидацию uri адреса
data-bv-uri-allowlocal="true" - учитывать частную или локальную сеть
data-bv-uri-message="сообщение" - сообщение при невалид
data-bv-emailaddress="true" - вкл валидацию e-mail
data-bv-emailaddress-message="сообщение" - сообщение при невалид
data-bv-emailaddress-multiple='true' - Разрешить несколько адресов электронной почты, разделенных запятой или точкой с запятой.
data-bv-emailaddress-separator="" - регулярное выражение для символа или символов, ожидаемых в качестве разделителя между адресами. По умолчанию это / [,;] /, то есть запятая или точка с запятой
data-bv-phone="true" - вкл валидацию номера телефона
data-bv-phone-country="CODE" - CODE - SO-3166 код страны, которой пренадлежит проверяемый номер, по умолчанию US
data-bv-phone-message="сообщение" - сообщение при невалид
data-bv-hexcolor="true" - вкл валидацию цвета в формате HEX
data-bv-hexcolor-message="сообщение" - сообщение при невалид
data-bv-identical="true" - вкл валидацию на идентичность полей
data-bv-identical-field="field" - Название поля, которое будет использоваться для сравнения с текущим полем
data-bv-identical-message="сообщение" - сообщение при невалид
data-bv-greaterthan="true" - сравнение введёного значения с заданным , введёное должно быть больше
data-bv-greaterthan-value - задание мин. значения для сравнения
data-bv-greaterthan-inclusive - при значении true введённое число должно быть больше либо равно заданому числу, при false строго больше
data-bv-greaterthan-message="сообщение" - сообщение при невалид
data-bv-date="true" - вкл валидацию даты
data-bv-date-format - формат даты, по умолчанию MM/DD/YYYY
data-bv-date-message="сообщение" - сообщение при невалид
data-bv-date-separator="." - устанавливат разделитель день.месяц.год
data-bv-ip="true" - вкл валидацию ip
data-bv-ip-ipv4="true" - вкл валидацию IPv4
data-bv-ip-ipv6="true" - вкл валидацию IPv6
data-bv-ip-message="сообщение" - сообщение при невалид
После установки доступен компонент "Форма обратной связи - SLAM".
На вкладке "сервисы" появится раздел модуля с таблицей общих результатов формы.
Если в визуальном редакторе вы не видите компонента - то вам необходимо обновить кеш в редакторе вот так https://s.mail.ru/Mm8i/nkwPYrdLM
Одна из самых частых проблем это создание дополнительных полей у формы. Делается это правильно вот так https://s.mail.ru/DHj8/8zn8ymXaZ
У формы предусмотрено 4 события:
OnBeforeFieldsValue($code, &$val) - перед первичной обработкой всех полей
OnBeforeIBlockElementAdd(&$arLoadProductArray, &$arParams, &$arPostFields, &$arServiceFields, &$file_id) - перед добавлением в ИБ (если включена такая опция в параметрах компонента)
OnAfterIBlockElementAdd($idElement, &$arParams, &$arPostFields, &$arServiceFields, &$file_id) - после добавления в ИБ (если включена такая опция в параметрах компонента)
OnAfterAdditionalMessage(&$arAdditionalMessage, &$arParams, $idElement, $arPostFields) - после отправки письма
Инструкция по работе с событиями в Битрикс https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=43&LESSON_ID=3493&LESSON_PATH=3913.4619.3493
Для тонкой настройки валидации используйте поле "Дополнительные параметры валидации" в настройках каждого отдельного поля. Параметры могут быть следующими:
data-bv-notEmpty="true" - проверка является ли поле пустым
data-bv-notEmpty-message="сообщение" - выводит заданное сообщение при пустом поле
data-bv-stringlength="true" - вкл валидацию по кол-ву символов - при использовании HTML, в HTML5 не требуется
data-bv-stringlength-min="6" - мин значение длины
data-bv-stringlength-max="30" - макс значение длины
data-bv-stringlength-message="сообщение" - сообщение при невалид
data-bv-numeric="true" - вкл валидацию чисел
data-bv-numeric-separator="," - десятичный разделитель, может быть либо "." (точка, по умолчанию), либо ","(запятая)
data-bv-numeric-message="сообщение" - сообщение при невалид
data-bv-lessthan="true" - сравнение введёного значения с заданным, введёное должно быть меньше
data-bv-lessthan-value="значение" - задание макс. значения для сравнения
data-bv-lessthan-inclusive="true" - при значении true введённое число должно быть меньше либо равно заданому числу, при false строго меньше
data-bv-lessthan-message="сообщение" - сообщение при невалид
data-bv-regexp="true" - вкл валидацию по регулярному выражению
data-bv-regexp-regexp="^[a-zA-Z0-9_\.]+$" - задание регулярного выражения
data-bv-regexp-message=""- сообщение при невалид
data-bv-uri="true" - вкл валидацию uri адреса
data-bv-uri-allowlocal="true" - учитывать частную или локальную сеть
data-bv-uri-message="сообщение" - сообщение при невалид
data-bv-emailaddress="true" - вкл валидацию e-mail
data-bv-emailaddress-message="сообщение" - сообщение при невалид
data-bv-emailaddress-multiple='true' - Разрешить несколько адресов электронной почты, разделенных запятой или точкой с запятой.
data-bv-emailaddress-separator="" - регулярное выражение для символа или символов, ожидаемых в качестве разделителя между адресами. По умолчанию это / [,;] /, то есть запятая или точка с запятой
data-bv-phone="true" - вкл валидацию номера телефона
data-bv-phone-country="CODE" - CODE - SO-3166 код страны, которой пренадлежит проверяемый номер, по умолчанию US
data-bv-phone-message="сообщение" - сообщение при невалид
data-bv-hexcolor="true" - вкл валидацию цвета в формате HEX
data-bv-hexcolor-message="сообщение" - сообщение при невалид
data-bv-identical="true" - вкл валидацию на идентичность полей
data-bv-identical-field="field" - Название поля, которое будет использоваться для сравнения с текущим полем
data-bv-identical-message="сообщение" - сообщение при невалид
data-bv-greaterthan="true" - сравнение введёного значения с заданным , введёное должно быть больше
data-bv-greaterthan-value - задание мин. значения для сравнения
data-bv-greaterthan-inclusive - при значении true введённое число должно быть больше либо равно заданому числу, при false строго больше
data-bv-greaterthan-message="сообщение" - сообщение при невалид
data-bv-date="true" - вкл валидацию даты
data-bv-date-format - формат даты, по умолчанию MM/DD/YYYY
data-bv-date-message="сообщение" - сообщение при невалид
data-bv-date-separator="." - устанавливат разделитель день.месяц.год
data-bv-ip="true" - вкл валидацию ip
data-bv-ip-ipv4="true" - вкл валидацию IPv4
data-bv-ip-ipv6="true" - вкл валидацию IPv6
data-bv-ip-message="сообщение" - сообщение при невалид
Поддержка
Модуль довольно свежий и пока еще отсутствует документация. Поэтому, при установке компонента у вас может возникнуть ряд трудностей связанных с настройками компонента, конфликтами JS на странице, настройке валидации и т.д. Прежде, чем писать гневный отзыв, пожалуйста, обратитесь в техподдержку. Уверен, мы оперативно сможем вам помочь.
Задать вопрос в техническую поддержку: E-Mail: support@slam.by.
Одна из самых частых проблем это создание дополнительных полей у формы. Делается это правильно вот так https://s.mail.ru/DHj8/8zn8ymXaZ
Задать вопрос в техническую поддержку: E-Mail: support@slam.by.
Одна из самых частых проблем это создание дополнительных полей у формы. Делается это правильно вот так https://s.mail.ru/DHj8/8zn8ymXaZ