Как изменить поведение кнопки Добавить в Корзину 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 вашего товара.
Как добавить кнопку Купить сейчас с помощью плагина
Когда вы используете такой URL, ваш посетитель кладет этот товар в Корзину и переходит на страницу Оформления заказа:
Это аналогично функционалу кнопки Купить сейчас, который вы можете добавить с помощью плагина Buy one click WooCommerce:
Если вы хотите изменить текст на кнопке Добавить в Корзину, то переходите сюда:
Читайте также:
- Как отключить уведомления WooCommerce
- 3 Способа отключить Корзину в WooCommerce
- Как вывести цену товара WooCommerce в любом месте сайта
- Как изменить текст и ссылку на кнопке “Вернуться в магазин” на странице Корзина в WooCommerce
- Как изменить символ валюты на буквы в WooCommerce
Надеюсь, статья была полезна. Оставляйте комментарии.