Блок оформления заказа — это часть упрощённого процесса оформления, оптимизированного для повышения конверсии. Здесь покупатель завершает покупку, вводя свои данные и выбирая способ оплаты.
На этой странице вы найдёте обзор структуры блока «Оформление заказа», его настроек и возможностей кастомизации, которые помогут оформить страницу в стиле вашего магазина и сделать процесс покупки более удобным и привлекательным.
- Структура блока оформления заказа
- Настройки блока оформления заказа
- Поля оформления заказа
- Итоги заказа
- Самовывоз
Примечание: Вы можете добавить блок оформления заказа на любую страницу. Но чтобы всё работало корректно, сначала нужно назначить страницу оформления заказа в настройках WooCommerce: WooCommerce → Настройки → Дополнительно.
Структура блока оформления заказа
Блок оформления заказа состоит из двух основных внутренних блоков: Поля оформления заказа и Итоги заказа — это ключевые элементы процесса оформления.
Используйте представление в виде списка, чтобы увидеть, как эти блоки связаны между собой.
Многие внутренние блоки являются динамическими и работают в зависимости от настроек WooCommerce. Например, блок «Способы оплаты» показывает только те способы оплаты, которые:
- доступны в вашем магазине,
- совместимы с блоком оформления заказа и настроены в параметрах способов оплаты.
Такие внутренние блоки не имеют собственных настроек в редакторе, поэтому в этой документации они не рассматриваются. Вы можете посмотреть их через представление в виде списка и увидеть описание в боковой панели настроек.
В некоторых случаях в боковой панели настроек будут ссылки на соответствующие параметры WooCommerce, чтобы вы могли быстро перейти и изменить их.
Настройки блока оформления заказа
У блока оформления заказа есть только одна настройка в боковой панели:
Тёмная тема для полей ввода — включает оформление полей и элементов формы в стиле, подходящем для страниц с тёмным фоном.
Поля оформления заказа
Блок Поля оформления заказа содержит поля, в которые покупатель вводит свои данные для завершения покупки. Он состоит из множества внутренних блоков, большинство из которых являются динамическими.
Их поведение зависит от:
- текущего заказа покупателя,
- настроек WooCommerce.
Блок «Поля оформления заказа» — это первый блок внутри основного блока оформления заказа. В нём есть следующие настройки (они также применяются к блокам адреса доставки и оплаты):
- Шаги оформления — добавляет нумерацию разделов, чтобы сделать процесс оформления более наглядным.
- Поля адреса — позволяет включать или отключать поля «Компания», «Адрес (строка 2)» и «Телефон», а также задавать обязательность полей адреса и телефона.
Внутри блока «Поля оформления заказа» находятся дополнительные блоки, которые можно перемещать и переименовывать через представление в виде списка. Некоторые из них имеют собственные настройки.
Экспресс-оформление
Блок экспресс-оформления отображается только если включён платёжный шлюз, поддерживающий быстрые способы оплаты (например, WooPay, Apple Pay, Google Pay и т.д.).
У этого блока нет дополнительных настроек. Для использования экспресс-оплаты рекомендуется подключить WooPayments (если он доступен в вашем регионе).
Доставка
В блоке «Доставка» покупатель выбирает способ получения заказа — доставку или самовывоз. В боковой панели настроек можно изменить внешний вид этого блока.
Этот блок и блок Способ получения отображаются только если:
- включён блочный вариант самовывоза в настройках WooCommerce → Настройки → Доставка → Самовывоз,
- редактируемая страница назначена страницей оформления заказа в WooCommerce → Настройки → Дополнительно.
Внешний вид
- Показывать иконку: отображает иконку рядом с вариантами доставки для наглядного различия.
- Показывать стоимость: добавляет стоимость доставки рядом с каждым вариантом, чтобы покупатель сразу видел цену.
Адрес доставки
Настройки этого блока такие же, как у блока «Поля оформления заказа». Они связаны между собой — изменения в одном месте применяются и в другом.
Условия и положения
Блок «Условия и положения» позволяет покупателю подтвердить согласие с правилами магазина перед оформлением заказа.
- Обязательный чекбокс: включите, чтобы покупатель обязательно должен был поставить галочку согласия с условиями перед оформлением заказа.
Ссылки на страницы с условиями и политикой конфиденциальности добавляются автоматически, если они указаны в настройках WooCommerce.
Подробнее о настройке страниц и настройках политики конфиденциальности.
Действия
Блок «Действия» добавляет дополнительные элементы навигации на странице оформления заказа.
- Параметры навигации: позволяет включить или скрыть ссылку «Вернуться в корзину», чтобы покупатель мог вернуться и изменить заказ.
- Ссылка «Вернуться в корзину»: при включении можно выбрать страницу, на которую будет вести эта ссылка.
Итоги заказа
Блок «Итоги заказа» содержит внутренние блоки: сводку заказа, форму ввода купона и список всех составляющих итоговой стоимости.
Почти все эти блоки заблокированы. Их можно перемещать вверх или вниз, но нельзя удалить.
Форма купона — единственный блок, который не заблокирован, и его можно удалить при необходимости.
Самовывоз
После того как блок оформления заказа добавлен на назначенную страницу оформления заказа, становятся доступны настройки самовывоза.
Самовывоз в блоках WooCommerce позволяет предложить покупателям одно или несколько мест для получения заказа.
После включения этой опции (и настройки точки самовывоза через WooCommerce → Настройки → Доставка → Самовывоз) в блоке оформления заказа появятся блоки Доставка и Способ получения, позволяющие покупателю выбрать удобный вариант получения.
Это отличается от устаревших вариантов самовывоза, которые ранее настраивались через зоны доставки.