1. aspro.ru
  2. Аспро: Корпоративный сайт 2.0
  3. Корзина
  4. Настройка формы оформления заказа

Настройка формы оформления заказа


Вы можете сами настраивать форму оформления заказа и составляющие ее поля, а также указывать какие поля являются обязательными для заполнения (например, имя и телефон).

4f7b4180-7b62-11f1-8fe4-fa163e2ff576

Форма на инфоблоке

Рассмотрим на примере Аспро: Digital.

Настройка формы задается в административной части сайта. Перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Формы (aspro.digital) (4) → Оформление заказа (5) и выберите вкладку «Свойства».

e36db563-7b61-11f1-8fe4-fa163e2ff576

Чтобы добавить новое поле, задайте ему название, код, выберите тип поля и дополнительные опции, затем сохраните изменения.

  • «Название поля» отображается на сайте как его заголовок.

  • «Тип» определяет основную характеристику поля – какие значения будут корректны для поля ввода (строка, число, дата, текст в несколько строк, список).

  • «Акт.» – активность поля. Опция определяет, отображается выбранное поле на сайте или нет

  • «Множ.» – множественное свойство. Множественный список дополнительных опций при заказе означает, что пользователь может выбрать сразу несколько значений заданного свойства.

  • «Обяз.» – обязательное для заполнения поле. Если отмеченное поле не будет заполнено, то форма не отправится, а у пользователя на экране появится уведомление, что он не заполнил обязательное поле.

  • «Код» – уникальный ID поля, нужный программным модулям для обработки и хранения информации из формы.

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

a6c97b20-7b5d-11f1-8fe4-fa163e2ff576

Чтобы удалить созданное вами поле, поставьте галочку в столбце «Удал.» напротив него и сохраните изменения.

Внимание! Мы настоятельно не рекомендуем удалять существующие по умолчанию поля –  это действие необратимо. Если вы хотите, чтобы поле не отображалось на сайте и не заполнялось пользователем, деактивируйте его, сняв галочку в столбце «Удал.».

63210c0d-7b62-11f1-8fe4-fa163e2ff576

Веб-форма

Рассмотрим на примере Аспро: Digital.

В административной части сайта перейдите в Сервисы (1) → Веб-формы (2) → Настройка форм (3).

463ff078-7b60-11f1-8fe4-fa163e2ff576

В списке веб-форм найдите форму с оформлением заказа. Напротив поля нажмите на «Гамбургер» и выберите «Изменить».

2383ba47-7b5d-11f1-8fe4-fa163e2ff576

На вкладке «Свойства» доступны следующие поля:

  1. Наименование — задать заголовок, который будет отображаться на веб-форме.
  2. Сайты формы — присвоить сайты, на которых будет отображаться веб-форма.
  3. Название ссылки на результаты — подписать ссылку на результаты формы.
  4. Подпись на кнопке, сохраняющей результаты формы — подписать кнопку, которая отправляет результаты формы.
  5. Использовать CAPTCHA — добавить в форму проверку пользователя на робота для защиты от спама.
701dc687-7b64-11f1-8fe4-fa163e2ff576

На вкладке «Описание» задайте описание для веб-формы.

6eb68474-7b61-11f1-8fe4-fa163e2ff576

На вкладке «Шаблон формы» можно использовать шаблон по умолчанию или создать шаблон формы с собственными полями. Сохраните изменения.

08749a09-7b63-11f1-8fe4-fa163e2ff576

Чтобы отредактировать поля формы, нажмите на кнопку «Вопросы». Выберите необходимое для изменения поле, нажмите на «Гамбургер» напротив него и кликните «Параметры вопроса».

08a44af7-7b5e-11f1-8fe4-fa163e2ff576

На вкладке «Свойства» доступны следующие поля:

  1. Активность — поставьте галку, чтобы вопрос отображался на веб-форме.
  2. Порядок сортировки — назначьте порядок отображения вопроса на форме.
  3. Символьный идентификатор — задайте уникальный ID для вопроса, обязательное для заполнения поле.
  4. Обязателен — установите вопрос обязательным при заполнении формы. Пользователь не сможет отправить результаты, если не ответит на вопрос.
9ec91b8a-7b60-11f1-8fe4-fa163e2ff576

На вкладке «Вопрос» напишите название поля, которое будет отображаться на веб-форме.

9a7a3346-7b62-11f1-8fe4-fa163e2ff576

На вкладке «Ответ» настройте, как и что пользователь сможет вводить в поле формы. Задайте варианты ответа и установите необходимый тип поля. Например, при выборе типа date пользователь сможет вводить в поле формы только числа даты — день, месяц, год.

d8227f03-7b61-11f1-8fe4-fa163e2ff576

Рассмотрим значения типов полей:

  • Строка: text;
  • Текст: textarea;
  • Группа переключателей: radio;
  • Флажок: checkbox;
  • Выпадающий список: dropdown;
  • Множественный список: multiselect;
  • Дата: date;
  • Изображение: image;
  • Файл: file;
  • Адрес e-mail: email;
  • Адрес WWW: url;
  • Пароль: password.

Предыдущая статья Настройка цены товара
Следующая статья Посадочные страницы