Montreal-based Shopify experts cooking some Shopify apps.
The option is available for the Product page upsell location. After selecting a product, you will see a dropdown with the default option selected being "On page load". Click on this dropdown and select "On add to cart click".
Then, you need to input the CSS Selector of your product pages' Add to cart buttons. This might require some coding knowledge. Learn more about the Add-to-cart button selector here.
Of course you can make it look nicer, with nicer colors, a title, description or any html snippet in the upsell popup.
When customers click Add-to-Cart on the product page (main item), it shows the upsell. By default, both the main item and the upsell will be added to cart. If you would like the upsell to replace the main item to cart (for example the main item being a 50" TV and the upsell being a 60" TV replacing the 50" TV), you can do that using the Replace items with upsell section.
Tabarnapp's mission is to help you get the most of each visit on your Shopify store.