Объединить страницы Корзина и Оформление заказа в WooCommerce

Как известно, чем меньше этапов в оформлении заказа, тем выше конверсия. В некоторых случаях имеет смысл сделать отдельную корзину, но для большинства интернет-магазинов можно смело объединять ее с оформлением заказа.

На выходе должно получиться что-то подобное:

Форма заказа с корзиной Woocommerce

Во-первых, должна быть создана страница "Оформление заказа". Она обычно создается при установке плагина Woocommerce. Если ее нет, создайте.

Блоки с корзиной и формой заказа выводятся с помощью шорткодов. Мы сейчас не будет обсуждать что такое шорткоды. Если в двух словах, то это блоки кода, которые можно вставлять в редактор с помощью ярлыка в квадратных скобках. Вам нужно добавить на страницу оформления заказ следующий код:

Форма заказа с корзиной Woocommerce
[woocommerce_cart]

[woocommerce_checkout]

Далее нужно сообщить WooCommerce, что у нас изменился порядок страниц. Делается это на странице настроек WooCommerce:

Настройки эндпоинтов Woocommerce

Не забудьте поменять с коде ссылки. Вместо /cart сделать /checkout. Чтобы при переходе по ссылке корзины, сразу открывалась страница оформления заказа, можно добавить редирект в файле .htaccess корневой папке с сайтом:

Redirect 301 /cart http://site/checkout

После этого остается дело за малым, настроить оформление этой страницы.

© 2016 — 2020. При копировании материалов обязательна активная индексируемая ссылка на источник.