Ниже мы расскажем, как создавать специальные кликабельные ссылки, которые добавляют товары в корзину покупателя с помощью пользовательских URL. С помощью такой ссылки можно добавлять товары в корзину, указывать количество и перенаправлять пользователя на нужную страницу.
Как найти ID товара
Для работы URL добавления в корзину требуется ID товара WooCommerce. ID товара можно найти в админ-панели WordPress в разделе WooCommerce > Товары, наведя курсор на название товара — ID появится под ним (см. изображение ниже).
Пользовательский URL добавления в корзину для простого товара
Чтобы добавить простой товар в корзину, используйте структуру URL ниже. Замените example.com на адрес вашего сайта, а PRODUCT_ID и QUANTITY — на нужные значения:
https://example.com/?add-to-cart=PRODUCT_ID&quantity=QUANTITYПользовательский URL добавления в корзину для товара с вариациями
Чтобы добавить конкретный товар с вариациями в корзину, используйте ID вариации, который находится во вкладке «Вариации» при редактировании товара.
https://example.com/?add-to-cart=VARIATION_ID&quantity=QUANTITY
Пользовательский URL добавления в корзину для сгруппированных товаров
Для сгруппированных товаров нужно указать ID основного товара и количество каждого вложенного товара.
Для одного вложенного товара:
https://example.com/?add-to-cart=GROUPED_PRODUCT_ID&quantity[SUB_PRODUCT_ID]=QUANTITYДля нескольких товаров добавьте параметры для каждого:
https://example.com/?add-to-cart=GROUPED_PRODUCT_ID&quantity[SUB_PRODUCT_ID]=QUANTITY&quantity[SUB_PRODUCT_ID]=QUANTITYПеренаправление после добавления в корзину
После добавления товара в корзину можно выбрать, куда будет перенаправлен покупатель. По умолчанию пользователь остаётся на текущей странице, если не включено перенаправление в настройках WooCommerce.
Чтобы задать перенаправление, добавьте нужный URL в ссылку. Например, чтобы отправить пользователя на страницу оформления заказа:
https://example.com/checkout/?add-to-cart=PRODUCT_ID&quantity=QUANTITYИли на страницу корзины:
https://example.com/cart/?add-to-cart=PRODUCT_ID&quantity=QUANTITYЧтобы избежать перезагрузки страницы при добавлении товаров в корзину, включите AJAX в настройках: WooCommerce > Настройки > Товары > Основные.