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

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

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

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

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

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

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

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

Как добавить ссылку на добавление товара в корзину WooCommerce - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=
Как найти идентификатор (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 - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=
Как узнать идентификатор (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.

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

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

Предыдущая статья
Спам в комментариях WordPress

Спам в комментариях WordPress – как с ним бороться

Next Post
обновление WordPress

Как безопасно обновить WordPress

Похожие статьи
Руководство для начинающих по WooCommerce: Настройки оформления заказа Часть 2

Руководство для начинающих по WooCommerce: Настройки оформления заказа – Часть 2

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

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

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