WooCommerce: Add Product to Cart When Visiting a Specific Page
We’ve already seen how to add a product to cart automatically when a user enters your website. However, I needed a different functionality on this same website, and specifically I wanted a product added to cart only when a user like you visits a specific WordPress page ID.
If you wish to test, go to my free video tutorial page called “How to Customize the WooCommerce Single Product Page“. As soon as the page loads a product is magically added to cart, so that the WooCommerce Checkout on that same page is populated with the hidden item. If you go to my Cart page right after visiting that landing page, you can verify there is a product in there.
So, how did I do it?
WooCommerce: Add Product to Cart When Visiting a Specific Page ID
WooCommerce PHP Snippet: Add Product to Cart When Visiting a Specific WordPress Page ID
/**
* @snippet Add Product to Cart When Visiting Page ID - WooCommerce
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=75861
* @author Rodolfo Melogli
* @compatible WooCommerce 3.4.3
*/
add_action( 'wp', 'bbloomer_add_product_to_cart_on_page_id_load' );
function bbloomer_add_product_to_cart_on_page_id_load() {
// product ID to add to cart
$product_id = 21874;
// page ID to target
if ( is_page( 19473 ) ) {
WC()->cart->empty_cart();
WC()->cart->add_to_cart( $product_id );
}
}
You can place PHP snippets at the bottom of your child theme functions.php file (delete "?>" if you have it there). CSS, on the other hand, goes in your child theme style.css file. Make sure you know what you are doing when editing such files - if you need more guidance, please take a look at my free video tutorial "Where to Place WooCommerce Customization?"
Does this snippet (still) work?
Please let me know in the comments if everything worked as expected. I would be happy to revise the snippet if you report otherwise (please provide screenshots). I have tested this code with Storefront theme, the WooCommerce version listed above and a WordPress-friendly hosting on PHP 7.3.
If you think this code saved you time & money, feel free to join 14,000+ WooCommerce Weekly subscribers for blog post updates or 250+ Business Bloomer supporters for 365 days of WooCommerce benefits. Thank you in advance :)
Need Help with WooCommerce?
Check out these free video tutorials. You can learn how to customize WooCommerce without unnecessary plugins, how to properly configure the WooCommerce plugin settings and even how to master WooCommerce troubleshooting in case of a bug!
Rodolfo Melogli
Business Bloomer Founder
Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.
Hello,
I am looking for a trick to automatically add a product (not a gift, the product A with its price) to the basket only if the connected customer (the account already exists) has not purchased this product A over a specific period (from – to to define).
Do you have an idea to do that? thank you in advance for your help.
best regards. Dennis
Hi Dennis thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
I am wondering if you have any similar tutorial explaining how to display a woocommerce add to cart button for a variable product, and above that the quantity selector and the variation dropdown (above the add to cart button)?
This is for a custom site I am building with elementor free license, and a custom product page.
(I have added some add to cart button and something like a variation selector, but those have been copied in front end just to show what I wanted to create (the variation dropdown doesn’t work).
Obviously I would need the right PHP code to make it work as desired.
If no such tutorial exist yet, would you happen to know what code I could add to make this work?
Hi Momin, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
This is exactly what I was looking for! Thank you so much. This helped me add a product to cart without redirecting to the cart. Before, the only solutions I found were global. Much apricated!
This add a products which already exists in the database.
But, How to do it if I want to add a non-existing product ? I mean a product created on the fly.
Hi Jairo, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
Syner, thanks for your comment! I just tested this again with Storefront theme and it works perfectly. Maybe your theme (or another plugin) is messing/conflicting with my snippet?
To troubleshoot, disable all plugins but WooCommerce and also switch temporarily to “Twentyseventeen” theme (load the snippet there in functions.php) – does it work? If yes, you have a problem with your current theme or one of the plugins.
Hello Divyansh, thanks so much for your comment! Yes, this is possible – unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. Thanks a lot for your understanding! ~R
Hey Michael, thanks so much for your comment! Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. Thanks a lot for your understanding! ~R
Questions? Feedback? Support? Leave your Comment Now! _____
If you are writing code, please wrap it between shortcodes: [php]code_here[/php]. Failure to complying with this (as well as going off topic, not writing in English, etc.) will result in comment deletion. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining BloomerArmada to get blog comment reply priority, ask me 1-to-1 WooCommerce questions and enjoy many more perks. Thank you :)
With 100,000 (and growing) monthly organic sessions, Business Bloomer is the most consistent, most active and most complete WooCommerce development/customization blog.
Of course this website itself uses the WooCommerce plugin, the Storefront theme and runs on a WooCommerce-friendly hosting.
doesn’t seem to be working anymore… just quit working for me this week 🙁
I don’t see why this should stop working. Please temporarily disable all plugins except WooCommerce, and test again. Let me know
“WooCommerce: Add Product to Cart When Visiting a Specific Page”
Still works perfect
Great
Hello,
I am looking for a trick to automatically add a product (not a gift, the product A with its price) to the basket only if the connected customer (the account already exists) has not purchased this product A over a specific period (from – to to define).
Do you have an idea to do that? thank you in advance for your help.
best regards. Dennis
Hi Dennis thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
Hello Rodolfo,
Thanks for this tutorial.
I am wondering if you have any similar tutorial explaining how to display a woocommerce add to cart button for a variable product, and above that the quantity selector and the variation dropdown (above the add to cart button)?
This is for a custom site I am building with elementor free license, and a custom product page.
(I have added some add to cart button and something like a variation selector, but those have been copied in front end just to show what I wanted to create (the variation dropdown doesn’t work).
Obviously I would need the right PHP code to make it work as desired.
If no such tutorial exist yet, would you happen to know what code I could add to make this work?
Thanks a lot for your answer.
Hey Adrien! This should help https://www.businessbloomer.com/woocommerce-custom-add-cart-urls-ultimate-guide
How about when visiting a product page?
if ( is_single( 19473 ) ) {Don’t you want to check before you add the product into the cart,
if product is already in the cart?
No, because in this case scenario I empty the Cart first
If we try to remove product which is added automatically, it will add again
Is there a work around to remove the added product from the cart?
Hi Momin, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
This is exactly what I was looking for! Thank you so much. This helped me add a product to cart without redirecting to the cart. Before, the only solutions I found were global. Much apricated!
Nice!
Hi,
WC()->cart->add_to_cart( $product_id );
This add a products which already exists in the database.
But, How to do it if I want to add a non-existing product ? I mean a product created on the fly.
Thnaks
Hi Jairo, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
its not working with Woocommerce Version 3.8.0
Syner, thanks for your comment! I just tested this again with Storefront theme and it works perfectly. Maybe your theme (or another plugin) is messing/conflicting with my snippet?
To troubleshoot, disable all plugins but WooCommerce and also switch temporarily to “Twentyseventeen” theme (load the snippet there in functions.php) – does it work? If yes, you have a problem with your current theme or one of the plugins.
Hope this helps!
R
For everyone who wants to redirect to another page, e.g. checkout page, can add this line before the last two braces:
// page redirect wp_safe_redirect('url' ); exit;Thought I share it, in case someone is also interested / looking for that solution
Thank you!
What If I want to make it for every page?
Like If someone visits X page then ‘A’ product will be added
and when someone visits Y page then ‘B’ Product will be added
Hello Divyansh, thanks so much for your comment! Yes, this is possible – unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. Thanks a lot for your understanding! ~R
Hi, i would love to know michael question too! 🙂
Thanks Dieter, unfortunately my answer is the same 🙂
Hello.
Can we modify the code so that
if x product ID is added to cart
the y product ID would automatically been added to cart too?
Thank you.
Hey Michael, thanks so much for your comment! Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. Thanks a lot for your understanding! ~R