Title: WooCommerce Added To Cart Popup
Mode: single
URL: https://wecreativez.com/document/woocommerce-added-to-cart-popup/
Updated: 2026-04-08T14:10:12+00:00

## WooCommerce Added To Cart Popup
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/


## How to install plugin
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/how-to-install-plugin/
Step 1: Download the zip file from the codecanyon.net Step 2: Extract the downloaded zip file on your desktop or in any folder. Step 3: Open the extracted folder “woocommerce-added-to-cart-popup“. Step 4: Here you found three folders 1) Documentation 2) License 3) Plugin. Step 5: Open “Plugin” folder. Now you found the main plugin file “plugin.zip“. Step 6: Log in to your WordPress admin panel. Step 7: Mouse over the “Plugins” menu and click on “Add new“. Step 8: Click on the “Upload Plugin” button and then click on the “Browse” button. Step 9: Select the “plugin.zip” file and click on the “Upload” button. Step 10: Now the final step, after uploading complete click on the “Activate Plugin” button.

## Plugin Settings
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/plugin-settings/


## Appearance Settings
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/plugin-settings/appearance-settings/
Primary Background Color: You can select the primary background color. Default: #03cb54 Primary Text Color: You can select the primary text color. Default: #ffffff Secondary Background Color: You can select a secondary background color. Default: #333333 Secondary Text Color: You can select the secondary text color. Default: #ffffff Popup Design Mode: Select the popup design mode. Behaviour: Popup Animation: You can select the popup in animation. Default: Jack In The Box Popup Loader: Select the popup loader. Default: None Hide Popup Overlay: Enable, if you want to hide the popup overlay. Hide Popup Automatically: You can enable/ disable auto close popup after x seconds. Hide Popup After: Enter the time in seconds. Default: 5 Vibrate On Add To Cart: You can enable/ disable vibration while adding to the cart on mobile.* Customization: Custom CSS: You can write the plugin-related custom CSS.

## Popup Settings
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/plugin-settings/popup-settings/
Added To Cart Message: Enter added to cart message. Hide On Product Page: Enable, if you want to hide popup on WooCommerce product page. Hide On Product Archive: Enable, if you want to hide popup on WooCommerce product archive. Product On Popup Settings: Hide Product Title: Enable, if you want to hide the product title on the popup. Hide Product Price: Enable, if you want to hide the product price on the popup. Hide Product Image: Enable, if you want to hide the product image on the popup. Hide Quantity Buttons: Enable, if you want to hide the product quantity buttons on the popup. Cart On Popup Settings: Hide Shipping Total: Enable, if you want to hide shipping cost on the popup. Shipping Total Label: Enter the label for the shipping total. Hide Cart Total: Enable, if you want to hide the cart total on the popup. Cart Total Label: Enter the label for the cart total. Continue Shopping Button Settings: Hide Cart Button: Enable, if you want to hide the continue shopping button on the popup. Button Text: Continue shopping button label. Button Type: Select the button type. Cart Button Settings: Hide Cart Button: Enable, if you want to hide the cart button on the popup. Cart Button Text: Cart button label. Cart Button URL: Cart button URL. Button Type: Select the button type. Checkout Button Settings: Hide Checkout Button: Enable, if you want to hide the checkout button on the popup. Checkout Button Text: Checkout button label. Checkout Button URL: Checkout button URL. Button Type: Select the button type.

## Suggested Products
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/plugin-settings/suggested-products/
Suggested Products: You can enable/ disable suggested products. Content: You can use the shortcodes to show related, upsell, and cross-sell products in the popup. You also can use any shortcode or text here to display after product on the add to cart popup.

## Shortcodes
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/plugin-settings/shortcodes/
Related Products: [atcp_related_products] Parameters: title: The title. Default: Related Products. limit: The number of products to display. Default: 3 Example: [atcp_related_products title="Related Products" limit="3"] Upsell Products: [atcp_upsell_products] Parameters: title: The title. Default: Related Products. limit: The number of products to display. Default: 3 Example: [atcp_upsell_products title="Upsell Products" limit="3"] Cross-Sell Products: [atcp_cross_sell_products] Parameters: title: The title. Default: Related Products. limit: The number of products to display. Default: 3 Example: [atcp_cross_sell_products title="Cross Sell Products" limit="3"]

## How To
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/how-to/


## How to show related products
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/how-to/how-to-show-related-products/
Step 1: Click on the Added To Cart Popup from your WordPress admin menu. Step 2: Click on the Suggested Products tab. Step 3: Enable the Suggested Products options. Step 4: Enter the shortcode [atcp_related_products title="Related Products"] into the Content editor. You can change the Related Products title by replacing the one you want. Step 5: Click on the Save Changes button.

## How to activate the plugin
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/how-to/how-to-activate-the-plugin/
Plugin activation is required for the premium support and the latest updates. Login to your WordPress admin dashboard. Mouseover on the Added To Cart Popup and then click on the Plugin Support. Enter your Envato purchase code in the activation form. Click on the Activate Plugin button. Where is my purchase code?

## Compatibility Fixes
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/compatibility-fixes/


## Astra Theme Fixes
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/compatibility-fixes/astra-theme-fixes/
Theme Name: Astra Theme by Brainstorm Force Issue: Empty Added to Cart Popup. Solution: Login to WordPress admin. Mouse over on the Appearance option and then click on Customize. Now, Click on the WooCommerce > Single Product option. Now, scroll to the SINGLE PRODUCT STRUCTURE Section. Expand the Add To Cart widget and disable Real-Time Add To Cart option. Click on the Publish button to save settings.

## Flatsome Theme Fixes
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/compatibility-fixes/flatsome-theme-fixes/
To disable the default mini cart popup on the Flatsome theme, add the following snippet into the WooCommerce Added To Cart Popup’s Custom CSS option. CSSCopyheader ul.header-nav li.cart-item.cart-active ul.nav-dropdown, header ul.header-nav li.cart-item.cart-active::before, header ul.header-nav li.cart-item.cart-active::after { display: none; }

## Razzi Theme Fixes
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/compatibility-fixes/razzi-theme-fixes/
Theme name: Razzi – Multipurpose WooCommerce WordPress Theme by DrFuri Issue: Added to Cart Popup not working on single product page. Solution: Login to WordPress admin. Mouse over on Appearance option and then click on Customize. Now, Click on the Single Product > Product Layout option. Deactivate the option Add to cart with AJAX. Click on the Publish button to save settings.

## BeTheme Fixes
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/compatibility-fixes/betheme-fixes/
Theme Name: BeTheme Theme by MuffinGroup Issue: Added to Cart Popup not working on the single product page. Solution: Login to WordPress admin. Click on BeThemes > Theme Options. Then click on Shop > General from the theme options menu and disable the Side cart option. Now, click on the Save Changes button. Copy the following PHP code and paste it into your child theme’s functions.php file. PHPCopy/** * Fix add to cart popup on the single product page. * * @author WeCreativez */ add_filter( 'body_class', function( $classes ) { if ( class_exists( 'WooCommerce' ) && class_exists( 'ATCP_Init' ) && is_product() ) { unset( $classes[ array_search( 'mfn-ajax-add-to-cart', $classes ) ] ); } return $classes; } );

## Developer
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/developer/


## Link Continue Shopping button
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/developer/link-continue-shopping-button/
Introduced in version 1.3.1 By default, the Continue Shopping button closes the Added to cart popup window. If you want to link the Continue Shopping button to a page, copy the following snippet and paste it into the child theme‘s functions.php file. PHPCopy/** * Link `Continue Shopping` button. * * @author WeCreativez * @link https://codecanyon.net/item/woocommerce-added-to-cart-popup/31275218/ * @support https://codecanyon.net/item/woocommerce-added-to-cart-popup/31275218/support/ */ add_filter( 'actp_call_to_actions', 'atcp_snippet_link_continue_shopping_button', 20, 1 ); function atcp_snippet_link_continue_shopping_button( $atcp_cta ) { $atcp_cta['continue_shopping_button']['behaviour'] = 'link'; // Change `https://wecreativez.com/` with your link. $atcp_cta['continue_shopping_button']['link'] = 'https://wecreativez.com/'; return $atcp_cta; } Now, change the link `https://wecreativez.com/` with the link you want to link the Continue Shopping button and then save the file.

## Other
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/other/


## License Terms
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/other/license-terms/
CodeCanyon Licenses & Regular License

## Support
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/other/support/
Our professional, high-quality support is always on hand to help you out. Get Premium Support, Contact Us, Pre-sale Questions

## Changelog
Source: https://wecreativez.com/document/woocommerce-added-to-cart-popup/changelog/
VERSION 1.3.2 Fixed: Price with incl. TAX issue. Dev: Added atcp_cart_item_args filter. VERSION 1.3.1 Fixed: Popup closing issue when click on out side of popup. Fixed: Text `Hide Cart Button` to `Hide Continue Shopping Button`. Dev: Added filter `actp_call_to_actions`. VERSION 1.3.0 Added: Option to hide popup on product archive. Added: Cart loader animations. Added: Continue shopping button. Added: Button type options. VERSION 1.2.0 Added: Dark mode design. Added: Glass mode design. Added: Parent div to suggested products. VERSION 1.1.0 Fixed: Related products display issues on variable products. Fixed: Typo atcp_realted_products to atcp_realted_products. VERSION 1.0.9 Improved performance. Fixed: Safari browser quantity increment and decrement issue. VERSION 1.0.8 Fixed: Product image display size issue. Fixed: Related product grid alignment issue Fixed: Flatsome theme product grid issue. VERSION 1.0.7 Improved performance. Improved UI. Fixed: Popup close button position issue. Fixed: Quantity + ( plus ) and – ( minus ) button issue. VERSION 1.0.6 Improved performance. Improved UI. Fixed: ESC key close popup issue. Fixed: product list style issue. VERSION 1.0.5 Added: Auto-hide popup after x seconds option VERSION 1.0.4 Fixed: Shortcode limit issue. Removed: Hinge animation. VERSION 1.0.3 Added: Shipping and Cart total label fields. Dev: Added atcp_after_cart_cta hook. Fixed: Make images height account to the cart content. VERSION 1.0.2 Improved performance. Improved buttons. VERSION 1.0.1 Added: Plugin auto-update. VERSION 1.0.0 Initial release.