Последний шаг к совершению покупки — это оформление заказа. В решении доступно 2 вида: полноценное оформление заказа и быстрый заказ.

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

Форма покупки в 1 клик.

О том, как настроить поля в форме покупки в 1 клик, читайте в статье.

Оформление заказа с выбором оплаты, доставки, местоположения доступно в вариантах: с открытыми и закрытыми блоками в форме.

Оформление заказа с открытыми блоками для заполнения.

Оформление заказа с закрытыми блоками для заполнения

В форме с закрытыми блоками после заполнения полей в «Регион доставки» необходимо кликнуть на кнопку «Далее», чтобы перейти к заполнению  блока «Доставка». Аналогично для блоков «Оплата» и «Покупатель».

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

В поле «Шаблон компонента» есть несколько опций:

• Шаблон оформления заказа с открытыми блоками для заполнения v1 (Аспро: Максимум — интернет-магазин);
• Шаблон оформления заказа v2 (Аспро: Максимум — интернет-магазин);
• bootstrap_v4 (Встроенный шаблон) — стандартный шаблон 1С-Битрикс без стилей решения с закрытыми блоками;
• .default (Встроенный шаблон) — стандартный шаблон 1С-Битрикс со стилями решения с закрытыми блоками;

Выберите нужный вариант оформления заказа и сохраните изменения. В Аспро: Максимум 1.8.0 добавлено отображение страницы оформления заказа v2. Интерфейс стал более компактным и удобным для пользователя:  

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

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

Мы сделали форму оформления заказа универсальной. Даже если у вас крупный интернет-магазин, страница останется компактной, несмотря на множество опций и описаний. Если у вашего проекта один способ доставки — он выберется автоматически. Блок выбора способа оплаты не будет на странице, если у вас есть только один вариант. Эта информация заполнится в боковой колонке. Над кнопкой «Оформить заказ» теперь расположена краткая информация о заказе. Так пользователь может убедиться, что указал все пункты правильно без прокрутки страницы.