[Upsell] How to create a modal when clicking the “Add to cart” button in WooCommerce

Would You like to create an upsell popup for WooCoomerce, when the customer clicks to the “Add to cart” button? You don’t need to buy any kind of plugins to do it. In this post I’m going to show you how to code the functionality to boost your sales in WooCommerce.

You can place and style any kind of upsell content in this popup:

1) Create a file named custom.js in your theme

2) Paste this snippet in the functions.php to enqueue the jQuery modal

3) Create a file named modal.php in your theme folder to build the content of the modal.

4) Finally here’s the jquery snippet – paste it in the custom.js file