Как редактировать страницу оформления заказа WooCommerce без Elementor?

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

Но как именно вы настраиваете страницу оформления заказа WooCommerce? Как оказалось, есть 3 эффективных способа, включая ручное редактирование, использование плагинов и конструктор страниц Elementor. Однако лучший метод зависит от того, с каким из них вам легко работать.

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

Почему вы можете захотеть отредактировать страницу оформления заказа WooCommerce

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

Улучшить пользовательский опыт

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

Сделайте кассу безопасной

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

Разрешить быстрые и простые покупки

Еще одна причина, по которой вы можете захотеть настроить страницу оформления заказа WooCommerce, — помочь вашим клиентам быстро размещать свои заказы. Например, вы можете включить опцию автоматического заполнения деталей.

Улучшить брендинг

Чувствуете, что ваш бренд ничем не выделяется из толпы? Возможно, вы захотите отредактировать страницу оформления заказа WooCommerce, чтобы придать ей профессиональный вид. Один из способов сделать это — изменить его дизайн и даже шаблон страницы.

Как редактировать страницу оформления заказа WooCommerce WO Elementor?

Существует множество способов редактирования страницы оформления заказа WooCommerce. Вы можете сделать это вручную, используя комбинацию elementor и Shopready или плагины. Выбор за вами. Итак, давайте обсудим, как работает каждый метод.

Способ 1: ручное редактирование

Этот метод предполагает использование кода для редактирования шаблона страницы оформления заказа . В результате это дает вам больший контроль над настройкой по сравнению с использованием других методов редактирования. Ниже приведены простые шаги о том, как это сделать.

Шаг 1. Выберите фильтры для настройки полей оформления заказа.

Чтобы изменить поля оформления заказа, вы будете использовать файл functions.php на своем веб- сайте электронной коммерции . Это должно быть легко, потому что WooCommerce предоставляет вам список фильтров, позволяющих настроить поля оформления заказа. Например, есть:

• WooCommerce_shipping_fields
• WooCommerce_after_checkout_form
• WooCommerce_billing_fields
• WooCommerce_checkout_after_terms_and_conditions

Шаг 2. Отредактируйте текст-заполнитель.

Затем начните с настройки текста-заполнителя в поле order_comments_fields. Вы можете сделать это, просто добавив следующий фрагмент кода в файл functions.php.

Шаг 3. Удаление полей

Если вы хотите удалить поле, просто добавьте приведенный ниже код в файл functions.php.

Шаг 4: Добавьте необходимые поля

Чтобы добавить поля на страницу оформления заказа WooCommerce, просто вставьте приведенный ниже код в файл function.php.

После вставки кода вы заметите, что появится дополнительное поле. Впрочем, беспокоиться не о чем. Вы просто копируете следующий код для проверки данных.

Последний шаг: сохраните данные

Наконец, введите следующий код, чтобы убедиться, что каждая деталь, введенная вашими клиентами на странице оформления заказа, сохранена.

Способ 2: использование конструктора страниц Elementor

Для ручного редактирования страницы оформления заказа у вас должен быть опыт программирования. К счастью, если вы не разбираетесь в технологиях, вы можете использовать elementor, один из лучших конструкторов страниц WordPress. Ниже приведены шаги по редактированию с помощью elementor.

Шаг 1. Найдите страницу оформления заказа.

Сначала перейдите на панель инструментов WordPress и найдите список страниц. В списке страниц вы можете найти страницу оформления заказа по умолчанию. Просто нажмите кнопку «Изменить», чтобы запустить редактор WordPress. Затем выберите параметр «Редактировать с помощью Elementor», чтобы включить Elementor, а затем запустите редактор Elementor.

Шаг 2: Добавьте виджет оформления заказа Elementor

Затем откройте страницу оформления заказа по умолчанию в elementor и удалите существующий виджет оформления заказа WooCommerce или шорткод. Затем добавьте виджет проверки в редакторе Elementor. Вы должны увидеть предварительный просмотр страницы оформления заказа в реальном времени.

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

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

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

Шаг 4. Измените стиль страницы оформления заказа.

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

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

Шаг 5: Сохраните изменения

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

Способ 3: использование плагинов

Еще один простой и быстрый способ отредактировать страницу оформления заказа WooCommerce — использовать плагин. Теперь есть несколько вариантов плагинов на выбор. Однако в этой статье мы сосредоточимся на использовании комбинации Elementor и Shopready .

Шаг 1: Установите надстройку Shopready для elementor

Перед установкой этого плагина убедитесь, что в вашем WordPress есть конструктор страниц Elementor. Это потому, что Shopready не может работать в одиночку. Затем на панели инструментов WordPress нажмите «Плагины» и выберите «Добавить новый». Затем найдите Shopready в поле поиска и нажмите кнопку «Активировать».

Шаг 2. Настройте содержимое страницы оформления заказа Shopready.

На панели инструментов WordPress выберите открытие Shopready. Вы будете перенаправлены на панель инструментов Shopready. Под панелью инструментов есть параметры виджетов, модулей и шаблонов, которые помогут вам настроить свою страницу. Вы можете выбрать любой вариант редактирования и настройки содержимого .

Шаг 3. Включите виджеты

Нажмите на виджеты и выберите вкладку «Включить все». Затем выберите Сохранить изменения. Но если вы не хотите включать все поля, просто выберите нужные параметры и сохраните изменения.

Шаг 4: Включите модули

Затем выберите опцию «Модули» и нажмите «Включить все». Вы также можете выбрать параметр «Отключить все» или выборочно включить только некоторые из них. После того, как вы закончите, нажмите на кнопку Сохранить изменения.

Шаг 5: Включите шаблоны

В этом разделе вы найдете такие параметры, как Магазин, Страница оформления заказа, Корзина, страница сведений о продукте и многое другое. Щелкните вкладку «Включить» в предпочтительных параметрах шаблона, а затем «Сохранить».

Шаг 6. Включите валютный API

Перейдите на вкладку API и введите API-ключ своей валюты в пустое поле. Затем выберите параметр «Сохранить изменения», чтобы завершить процесс.

Зачем использовать Shopready для редактирования страницы оформления заказа WooCommerce

ShopReady — это просто надстройка для Elementor. Этот плагин, разработанный QuomodoSoft, предлагает так много преимуществ при его использовании для редактирования пользовательской страницы оформления заказа WooCommerce. Это включает:

Широкий выбор виджетов

Этот плагин предоставляет вам более 100 виджетов страницы магазина, которые вы можете легко добавить на свою страницу Elementor. Следовательно, вы можете быстро настроить страницу оформления заказа WooCommerce в соответствии со своими потребностями.

Готовые шаблоны

Если вы новый пользователь WooCommerce, вам следует рассмотреть возможность использования Shopready для редактирования страниц оформления заказа. Это связано с тем, что в плагине есть предварительно разработанные шаблоны для простоты настройки.

Особенности, ориентированные на клиента

Еще одна причина, по которой вы должны использовать этот плагин для редактирования своей страницы WooCommerce, заключается в его ориентированных на клиента функциях. Некоторые из них включают страницу благодарности, добавление опции купона и сравнение продуктов.

Мобильный

Этот плагин позволяет редактировать страницу оформления заказа и сделать ее удобной для мобильных устройств. В результате ваши клиенты могут получить отличный опыт покупок независимо от того, какое устройство они используют.

Вывод

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

Конечно, проще всего использовать плагины или комбинацию elementor и Shopready . Это связано с тем, что Shopready предлагает широкий выбор виджетов. Следовательно, вы можете отредактировать свою страницу оформления заказа и сделать ее настолько персонализированной, насколько захотите. Однако, если у вас есть опыт кодирования, вы всегда можете отредактировать свои страницы вручную.

Как добавить список желаний в WooCommerce без плагина