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

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

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

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

Содержание:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Прямая ссылка на вариативный товар WooCommerce

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

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

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

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

• Как изменить названия кнопок “Добавить в Корзину”, “Оформить заказ” и “Просмотр корзины” в WooCommerce

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

1. Как отключить уведомления WooCommerce
2. 3 Способа отключить Корзину в WooCommerce
3. Кастомизация кнопки Добавить в Корзину WooCommerce
4. Как вывести цену товара WooCommerce в любом месте сайта
5. Как изменить текст и ссылку на кнопке “Вернуться в магазин” на странице Корзина в WooCommerce
6. Как изменить символ валюты на буквы в WooCommerce

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