НОВОСТИ И СОБЫТИЯ
NEWS AND EVENTS

11 Января 2016 Бесконечный скроллинг 4.1
Выпустили новую версию скроллинга 4.1.
Добавили параметры loadNextPageMode, pageNavClickMode, событие on_init_complete и передачу объекта скроллинга во все события.

4 Января 2016 Фотобокс
Добавили новое решение - "Фотобокс". С его помощью Вы можете оптимально вписать в ограниченное пространство до 20-ти фото.

3 Декабря 2015 Бесконечный скроллинг 4.0
В новой версии добавили подгрузку страниц в обратном направлении и реализовали механизм возврата с детальной страницы элемента в список.

КОНТАКТЫ
CONTACTS
Phone: +7 917-712-33-47 (8362) 39-89-05
ВСТУПАЙТЕ В ГРУППУ
JOIN US
 
Мы в контакте
 
   
 
Расширенная форма обратной связи

Форма регистрации на семинар за "5 минут"

Категория: Применение
Решение: Расширенная форма обратной связи

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

1. Определяем перечень и типы полей, выводимых в форме

Пусть нам необходимо запросить у пользователя следующие поля:
Название поляТип поляОписание
1Выбор семинаравыбор 1 из несколькихВыпадающий список доступных семинаров из существующего инфоблока  (каждый элемент описывает отдельный семинар)
2Секциимножественный выборСписок множественного выбора из элементов списка
3ФИОстрокаФамилия, Имя , Отчество заявителя
4Должностьстрокадолжность
5Организациястроканаименование организации
6EMailстрокаадрес электронной почты с валидацией правильности ввода
7Телефонстрокателефонный номер в формате (9999) 99-99-99
8Требуется гостиницафлагпотребность в гостинице
9Доп. документыфайлвозможность прикрепить к заявке до 3-х документов 
10Примечание к заявкетекстовое полетекстовое поле для свободного ввода дополнительных пожеланий

2. Создаем инфоблок и требуемые свойства

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

Добавим новый инфоблок и назовем его "Регистрация на семинар" (рис. 2_1). На странице свойств заведем необходимые свойства и укажем их сортировку (рис. 2_2). При необходимости сортировку полей можно будет переопределить в настройках компонента. Для поля множественного выбора в настройках свойства инфоблока указываем "множественное" (рис. 2_4), выбираем внешний вид (рис. 2_4, рис. 2_5), для типа "привязка к элементам" указываем инфоблок с данными (рис. 2_3), для типа список - вводим список значений и кол-во строк для внешнего вида (рис.2_4, рис.2_5), для поля прикрепления документов к заявке задаем "кол-во полей для ввода новых множественных значений" равным "3" и ограничиваем типы загружаемых файлов (рис. 2_6). 

Для полей "ФИО" и "Примечание к заявке" используем стандартные свойства элемента инфоблока "Название" и "Описание для анонса" соответственно. 

рис. 2_1рис. 2_2рис. 2_3рис. 2_4рис. 2_5рис. 2_5
рис. 2_1рис. 2_2рис. 2_3рис. 2_4рис. 2_5рис. 2_6

3.Размещаем компонент на странице 

Открываем страницу на редактирование и в панели компонентов в разделе "Орион Софт" перетаскиваем компонент "Расширенная форма обратной связи" на страницу (рис. 3_1).

рис. 3_1
рис. 3_1

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

Настраивать компонент можно как из формы редактирования страницы (рис. 3_1), так и из окна "Параметры компонента" (рис.4_1).
Для начала выберем поля выводимые на форму и укажем какие из них обязательны для заполнения (рис. 4_2). 
Затем установим собственные названия для полей "ФИО" и "Примечание к заявке" (рис. 4_3). Для полей "ФИО" и "Примечание к заявке" установим индекс сортировки, так как мы не могли задать его в настройках инфоблока (рис. 4_4). Установим валидацию для поля "EMail" и "Телефон". Причем для электронной почты выберем предустановленное регулярное выражение, а для телефона зададим собственное - ^(\(\d{4}\)\s?)?(\d{2}-\d{2}-\d{2})$ (рис.4_5). Для поля "Телефон" установим собственное сообщение об ошибки "Телефон введен не верно. Формат ввода: (9999) 99-99-99" для случая, когда  значение поле не прошло валидацию (рис. 4_6). Настроим Email уведомление и установим флаг "Сохранить сообщение в инфоблоке" (рис. 4_7). Зададим сообщение об успешной операции, укажем использовать каптчу для незарегистрированных пользователей (рис. 4_8). Если на странице планируется использовать более одной формы, то вы также должны установим ID компонента в любое уникальное среди форм значение. Наконец, установим заголовок нашей форме и настроим параметры шаблона (рис. 4_9).

рис. 4_1рис. 4_2рис. 4_3рис. 4_4рис. 4_4рис. 4_6рис. 4_7рис. 4_8
рис.4_1рис.4_2рис.4_3рис.4_4рис.4_5рис.4_6рис.4_7рис.4_8
рис. 4_9
рис.4_9

5.Настройки для учета статистики по отправке заявок 

Для того, чтобы начала учитываться статистика использования нашей формы потребуется: 
1. создать запись в списке форм в админке (Сервисы > Орион Софт > Форма обратной связи > Формы) (рис. 5_1, рис. 5_2, рис. 5_3)
2. в настройках компонента выбрать форму (рис. 5_4)

рис. 5_1рис. 5_2рис. 5_3рис. 5_4
рис. 5_1рис. 5_2рис. 5_3рис. 5_4

Результат

Результат наших действий можно посмотреть на рисунках:
рис. 6_1 - начальное состояние формы
рис. 6_2 - форма в процессе заполнения
рис. 6_3 - форма после успешной отправки заявки на регистрацию

рис. 6_1рис. 6_2рис. 6_3
рис. 6_1рис. 6_2рис. 6_3