Корзина 0

Каталог решений

Продуманная форма обратной связи сочетает в себе простоту и функциональность. Мы заранее продумали основные сценарии использования данной формы, значительно упростили параметры компонента, обдуманно подошли к предустановленным настройкам всех полей. Поэтому добавление формы на страницу займет у вас всего несколько кликов. В то же время данная форма обладает огромным арсеналом параметров для тонкой настройки.Функционал формы:1. Создание формы и доступные поля:быстрое создание полей формы из списка с предустановленнеми настройками названий, валидации, маски и других параметров;сортировка полей при помощи интерфейса drag-and-drop;на данный момент доступны следующие поля: text, select, multiselect, checkbox, radio, e-mail, textarea, tel, number, url (добавить любый другие типы не составит труда для программистов);возможность прилагать файлы к форме, удобный загрузчик drag-and-drop для файлов;возможность отображения формы в модальном окне.2. Отправка писем:единый универсальный шаблон для отправки писем (устанавливается по умолчанию);возможность автоматического создания почтового шаблона из параметров компонента для конкретной формы;возможность прикладывать файлы к письму вложениями;возможность отправлять 2 письма: администратору сайта и отправителю;возможность задать получателя как в настройках модуля, так и для каждой формы отдельно.3. Валидация:обязательные поля всегда валидируются сервером;возможность использовать JS валидацию библиотеки JS Bootstrap Validators;тонкие настройки валидации для каждого поля, возможность настроить практически любой сценарий;возможность указать маску для телефона.4. Запись результатов в базу данных:хранение всех результатов всех форм в отдельных таблице модуля со стандартным интерфейсом инфоблоков;возможность дополнительно записывать результаты в выбранный инфоблок по принципу "свойство в свойство";возможность автоматического создания инфоблока из параметров компонента для хранения результатов;возможность автоматического создания свойств в выбранном инфоблоке для записи по принципу "свойство в свойство" (свойства разово создаются при первой попытке записи в ИБ).5. Отправка формы:режимы отправки формы: "AJAX" и "с перезагрузкой страницы";два варианта получения ответа: "сообщение над формой" и "ответ в модальном окне".6. Защита от спама:встроенная защита от спама без использования капчи;возможность простого подключения умной капчи reCAPTCHA.7. Поддержка 152-ФЗ:возможность управлением выводом соглашения об обработке персональных данных из настроек модуля сразу для всех форм;в настройках модуля приложена инструкция и шаблон для создания соглашения об обработке персональных данных;возможность опционально задавать/отключать сообщение для конкретной формы.Примеры внедрения формы:https://slam.by/ - форма обратной связи с умным выбором услуг (штатная возможность);http://protennis.by/contacts/ - простая форма обратной связи;https://www.logoton.by/contacts/ - простая форма обратной связи;https://officelife.media/about/magazine/subscriptions/ - форма в модальном окне с небольшой кастомизациейДля разработчиков. Модуль спроектирован на основании сотен форм, внедренных нами на разных проектах и в первую очередь предназначен для разработчиков. При создании мы максимально стремились устранить все лишние телодвижения, которые была возможность автоматизировать. Для этого из параметров компонента в 1 клик реализованы автоматическое создание шаблонов, создание инфоблока и свойств для записи в инфоблок . Шаблон формы легко кастомизируется под любую верстку. Компонент написан просто без использования сложной архитектуры. Для шаблонов мы использовали стандартные стили Bootstrap.

Продуманная форма обратной связи на Bootstrap 3

от SLAM Technologies

Установить Онлайн-демо

Скриншоты

Описание

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

Опубликовано:: 12.01.2018
Обновлено:: 06.11.2018
Версия:: 1.2.3
Установлено:: Более 1000 раз
Подходящие редакции:: «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес»
Адаптивность:: Да
Поддержка Композита:: Да

Описание

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

Функционал формы:

1. Создание формы и доступные поля:

быстрое создание полей формы из списка с предустановленнеми настройками названий, валидации, маски и других параметров;
сортировка полей при помощи интерфейса drag-and-drop;
на данный момент доступны следующие поля: text, select, multiselect, checkbox, radio, e-mail, textarea, tel, number, url (добавить любый другие типы не составит труда для программистов);
возможность прилагать файлы к форме, удобный загрузчик drag-and-drop для файлов;
возможность отображения формы в модальном окне.

2. Отправка писем:

единый универсальный шаблон для отправки писем (устанавливается по умолчанию);
возможность автоматического создания почтового шаблона из параметров компонента для конкретной формы;
возможность прикладывать файлы к письму вложениями;
возможность отправлять 2 письма: администратору сайта и отправителю;
возможность задать получателя как в настройках модуля, так и для каждой формы отдельно.

3. Валидация:

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

4. Запись результатов в базу данных:

хранение всех результатов всех форм в отдельных таблице модуля со стандартным интерфейсом инфоблоков;
возможность дополнительно записывать результаты в выбранный инфоблок по принципу "свойство в свойство";
возможность автоматического создания инфоблока из параметров компонента для хранения результатов;
возможность автоматического создания свойств в выбранном инфоблоке для записи по принципу "свойство в свойство" (свойства разово создаются при первой попытке записи в ИБ).

5. Отправка формы:

режимы отправки формы: "AJAX" и "с перезагрузкой страницы";
два варианта получения ответа: "сообщение над формой" и "ответ в модальном окне".

6. Защита от спама:

встроенная защита от спама без использования капчи;
возможность простого подключения умной капчи reCAPTCHA.

7. Поддержка 152-ФЗ:

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

Примеры внедрения формы:
https://slam.by/ - форма обратной связи с умным выбором услуг (штатная возможность);
http://protennis.by/contacts/ - простая форма обратной связи;
https://www.logoton.by/contacts/ - простая форма обратной связи;
https://officelife.media/about/magazine/subscriptions/ - форма в модальном окне с небольшой кастомизацией

Для разработчиков.
Модуль спроектирован на основании сотен форм, внедренных нами на разных проектах и в первую очередь предназначен для разработчиков. При создании мы максимально стремились устранить все лишние телодвижения, которые была возможность автоматизировать. Для этого из параметров компонента в 1 клик реализованы автоматическое создание шаблонов, создание инфоблока и свойств для записи в инфоблок . Шаблон формы легко кастомизируется под любую верстку. Компонент написан просто без использования сложной архитектуры. Для шаблонов мы использовали стандартные стили Bootstrap.

Отзывы (28)

Общая оценка:
Всего отзывов:: 28

Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.

Стефанович Сергей 23 Ноября 2018 14:33

Форма отличная, заложенного функционала хватает для всего

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

Рюмин Денис 6 Ноября 2018 23:47

Форма просто супер!

Очень доволен формой и благодарен разработчику Дмитрию. Для наших целей необходимо было добавить в форму возможность множественной загрузки файлов и прикладывать файлы к письму в виде вложений (помимо ссылок на файлы). Если честно, не надеялся на такую отзывчивость. Человек без проблем дописал необходимый нам функционал в модуль и выпустил update. Предложил самостоятельно сделать резервную копию сайта и протестировать решение. Я дал доступ через teamviewer - все прошло аккуратно и безопасно - так что не бойтесь! Бонусом - Дмитрий починил админ-панель(перекрывалась heder-ом и мы долго мучались)- за это отдельное спасибо! С точки зрения кода- модуль написан на высоком уровне, качественно(т.к. я cам программист, не мог не написать об этом). Этот отзыв - моя благодарность "SLAM Technologies" от меня лично и сотрудников нашей компании! Желаем процветания и больше полезных модулей!

Маняев Константин 16 Октября 2018 15:00

5 звёзд

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

Курмаков Игорь 4 Октября 2018 20:04

Отлично!

Форма работает хорошо. Поддержка оперативно помогает. Рекомендую!

Степанов Алексей 4 Октября 2018 17:16

Форма самая лучшая!

Огромное спасибо вам за эту форма, она отлично работает, вы молодцы!

1katerina9@mail.ru 21 Сентября 2018 13:41

Всё отлично

Форма работает, поддержка отвечает быстро. Спасибо!

Кунашев Алий 7 Сентября 2018 17:01

Хороший модуль

Хороший модуль, отличная поддержка. Сначала не работало. Вернее работало не совсем как положено. Потому и пришлось опробовать поддержку. По email отвечают быстро, по существу. Проблема была с конфликтом скриптов - сами из шаблона не вычистили старую форму до конца.
Спасибо!

Демидова Кристина 6 Сентября 2018 11:38

Отличное решение

Спасибо разработчикам! Хороший дизайн, оперативная тех поддержка.

Зленко Екатерина 5 Сентября 2018 18:54

Замечательная форма!

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

Сергиенко Виктор 5 Сентября 2018 13:25

Весьма хорошая форма!

Была проблемка в отправке заказа на почту. Разработчик по скайпу оперативно помог.
На мой взгляд как нам, так и ему, не хватает документации с ответами на вопросы которые мы постоянно задаем.
Во всяком случае пока никаких глобальных проблем не было, надеюсь и не будет.
Рекомендую. Дмитрию респект!!!

Обсуждения (39)

Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.

Андрей Турланов 28 Ноября 2018 16:10

Добрый день.
Подскажите, пожалуйста, если форма используется только для сбора e-mail пользователей, как проще, правильнее и так, чтобы быстрее работало, сделать проверку на наличие уже этого e-mail в ИБ? Через событие OnBeforeIBlockElementAdd или в ваших файлах?
Спасибо.

Дмитрий Герасимович (разработчик) 28 Ноября 2018 19:26

Андрей Турланов, добрый день!

Проще и правильнее использовать события нашего модуля. У нашей формы предусмотрено 4 события:
OnBeforeFieldsValue($code, &$val) - перед первичной обработкой всех полей
OnBeforeIBlockElementAdd(&$arLoadProductArray, &$arParams, &$arPostFields, &$arServiceFields, &$file_id) - перед добавлением в ИБ (если включена такая опция в параметрах компонента)
OnAfterIBlockElementAdd($idElement, &$arParams, &$arPostFields, &$arServiceFields, &$file_id) - после добавления в ИБ (если включена такая опция в параметрах компонента)
OnAfterAdditionalMessage(&$arAdditionalMessage, &$arParams, $idElement, $arPostFields) - после отправки письма

Пример использования наших событий https://s.mail.ru/FY46/oVz35dnHd
Инструкция по работе с событиями в Битрикс https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=43&LESSON_ID=3493&LESSON_PATH=3913.4619.3493

1katerina9@mail.ru 26 Ноября 2018 16:25

Как сделать отправку на несколько почт?

Дмитрий Герасимович (разработчик) 26 Ноября 2018 16:29

1katerina9@mail.ru,
Укажите в настройках формы или в настройках модуля необходимые почтовые ящики через запятую (пример https://s.mail.ru/84gk/Q24C7PSAk).
Если вопрос был в другом - обратитесь в техподдержку и мы вам поможем.

Роман Можарцев 22 Ноября 2018 10:10

Подскажите, есть ли возможность показывать свое всплывающее окно после успешной отправки? В настройках компонента есть пункт "Название функции при успешной отправки ( "_callbacks" )" Им можно воспользоваться для этого? Как должна называться функция в таком случае и где располагаться?

Дмитрий Герасимович (разработчик) 22 Ноября 2018 12:08

Роман, добрый день!

Да, для этого есть поле в настройках "Название функции при успешной отправки ( "_callbacks" )".
В данный параметр нужно передать только название функции без скобок, например: myFunction
Функция может называться как угодно, расположить ее можно в самом шаблоне формы выше инициализации нашего JS (var easyForm = new JCEasyForm).

Иван Сергеев 21 Ноября 2018 18:05

Проверил на iphone 12.1 ipad 9.3.5 все работает как нужно. Единственное авто заполнение вводит +7 (8919) 111-11-1

Иван Сергеев 20 Ноября 2018 20:24

Не знаю правильно ли сделал, но работает. Может кому нужно inputMask на text поля.
Разработчикам спасибо за форму, и было бы не плохо иметь эту функцию из коробки. Маска иногда нужна не только на телефон.

Подкорректируйте файлы

файл /bitrix/components/slam/easyform/script.js
строка 104 }).mask(document.querySelectorAll("input[type=tel] , input[type=text]"));
строка 113 Inputmask({clearIncomplete: true }).mask(document.querySelectorAll("input[type=tel] , input[type=text]"));

файл /bitrix/components/slam/easyform/.parameters.php
строка 859 if($typeField == 'tel' || 'text') {

И вопрос к знатокам... Добавить маску к полям в админке битрикса при редактировании элемента иб только кастомной формой или есть вариант попроще?

Дмитрий Герасимович (разработчик) 21 Ноября 2018 11:51

Иван, добрый день!

Вы сделали правильно. Мы сознательно оставили маску только на телефон, т.к. с этим было много проблем на мобильных устройствах.
Рекомендую вам проверить работу маски с телефонов (в особенности apple).

Что нового

1.2.3 (31.10.2018)	добавлена возможность прикладывать файлы к письму вложениями (дополнительный параметр в настройках компонента); добавлена возможность отправлять дополнительное письмо отправителю (дополнительные параметры в настройках компонента); исправлена ошибка при которой на почту приходили некорректные ссылки на файлы (пустой домен); настройки капчи вынесены в настройки модуля, добавлена возможность настроить капчу прямо из компонента, приложена подробная инструкция; исправлен ряд мелких ошибок, которые вы присылали в техподдержку.
1.2.2 (25.06.2018)	Исправлена ошибка с маской на мобильных устройствах; Исправлены стандартные стили Bootstrap - теперь стили формы не будут ломать стили вашего сайта.
1.2.1 (14.03.2018)	исправлен баг с автоматическим созданием почтового шаблона при сохранении параметров компонента; в параметры компонента добавлено новое кастомное свойство для создания нового почтового шаблона и ИБ; исправлен баг с отправкой почты при аяксе.
1.2.0 (28.02.2018)	исправлена ошибка отправки пустого e-mail; доработана логика отправки Ajax - теперь форма корректно будет работать из кешируемой области; исправлены ошибки валидации, маски и Ajax-отправки на iMac и iPhone.
1.1.1 (13.02.2018)	добавлен тип поля date, time, month, datetime-local, week; в параметрах компонента исправлено отображение свойств для записи в ИБ;
1.1.0 (08.02.2018)	добавлен тип поля hidden; добавлены типы полей radio и checkbox; для radio и checkbox добавлена опция вывода в шаблоне горизонтально либо вертикально; для типа select добавлена опция множественного выбора (multiselect); добавлен одиночный checkbox "согласие с правилами/условиями" - данное поле можно использовать как альтернативу; доработаны параметры компонента, исправлены ошибки; доработаны и упрощены базовые шаблоны формы - теперь кастомизировать форму будет в намного проще; добавлена возможность скрыть подсказки валидации, оставив только красную обводку; исправлена ошибка с кодировкой при отработке формы с перезагрузкой страницы; расширен список предустановленных шаблонов, добавлены примеры настройки всех типов полей;

Установка

Установка стандартная.

После установки доступен компонент "Форма обратной связи - SLAM".
На вкладке "сервисы" появится раздел модуля с таблицей общих результатов формы.

Если в визуальном редакторе вы не видите компонента - то вам необходимо обновить кеш в редакторе вот так https://s.mail.ru/MLaC/pJMsqc2Qv

Одна из самых частых проблем это создание дополнительных полей у формы. Делается это правильно вот так https://s.mail.ru/GpES/uef8tWDUk

У формы предусмотрено 4 события:
OnBeforeFieldsValue($code, &$val) - перед первичной обработкой всех полей
OnBeforeIBlockElementAdd(&$arLoadProductArray, &$arParams, &$arPostFields, &$arServiceFields, &$file_id) - перед добавлением в ИБ (если включена такая опция в параметрах компонента)
OnAfterIBlockElementAdd($idElement, &$arParams, &$arPostFields, &$arServiceFields, &$file_id) - после добавления в ИБ (если включена такая опция в параметрах компонента)
OnAfterAdditionalMessage(&$arAdditionalMessage, &$arParams, $idElement, $arPostFields) - после отправки письма

Пример использования наших событий https://s.mail.ru/FY46/oVz35dnHd
Инструкция по работе с событиями в Битрикс https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=43&LESSON_ID=3493&LESSON_PATH=3913.4619.3493

Поддержка

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

Задать вопрос в техническую поддержку:

1. E-Mail: support@slam.by.
2. Skype: zest213

Одна из самых частых проблем это создание дополнительных полей у формы. Делается это правильно вот так https://s.mail.ru/GpES/uef8tWDUk

Лицензионное соглашение

Другие решения разработчика

Установка счетчиков. Инструменты для проверки страницы. Бесплатно 2

Готовые решения

О маркетплейсе

Для разработчиков

8-800-250-1860

1С-Битрикс http://www.1c-bitrix.ru Бесплатная линия 8-800-250-18-60 Общие вопросы info@1c-bitrix.ru Приобретение и лицензирование продуктов: sales@1c-bitrix.ru Маркетинг/мероприятия/PR marketing@1c-bitrix.ru Партнерская программа partners@1c-bitrix.ru Мы работаем с 10:00 до 19:00 по московскому времени. Офис в Москве +7 (495) 229-14-41 Офис в Москве 127287 Россия Московская область Москва 2-я Хуторская улица дом 38А строение 9 Офис в Калининграде +7 (4012) 51-05-64 Офис в Калининграде 236001 Россия Калининградская область Калининград Московский проспект 261 Офис в Киеве ukraine@1c-bitrix.ru Телефон в Киеве +3 (8044)221-55-33 Офис в Киеве 01033 Украина Калининградская область Киев улица Шота Руставели 39/41 офис 1507