Как изменить страницу оформления заказа WooCommerce
Если checkout в WooCommerce кажется слишком длинным, неудобным или просто не подходит под дизайн сайта, его можно изменить без потери оплаты. Важно не путать две задачи: поменять саму страницу, на которой открывается оформление заказа, и изменить содержимое формы checkout. Для первой задачи WooCommerce использует обычную страницу WordPress с закреплённым шорткодом, для второй — шаблоны, фильтры и плагины.
Ниже разберём, как безопасно заменить стандартную страницу оформления заказа, когда можно сократить форму, а когда лучше не трогать структуру без теста на копии сайта.
Что именно можно изменить в checkout WooCommerce
В WooCommerce страница оформления заказа — это не отдельный «магический» экран, а обычная страница WordPress, на которой выводится шорткод [woocommerce_checkout] или соответствующий блок в редакторе. Поэтому у вас есть несколько уровней настройки:
- заменить страницу, на которой открывается checkout;
- изменить заголовок, URL и оформление этой страницы;
- сделать форму короче или перестроить поля;
- убрать лишние шаги и отвлекающие элементы;
- перенести оформление заказа в отдельный шаблон или на лендинг, если это поддерживает тема или плагин.
Самый безопасный путь — сначала поменять именно страницу, а не лезть в код формы. В большинстве случаев этого уже достаточно, чтобы checkout стал удобнее для клиента и лучше вписался в сайт.
Как заменить стандартную страницу оформления заказа
Если вам нужно, чтобы WooCommerce открывал другую страницу checkout, делайте это через настройки магазина. Это штатный способ, и он не ломает оплату, если новая страница создана правильно.
- Создайте новую страницу в WordPress.
- Добавьте на неё шорткод
[woocommerce_checkout]или блок оформления заказа WooCommerce, если вы используете блочный редактор. - Сохраните страницу.
- Откройте WooCommerce → Настройки → Дополнительно и найдите раздел со страницами магазина.
- В поле Страница оформления заказа выберите созданную страницу.
- Сохраните изменения.
После этого WooCommerce будет использовать новую страницу как checkout по умолчанию. Старую страницу можно оставить как черновик или удалить только после проверки, что новая работает корректно.
Если вы используете классический редактор, шорткод — самый надёжный вариант. Если у вас современная версия WooCommerce и блоки, проверьте, что тема и плагины не конфликтуют с блоком checkout. На части сайтов блоки работают нормально, но при нестандартных способах оплаты или доставке классический шорткод иногда стабильнее.
Как сделать страницу оформления заказа короче и удобнее
Чаще всего пользователю нужен не новый URL, а более короткая форма. Здесь есть три практичных подхода.
Убрать лишние поля
Если вы продаёте цифровые товары или не нуждаетесь в полном наборе адресных данных, часть полей можно удалить через фильтры WooCommerce или плагин для настройки checkout. Это уменьшает трение при покупке, но важно не убрать поля, которые нужны для доставки, налогов или платёжного шлюза.
Например, если у вас доставка не требуется, можно убрать поля адреса. Но если подключён способ оплаты, который проверяет адрес биллинга, удаление нужных полей может вызвать ошибки валидации. Поэтому сначала проверьте, какие поля реально используются в вашей схеме оплаты и доставки.
Сделать checkout одностраничным и без отвлекающих элементов
На странице оформления заказа обычно мешают лишние блоки: боковые колонки, виджеты, длинное меню, рекламные баннеры. Их лучше убрать именно на странице checkout, а не на всём сайте. Это можно сделать настройками темы, шаблона страницы или через отдельный шаблон WooCommerce.
Практически это выглядит так: на checkout оставляют только форму, корзину и кнопки оплаты. Всё остальное прячут, чтобы пользователь не уходил с шага оплаты.
Перенести оформление заказа на отдельную страницу или лендинг
Иногда checkout выносят на отдельную посадочную страницу, особенно если магазин продаёт один товар, комплект или услугу. Такой вариант удобен, когда нужен максимально короткий путь к оплате. Но здесь важно не перепутать красивую страницу и рабочий checkout: на странице должны корректно отрабатывать корзина, расчёт доставки, купоны и платёжные методы.
Если вы делаете такой перенос через конструктор или шаблон темы, обязательно проверьте, что страница не кэшируется как обычный контент. Для checkout это критично: форма должна обновляться по сессии пользователя, а не подставлять чужие данные.
Что проверить после замены страницы
Любое изменение checkout нужно проверять не только визуально, но и по сценарию покупки. Иначе можно получить красивую страницу, на которой не проходит оплата.
Проверьте минимум следующее:
- страница открывается по новому адресу и не даёт 404;
- товары из корзины отображаются на checkout;
- работают обязательные поля и сообщения об ошибках;
- доступны нужные способы оплаты;
- срабатывает расчёт доставки, если он используется;
- после оплаты заказ создаётся в админке WooCommerce;
- письмо о заказе уходит покупателю и администратору.
Лучше тестировать на реальном сценарии с тестовым товаром и тестовым платёжным шлюзом, если он у вас есть. Если платёжный модуль работает только в боевом режиме, сначала проверьте хотя бы оформление заказа без оплаты или с оплатой при получении, чтобы убедиться, что форма не ломается.
Когда лучше не менять checkout вручную
Есть ситуации, в которых ручная правка страницы оформления заказа создаёт больше проблем, чем пользы. Например, если у вас сложная доставка, несколько платёжных систем, подписки, предзаказы или кастомные поля от сторонних плагинов. В таких магазинах любое удаление поля или замена шаблона может задеть логику оплаты.
В этом случае безопаснее сначала сделать копию сайта или хотя бы проверить изменения на staging-версии. Это особенно важно, если вы собираетесь править шаблоны WooCommerce в теме или через код. Ошибка в шаблоне checkout может не только испортить внешний вид, но и остановить оформление заказа целиком.
Если задача только в том, чтобы сделать страницу аккуратнее, часто хватает штатной замены страницы checkout, отключения лишних блоков и точечной правки полей. Полный редизайн формы имеет смысл только тогда, когда вы понимаете, как у вас устроены доставка и оплата.
Коротко о безопасной схеме действий
Если нужен практический порядок без лишних экспериментов, действуйте так: сначала создайте новую страницу с checkout-шорткодом или блоком, затем назначьте её в настройках WooCommerce, после этого уберите только те поля и элементы, которые точно не нужны вашему магазину, и в конце проверьте оплату на тестовом заказе. Такой подход позволяет изменить страницу оформления заказа WooCommerce без риска потерять рабочую оплату.