How to Show Popup After “Add to cart” Action in Magento 2

Hence, show popup on “add to cart” action in your store using the method shown here:
In the default Magento 2 store, the customer only gets a small notice that says “You added Product to your shopping cart.” at the top or bottom of the page when he/she clicks on the add to cart button.
If you have any doubts regarding this post, just mention them in the Comments section below.
A good customer experience impacts brand loyalty and customer retention. A merchant can make the customers’ purchase process easier and enhance the on-site experience.
I would be happy to help.
Something went wrong.
Blog output popup

Method to Show Popup After “Add to cart” Action in Magento 2

  1. Copy catalog-add-to-cart.js to your theme from
    vendor/magento/module-catalog/view/frontend/web/js/catalog-add-to-cart.js to app/design/frontend/Theme/ThemeName/Magento_Catalog/web/js/catalog-add-to-cart.js
    or override catalog-add-to-cart.js to your custom module.
  2. Create requirejs-config.js file in appcodeVendorModuleviewfrontend and use the below code.
  3. Find ajaxSubmit: function and add below code after self.enableAddToCartButton(form);

    Pass a popup title as per your requirement.
    The popup with “Continue Shopping” and “Proceed to Checkout” button will display like the below image:
    An added benefit is that the popup enhances your store’s design and layout!

That’s all!
Thank You
Feel free to share the solution with Magento Community via social media.
Never miss Magento tips, tricks, tutorials, and news.
Hence, I have come up with one such solution to show popup after “add to cart” action in Magento 2 that will make it easy for the customers to proceed to checkout and speed up the conversion process.
A good customer experience is always more persuasive than any good advertisement.

Get Weekly Updates

 Offer your customers a clear overview of the products they have added to the cart by using this method!

Thank you for subscribing.
Instead of that, offer your customers an immediate visual verification without having to scroll up or down by showing a popup when they add a product to the cart.

/**/

/*.mfp-bg{background:#000000d4}
/*]]>*/

/*.mfp-bg.mfp-ready{opacity:.6}
/*]]>*/

(based on 8 Reviews)