---
title: WooCommerce Added To Cart Popup
url: https://teramyth.com/docs/woocommerce-added-to-cart-popup/
updated: 2026-03-26T18:42:38+00:00
---

# 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



## 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

**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

**Suggested Products:** You can enable/ disable suggested products.

**Content:** You can use the [shortcodes](https://docs.wecreativez.com/document/woocommerce-added-to-cart-popup/?client_id=291000503.1652968459&session_id=1774550526#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

**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



## 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

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?](https://wecreativez.com/article/where-is-my-envato-purchase-code/)

## Compatibility Fixes



## Astra Theme Fixes

**Theme Name: **[Astra](https://wpastra.com/) 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](https://prnt.sc/VW1XHEIrcnLK) option.

- Click on the **Publish** button to save settings.

## Flatsome Theme Fixes

To disable the default mini cart popup on the [Flatsome](https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319) theme, add the following snippet into the WooCommerce Added To Cart Popup’s **Custom CSS** option.

CSS

```css
header 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

**Theme name:** [Razzi – Multipurpose WooCommerce WordPress](https://themeforest.net/item/razzi-woocommerce-wordpress-theme/31833761/) 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

**Theme Name:** [BeTheme](https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048) Theme by [MuffinGroup](https://muffingroup.com/)

**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.

PHP

```php
/**
 * 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



## 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](https://developer.wordpress.org/themes/advanced-topics/child-themes/)‘s [functions.php](https://developer.wordpress.org/themes/basics/theme-functions/) file.

PHP

```php
/**
 * 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



## License Terms

[CodeCanyon Licenses](https://codecanyon.net/licenses/standard) & [Regular License](https://codecanyon.net/licenses/terms/regular)

## Support

Our professional, high-quality support is always on hand to help you out.

[Get Premium Support](https://wecreativez.com/envato/support/), [Contact Us](https://wecreativez.com/contact-us/), [Pre-sale Questions](https://wecreativez.com/pre-sale/)

## 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.