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

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

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

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

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

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

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

Redirect 301 /cart http://site/checkout

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