fbpx
В этой статье:

Как добавить ссылку на добавление товара в корзину WooCommerce в страницу, таблицу или запись с ТОПом товаров?

Представьте, что вы пишите статью с ТОПом ваших товаров по определенной теме. Давать ссылку на страницу товара не лучший вариант, так как потенциальный покупатель уже посмотрел вашу подборку и товар ему понравился. Зачем вести его ещё на промежуточную страницу?

В этом случае, лучшим решением будет использовать кнопку “Добавить в корзину”. В этой статье мы расскажем, как сделать ссылку, по нажатию которой в корзину будет добавляться товар, вариативный товар или группа товаров.

Ссылка на добавление простого товара в корзину WooCommerce

Первое, о чем мы расскажем, это как добавить простой товар в корзину с помощью пользовательского URL.

Найдите идентификатор товара, наведя на его название в разделе Товары -> Все товары.

Как добавить ссылку на добавление товара в корзину WooCommerce - id tovara woocommerce
Как найти идентификатор (ID) товара WooCommerce

Теперь воспользуйтесь следующими ссылками:

Добавить один простой товар в корзину

https://example.ru/?add-to-cart=61

Не забудьте изменить доменное имя в ссылке. За место “61” введите ID своего товара. По нажатию на такую ссылку в корзину добавится один товар с ID=61.

Добавить определенное количество простых товаров в корзину

https://example.ru/?add-to-cart=61&quantity=3

С помощью этой ссылки мы добавим 3 простых товара с ID=61.

Вы не можете добавить в разных товара в корзину с помощью URL-ссылки

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

https://example.ru/cart/?add-to-cart=61

Знайте, что если вы изменили адрес страницы корзины, то вы должны обязательно изменить /cart/ на адрес страницы корзины, например /korzina/.

Чтобы эта ссылка работала, вы должны отключить опцию “Включить Ajax для кнопки добавления в корзину в архивах” в WooCommerce -> Настройки -> Товары -> Основные.

Добавить один товар в корзину и перейти к оформлению заказа

https://example.ru/checkout/?add-to-cart=61

Чтобы эта ссылка работала, вы должны отключить опцию “Включить Ajax для кнопки добавления в корзину в архивах” и “Перенаправить в корзину после успешного добавления” в WooCommerce -> Настройки -> Товары -> Основные.

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

https://example.ru/your-custom-page/?add-to-cart=61

Чтобы эта ссылка работала, вы должны отключить опцию “Включить Ajax для кнопки добавления в корзину в архивах” и “Перенаправить в корзину после успешного добавления” в WooCommerce -> Настройки -> Товары -> Основные.

Ссылка на добавление вариативного товара в корзину WooCommerce

Многие могут подумать, что сделать ссылку на добавление вариативного товара сложнее, чем простого товара. Это не так. Когда вы создаете вариативный товар, то каждой вариации задается свой уникальный идентификатор (ID вариации). Именно это ID мы и будем использовать в ссылках.

Как добавить ссылку на добавление товара в корзину WooCommerce - id variativnogo tovara woocommerce 1024x396
Как узнать идентификатор (ID) вариативного товара

После того, как вы узнаете ID нужной вариации товара, вы можете использовать следующие URL.

Добавить один вариативный товар в корзину

https://example.ru/?add-to-cart=65

Добавьте в ссылку ID вариативного товара (65), который мы получили из редактора товара.

Добавить определенное количество вариативных товаров в корзину

https://example.ru/?add-to-cart=65&quantity=3

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

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

https://example.ru/cart/?add-to-cart=61

Добавить один вариативный товар в корзину и перейти к оформлению заказа

https://example.ru/checkout/?add-to-cart=61

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

https://example.ru/my-page/?add-to-cart=61

Ссылка на добавление сгруппированного товара в корзину WooCommerce

Сгруппированный товар – это комбинация двух и более товаров. Мы также может добавить в корзину сгруппированный товар с помощью произвольной ссылки.

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

https://example.ru/?add-to-cart=3111&quantity[1803]=5&quantity[1903]=2

В это случает ID сгруппированного товара – 3111. В эту группу товаров входит товар с ID 1803 и 1903. Мы добавляем 5 штук товара 1803 и 2 штуки товара 1903.

Если вы хотите добавить ноль для одного из товаров группы, вам все равно нужно будет упомянуть его в ссылке, но в количестве указать [1903]=0.


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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

2 комментария

  1. Здравствуйте,
    спасибо за статью.
    Подскажите, у меня возникла проблема с этим методом – добавляется два товара вместо одного,
    причем через карточку компании все нормально.
    Может сталкивались? Спасибо

    • Николай Дмитриев Ответить

      Какого вида ссылку вы сделали? Можете прислать её без адреса сайта. В корзине ничего нет перед добавлением?

Написать комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: