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

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

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

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

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

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

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

Скриншоты
Описание

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

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

Описание

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

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

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

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

Обсуждения (15)
1 - 5 из 15
Что нового
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
Поддержка
Модуль довольно свежий и  пока еще отсутствует документация. Поэтому, при установке компонента у вас может возникнуть ряд трудностей связанных с настройками компонента, конфликтами JS на странице, настройке валидации и т.д. Прежде, чем писать гневный отзыв, пожалуйста, обратитесь в техподдержку. Уверен, мы сможем вам помочь.

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

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

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

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

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

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