Корзина 0
Каталог решений
Решения-Для разработчиков

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!
Условия использования
Продлить
Продолжить покупки

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

Продуманная форма обратной связи сочетает в себе простоту и функциональность. Мы заранее продумали основные сценарии использования данной формы, значительно упростили параметры компонента, обдуманно подошли к предустановленным настройкам всех полей. Поэтому добавление формы на страницу займет у вас всего несколько кликов. В то же время данная форма обладает огромным арсеналом параметров для тонкой настройки.Функционал формы: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

Продуманная форма обратной связи на 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.


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

1 - 10 из 33
Назад12...4Вперед
Обсуждения (43)
Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.
1 - 5 из 43
Назад12...9Вперед
Что нового
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

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

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

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

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки

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

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

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

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

© 2001-2019 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом. 16+