Как создать страницу оформления заказа WooCommerce с помощью Elementor

Как создать страницу оформления заказа WooCommerce с помощью Elementor примерно за 5 минут

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

После того, как вы настроили свой магазин WooCommerce, выполните следующие действия, чтобы создать страницу оформления заказа WooCommerce с помощью Elementor и EA Woo Checkout .

Шаг 1: назначьте новую страницу в качестве страницы оформления заказа WooCommerce

Плагин WooCommerce поставляется со страницей оформления заказа по умолчанию. Однако, чтобы создать собственную красивую страницу оформления заказа с помощью EA Woo Checkout , вам потребуется заменить страницу оформления заказа по умолчанию другой страницей.

Для этого создайте новую страницу из панели инструментов WordPress. Затем перейдите в WooCommerce -> Настройки и нажмите на вкладку «Дополнительно». Отсюда вы можете назначить нужную страницу в качестве страницы оформления заказа. Просто нажмите на опцию «Страница оформления заказа» и выберите любую из страниц из раскрывающегося меню в качестве страницы оформления заказа WooCommerce.

Шаг 2. Активируйте EA Woo Checkout

Далее вам необходимо активировать элемент EA Woo Checkout . Для этого вам нужно отредактировать страницу оформления заказа WooCommerce с помощью редактора Elementor. Найдите элемент «EA Woo Checkout» в разделе «Поиск» на вкладке «ЭЛЕМЕНТЫ».

Теперь все, что вам нужно сделать, это просто перетащить элемент «Woo Checkout» в раздел «Перетащите виджет сюда» или в раздел «+».

Как только вы перетащите элемент в любой раздел вашей страницы, вы увидите макет по умолчанию.

Шаг 3: отредактируйте содержимое страницы оформления заказа Woo

Теперь, когда вы успешно активировали элемент EA Woo Checkout , вы можете начать редактировать содержимое своей страницы Woo Checkout, чтобы сделать ее более подходящей для вашего магазина WooCommerce.

На вкладке «Содержание» вы увидите несколько параметров, таких как «Общие настройки», «Сведения о заказе» и другие. Вы можете настроить эти параметры, чтобы настроить содержимое своей страницы Woo Checkout по своему усмотрению.

Вы можете найти более подробную информацию о том, как настроить параметры содержимого EA Woo Checkout на нашей странице документации.

Если у вас есть профессиональная версия Essential Addons , вы можете выбрать один из двух дополнительных макетов — многошаговый макет и разделенный макет.

Макет Multi Steps и Split Layout поставляются с несколькими дополнительными параметрами стиля, чтобы сделать вашу страницу Woo Checkout действительно выделяющейся. Подробнее о том, как они работают, можно прочитать в нашей документации.

Шаг 4: Стиль вашей страницы оформления заказа Woo

Когда вы закончите редактировать содержимое своей страницы Woo Checkout, пришло время приступить к ее стилизации, чтобы она выглядела более привлекательной для ваших клиентов.

Существует множество вариантов оформления страницы Woo Checkout по вашему желанию. Просто нажмите на вкладку «Стиль», чтобы настроить различные области вашей страницы. Вы увидите множество различных опций, таких как «Название раздела», «Детали заказа», «Вход», «Купон» и другие.

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

Шаг 5. Сохраните изменения и просмотрите окончательный результат

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