WooCommerce add to cart link with variations

Hi, many times we have to make custom product loop and single custom product page with various design and at that time we need to give a button with add to cart URL or link with variation to add the product to cart and in this post we will going to see how the link van be make.

the add to cart link will be look like

https://www.your-domain.com/shop/?add-to-cart=335&attribute_pa_gravy=medium&variation_id=574

or the link may be

https://www.your-domain.com/?add-to-cart=335&attribute_pa_gravy=medium&variation_id=574

first you have to unchack the checkbox of ajax add to cart option from wordpress admin panel
(woocommerce->setting->product->display)

Ajax add to cart

Ajax add to cart

here first uou need to get the domain url which is https://www.your-domain.com/

then in get method you have to sent the product id with get veriable add-to-cart like ?add-to-cart=<product id>

then have to send the attribute variation with get veritable attribute_pa_ concatenating with attribute slug like &attribute_pa_gravy=medium here gravy is the attribute slug and medium is the variation name to show the variation name in cart and order

and then you need to send the variation id in get method with veriation_id get veritable to add the variation to the cart like &variation_id=574

now the full url will be like

https://www.your-domain.com/?add-to-cart=<product id>&attribute_pa_<attribute slug>=<attribute name>&variation_id=<veriation id>

And thus you can be able to make a add to cart link in wordpress woocommerce

Thanks for Reading.

Share The Post On -

  1. Badal says:

    Hi,
    To add quantity to the cart of wordpress woocommerce use &quantity=

Add a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.