»  WooCommerce  »  Как изменить кнопку Добавить в Корзину WooCommerce

Как изменить кнопку Добавить в Корзину WooCommerce

Последнее обновление:

Как изменить поведение кнопки Добавить в Корзину WooCommerceПо умолчанию кнопка Добавить в Корзину (Add to Cart) добавляет товар в Корзину и не переносит посетителя на страницу Корзины.

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

Вы можете поместить такую ссылку / кнопку на любой странице сайта, — на лендинге, в виджете цен, на странице Блога, и так далее.

Содержание:

Простой товар

Вариативный товар

Как добавить кнопку Купить сейчас с помощью плагина

1. Простой товар

Чтобы создать ссылку или кнопку, которая будет откладывать Простой товар в Корзину, нужно знать ID товара. Перейдите в WooCommerceТовары и наведите мышкой на нужный товар:

WooCommerce - ID Товара
WooCommerce — ID Товара

а. Как добавить Простой товар в Корзину

Создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, и замените 65 на ID вашего товара.

б. Как добавить определенное Количество Простого товара в Корзину

Создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, 65 на ID вашего товара и замените 3 на нужное количество товара.

в. Как добавить Простой товар в Корзину и перенаправить в Корзину

Перейдите в WooCommerceНастройкиТоварыОсновные и поставьте эту галочку:

WooCommerce - Включить Ajax для кнопки добавления в корзину в архивах
Включите Ajax для кнопки добавления в корзину в архивах

После этого создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, и замените 65 на ID вашего товара.

Если вы изменили URL вашей Корзины с /Cart/ на что-то другое, например, на /Basket/, то используйте:

г. Как добавить Простой товар в Корзину и перенаправить на Оформление Заказа

Если вы хотите, чтобы ваши посетители добавляли товар в Корзину и сразу переходили к оформлению заказа, то проверьте, что настройка Перенаправить в корзину после успешного добавления отключена, а Включить Ajax для кнопки добавления в корзину в архивахвключена:

WooCommerce - Добавить товар в Корзину и перейти к Оформлению заказа
Отключите Перенаправление в корзину после успешного добавления

После этого создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, и замените 65 на ID вашего товара.

д. Как добавить Простой товар в Корзину и перенаправить на любую страницу

Настройки WooCommerce должны быть такими же, как в предыдущем примере:

WooCommerce - Добавить товар в Корзину и перейти к Оформлению заказа
Отключите Перенаправление в корзину после успешного добавления

Создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, любая-страница на нужную страницу и замените 65 на ID вашего товара.

2. Вариативный товар

Чтобы создать ссылку или кнопку, которая будет откладывать Вариативный товар в Корзину, нужно знать ID вариативного товара. Перейдите в WooCommerceТовары и зайдите в настройки Товара:

WooCommerce - Вариативный товар
Вариативный товар

а. Как добавить Вариативный товар в Корзину

Создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, и замените 359 на ID вашего товара.

б. Как добавить определенное Количество Вариативного товара в Корзину

Создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, 359 на ID вашего товара и замените 3 на нужное количество товара.

в. Как добавить Вариативный товар в Корзину и перенаправить в Корзину

Перейдите в WooCommerceНастройкиТоварыОсновные и поставьте эту галочку:

WooCommerce - Включить Ajax для кнопки добавления в корзину в архивах
Включите Ajax для кнопки добавления в корзину в архивах

После этого создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, и замените 359 на ID вашего товара.

Если вы изменили URL вашей Корзины с /Cart/ на что-то другое, например, на /Basket/, то используйте:

г. Как добавить Вариативный товар в Корзину и перенаправить на Оформление Заказа

Если вы хотите, чтобы ваши посетители добавляли товар в Корзину и сразу переходили к оформлению заказа, то проверьте, что настройка Перенаправить в корзину после успешного добавления отключена, а Включить Ajax для кнопки добавления в корзину в архивахвключена:

WooCommerce - Добавить товар в Корзину и перейти к Оформлению заказа
Отключите Перенаправление в корзину после успешного добавления

После этого создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, и замените 359 на ID вашего товара.

д. Как добавить Вариативный товар в Корзину и перенаправить на любую страницу

Настройки WooCommerce должны быть такими же, как в предыдущем примере:

WooCommerce - Добавить товар в Корзину и перейти к Оформлению заказа
Отключите Перенаправление в корзину после успешного добавления

Создайте ссылку или кнопку с таким URL:

Замените ваш-сайт.ru на ваш домен, любая-страница на нужную страницу и замените 359 на ID вашего товара.

Как добавить кнопку Купить сейчас с помощью плагина

Когда вы используете такой URL, ваш посетитель кладет этот товар в Корзину и переходит на страницу Оформления заказа:

Это аналогично функционалу кнопки Купить сейчас, который вы можете добавить с помощью плагина Quick Buy For Woocommerce:

Если вы хотите изменить текст на кнопке Добавить в Корзину, то переходите сюда:

Читайте также:

  1. Как изменить текст и ссылку на кнопке “Вернуться в магазин” на странице Корзина в WooCommerce
  2. Как изменить символ валюты на буквы в WooCommerce

Надеюсь, статья была полезна. Оставляйте комментарии.

Поделиться в facebook
Поделиться в vk
Поделиться в email
Поделиться в telegram
Поделиться в whatsapp

Оставьте комментарий

Techbear