Пример для упрощенного режима: анкета регистрации

Урок 217 из 345
Автор: Марина Павлова
Сложность урока:
2 уровень - несложные понятия и действия, но не расслабляйтесь.
2 из 5
Просмотров: 446
Ограничения по редакциям: Старт

Создаем анкету регистрации

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

  • Имя (обязательное поле);
  • Пол;
  • Номер телефона (обязательное поле);
  • E-mail.

Также обязательно добавить защиту от ботов. Зарегистрированные пользователи должны иметь возможность редактировать свои данные в уже отправленной форме.

Создадим форму регистрации на мероприятие с помощью веб-форм Веб-форма - специальная область на странице или отдельная страница сайта в которой посетитель может внести ту или иную информацию. Образно - это аналог бумажной анкеты, бланка и опросного листа. Количество веб-форм и количество вопросов в них ничем не ограничено, вам доступно гибкое управление параметрами ваших форм.
Подробнее...
. Используем веб-форму в упрощенном режиме Упрощенный режим предназначен для решения простых задач, например, создания формы обратной связи. В этом режиме не используются поля и статусы веб-форм.
Подробнее...
.

Требование законодательства РФ

Создание веб-формы и вопросов

Перейдем в Административном разделе Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы.
Подробнее...
на страницу Сервисы > Веб-формы > Настройка форм и нажмем кнопку Создать. В открывшейся форме:

  • Заполним данные на вкладке Свойства. Обязательно поставим "галочку" на Использовать CAPTCHA;

  • На закладке Описание укажем описание и примечания для нашей формы регистрации;
  • На закладке Шаблон формы пока выберем Использовать шаблон формы по умолчанию ;
  • На закладке Доступ укажем необходимые права. В нашем примере дадим зарегистрированным пользователям возможность редактировать результат заполнения веб-формы;
  • Перейдем по кнопке Вопросы к созданию вопросов формы и создадим 4 нужных нам вопроса:
    • Имя - тип поля text, обязательное;
    • Пол - тип поля dropdown, т.е выпадающий список;
    • Номер телефона - тип поля text, обязательное. Также добавим валидатор Проверка на соответствие значению. : мин. и макс. количество символов 12 Для записи телефонного номера вида +79123456789 требуется 12 символов. .
    • E-mail - тип поля text, размер поля 30.
  • Сохраним веб-форму.

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

Для вывода веб-формы в Публичном разделе, создадим новую страницу Опросы и разместим на ней комплексный компонент Веб-форма Комплексный компонент, создавая физически только одну страницу, позволяет получить несколько страниц: заполнение веб-формы, со списком результатов, редактирование результата, просмотр результата и т.д. Компонент стандартный и входит в дистрибутив модуля.

В структуре визуального редактора компонент расположен по пути Сервисы > Веб-формы > Веб-форма.

Компонент относится к модулю Веб-формы.

Описание компонента «Веб-форма (комплексный компонент)» в пользовательской документации.
:

  • На закладке Источник данных выберем нашу веб-форму Регистрация на мероприятие;
  • Остальные параметры настройте при необходимости.

Так выглядит созданная нами форма при использовании шаблона по умолчанию:

Нажмите на рисунок, чтобы увеличить

Дополнительно: Создаем свой шаблон веб-формы

Анализируем результаты

Для просмотра и анализа собранных данных, перейдем на страницу Сервисы > Веб-формы > Результаты > [Название_формы]:

  • В фильтре имеется возможность фильтрации по созданным в форме вопросам Например можно отфильтровать список результатов по полу:
    ;
  • Или выполните выгрузку файла Excel , для дальнейшей обработки полученных данных.

Заключение

Мы настроили форму регистрации на мероприятие c помощью упрощенной веб-формы, а также посмотрели как сделать свой индивидуальный шаблон.

Курсы разработаны в компании «1С-Битрикс»
Спасибо, мы рады что смогли помочь Вам. Ниже Вы можете оставить свой отзыв или пожелание :)
Нам жаль это слышать… Но мы постараемся быть лучше! Поясните, пожалуйста, свой выбор:

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

Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас