Title: AboveWP Add To Cart Upsell Popup
Author: AboveWP
Published: <strong>17 de marzo de 2026</strong>
Last modified: 4 de septiembre de 2026

---

Buscar plugins

![](https://ps.w.org/abovewp-add-to-cart-upsell-popup/assets/icon-256x256.png?rev
=3484346)

# AboveWP Add To Cart Upsell Popup

 Por [AboveWP](https://profiles.wordpress.org/wpabove/)

[Descargar](https://downloads.wordpress.org/plugin/abovewp-add-to-cart-upsell-popup.1.0.1.zip)

 * [Detalles](https://es.wordpress.org/plugins/abovewp-add-to-cart-upsell-popup/#description)
 * [Valoraciones](https://es.wordpress.org/plugins/abovewp-add-to-cart-upsell-popup/#reviews)
 *  [Instalación](https://es.wordpress.org/plugins/abovewp-add-to-cart-upsell-popup/#installation)
 * [Desarrollo](https://es.wordpress.org/plugins/abovewp-add-to-cart-upsell-popup/#developers)

 [Soporte](https://wordpress.org/support/plugin/abovewp-add-to-cart-upsell-popup/)

## Descripción

**AboveWP Add To Cart Upsell Popup** is a powerful WordPress plugin that displays
upsell products in a beautiful popup after customers add items to their cart. **
Now enhanced for universal theme compatibility!**

#### ✨ Key Features

 * **Universal Theme Compatibility**: Works with any WordPress theme, including 
   custom themes, Elementor, and page builders
 * **Multiple Add-to-Cart Detection Methods**: Supports both AJAX and non-AJAX add-
   to-cart scenarios
 * **Flexible Upsell Sources**: Choose from WooCommerce upsells, global products,
   or category-based upsells
 * **Responsive Design**: Optimized for all devices and screen sizes
 * **Customizable Appearance**: Colors, text, and button visibility options
 * **Performance Optimized**: Lightweight and cache-friendly
 * **Accessibility Ready**: WCAG compliant with keyboard navigation and screen reader
   support

#### 🔧 Enhanced Compatibility Features

**Add-to-Cart Detection**
 The plugin now uses **5 different methods** to detect
add-to-cart actions:

 1. **WooCommerce AJAX Events**: Standard `added_to_cart` event
 2. **Form Submission Monitoring**: Detects non-AJAX form submissions
 3. **Universal Button Clicking**: Monitors all types of add-to-cart buttons
 4. **URL Parameter Detection**: Handles redirects with add-to-cart parameters
 5. **Success Message Detection**: Detects WooCommerce success messages

**Supported Add-to-Cart Button Types**
 * Standard WooCommerce buttons (`.single_add_to_cart_button`,`.
add_to_cart_button`) * AJAX buttons (`.ajax_add_to_cart`, `.product_type_simple`)*
Custom theme buttons (`[name="add-to-cart"]`, `.wc-add-to-cart`) * Page builder 
buttons (Elementor, Gutenberg blocks) * Custom implementations with data attributes

**Theme Compatibility**
 * ✅ **Storefront**: Full compatibility (as before) * ✅**
Astra**: Full compatibility * ✅ **GeneratePress**: Full compatibility * ✅ **OceanWP**:
Full compatibility * ✅ **Divi**: Full compatibility * ✅ **Elementor Pro**: Full
compatibility * ✅ **Custom Themes**: Enhanced detection methods ensure compatibility

#### 🎯 Upsell Sources

**1. WooCommerce Upsells**
 Uses the built-in WooCommerce upsells defined for each
product.

**2. Global Products**
 Define specific product IDs to show as upsells for all products.
Example: 123, 456, 789

**3. Category-based Upsells**
 Set different upsell products for each product category.

#### 🎨 Customization Options

 * **Popup Title**: Customize the header text
 * **Success Message**: Personalize the «added to cart» message
 * **Button Text**: Customize all button labels
 * **Colors**: Set colors for prices and buttons
 * **Button Visibility**: Show/hide View Cart, Checkout, and Continue Shopping buttons

#### 🌐 Browser Support

 * Chrome 70+
 * Firefox 65+
 * Safari 12+
 * Edge 79+
 * Internet Explorer 11 (limited support)

#### ⚡ Performance Metrics

 * **JavaScript Bundle**: ~15KB minified
 * **CSS Bundle**: ~5KB minified
 * **Page Load Impact**: <100ms
 * **Memory Usage**: <1MB
 * 
   ### External Services
   
 * This plugin loads the Inter font from Bunny Fonts (https://fonts.bunny.net) on
   the plugin’s admin settings pages. This is used to style the plugin’s administration
   interface. No user data is sent to this service; only a standard HTTP request
   is made to load the font CSS file. This request is only made when an admin user
   visits the plugin’s settings pages.

Bunny Fonts is a GDPR-compliant font delivery service provided by BunnyWay d.o.o.

 * Service: [Bunny Fonts](https://fonts.bunny.net)
 * Terms of Service: [https://bunny.net/tos/](https://bunny.net/tos/)
 * Privacy Policy: [https://bunny.net/privacy/](https://bunny.net/privacy/)

### Developer Information

#### Hooks and Filters

**Actions**
 // Before popup is shown do_action(‘abovewp_atc_before_popup’, $product_id,
$upsell_data);

    ```
    // After popup is shown
    do_action('abovewp_atc_after_popup', $product_id, $upsell_data);
    ```

**Filters**
 // Modify upsell data $upsell_data = apply_filters(‘abovewp_atc_upsell_data’,
$upsell_data, $product_id);

    ```
    // Modify popup HTML
    $popup_html = apply_filters('abovewp_atc_popup_html', $popup_html, $upsell_data);

    // Add custom button selectors
    $selectors = apply_filters('abovewp_atc_button_selectors', $selectors);
    ```

#### Custom Integration

    ```
    // Manually trigger popup with custom data
    if (typeof AtcPopupUpsell !== 'undefined') {
        AtcPopupUpsell.showPopup({
            added_product_name: 'Product Name',
            upsell_products: [
                {
                    id: 123,
                    name: 'Upsell Product',
                    price_html: '$19.99',
                    image: 'image-url.jpg'
                }
            ]
        });
    }
    ```

## Capturas

[⌊Plugin settings page - Configure upsell sources and customization options⌉⌊Plugin
settings page - Configure upsell sources and customization options⌉[

Plugin settings page – Configure upsell sources and customization options

## Instalación

 1. Upload the plugin files to `/wp-content/plugins/abovewp-atc-popup-upsell/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Navigate to **AboveWP > ATC Upsell Popup** to configure settings
 4. Configure your upsell products and customize the popup appearance

## FAQ

### Why is the popup not showing?

 1. **Check Plugin Settings**: Ensure the plugin is enabled in settings
 2. **Verify Upsell Products**: Make sure upsell products are properly configured
 3. **Theme Conflicts**: Check if your theme overrides WooCommerce functionality
 4. **Caching**: Clear all caches (site, CDN, and browser)
 5. **JavaScript Errors**: Check browser console for errors

### Does it work with my theme?

Yes! The plugin is designed for universal theme compatibility. It works with:
 *
All popular WordPress themes (Astra, GeneratePress, OceanWP, Divi, etc.) * Custom
themes * Page builder themes (Elementor, Beaver Builder, etc.) * WooCommerce-specific
themes

### Why does it work on some pages but not others?

The plugin now loads on all pages with WooCommerce content. If you’re using custom
add-to-cart buttons, ensure they have proper data attributes. The plugin handles
both AJAX and non-AJAX scenarios automatically.

### How can I improve performance?

 1. **Reduce Upsell Count**: Display fewer upsell products
 2. **Optimize Images**: Compress upsell product images
 3. **Use Caching**: Implement a caching plugin for better performance

### How do I enable debug mode?

Add this to your `wp-config.php` file:
 define(‘WP_DEBUG’, true); define(‘WP_DEBUG_LOG’,
true);

Then check the browser console for debug messages.

### How do I add custom add-to-cart buttons?

If your theme uses custom add-to-cart buttons, ensure they have one of these attributes:

**Method 1: Product ID in value**
 Add to Cart

**Method 2: Data attribute**
 Add to Cart

**Method 3: URL parameter**
 [Add to Cart](https://es.wordpress.org/plugins/abovewp-add-to-cart-upsell-popup/?add-to-cart=123)

**Method 4: Within form**

 Add to Cart

### Can I customize the popup appearance?

Yes! The plugin offers extensive customization options:
 * Custom colors for prices
and buttons * Customizable text and messages * Button visibility settings * Responsive
design options

### Does it work with caching plugins?

Yes! The plugin is designed to work with aggressive caching through:
 * Session-
based fallbacks * Transient data storage * Browser storage integration * Enhanced
detection methods

## Reseñas

No hay valoraciones para este plugin.

## Colaboradores y desarrolladores

«AboveWP Add To Cart Upsell Popup» es un software de código abierto. Las siguientes
personas han colaborado con este plugin.

Colaboradores

 *   [ AboveWP ](https://profiles.wordpress.org/wpabove/)
 *   [ Petar Petrov ](https://profiles.wordpress.org/pdpetrov98/)

[Traduce «AboveWP Add To Cart Upsell Popup» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/abovewp-add-to-cart-upsell-popup)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/abovewp-add-to-cart-upsell-popup/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/abovewp-add-to-cart-upsell-popup/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/abovewp-add-to-cart-upsell-popup/)
por [RSS](https://plugins.trac.wordpress.org/log/abovewp-add-to-cart-upsell-popup/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.0.1 – Enhanced Compatibility Update

 * **Added**: 5 different add-to-cart detection methods
 * **Added**: Support for non-AJAX add-to-cart scenarios
 * **Added**: Universal button selector system
 * **Added**: Enhanced page detection for page builders
 * **Added**: Improved session and transient handling
 * **Added**: Better caching compatibility
 * **Improved**: CSS with !important declarations for theme override protection
 * **Improved**: JavaScript error handling and fallbacks
 * **Improved**: Mobile responsiveness
 * **Fixed**: Product ID extraction from various button types
 * **Fixed**: Popup display on custom theme implementations
 * Tested up to WordPress 7.1 and WooCommerce 11.1

#### 1.0.0 – Initial Release

 * Initial release
 * Basic AJAX add-to-cart support
 * WooCommerce upsells integration
 * Customizable popup design

## Meta

 *  Versión **1.0.1**
 *  Última actualización **hace 1 mes**
 *  Instalaciones activas **Menos de 10**
 *  Versión de WordPress ** 5.0 o superior **
 *  Probado hasta **7.1.3**
 *  Versión de PHP ** 7.2 o superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/abovewp-add-to-cart-upsell-popup/)
 * Etiquetas:
 * [add to cart](https://es.wordpress.org/plugins/tags/add-to-cart/)[cross-sell](https://es.wordpress.org/plugins/tags/cross-sell/)
   [popup](https://es.wordpress.org/plugins/tags/popup/)[upsell](https://es.wordpress.org/plugins/tags/upsell/)
   [woocommerce](https://es.wordpress.org/plugins/tags/woocommerce/)
 *  [Vista avanzada](https://es.wordpress.org/plugins/abovewp-add-to-cart-upsell-popup/advanced/)

## Valoraciones

Aún no se han enviado valoraciones.

[Tu valoración](https://wordpress.org/support/plugin/abovewp-add-to-cart-upsell-popup/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/abovewp-add-to-cart-upsell-popup/reviews/)

## Colaboradores

 *   [ AboveWP ](https://profiles.wordpress.org/wpabove/)
 *   [ Petar Petrov ](https://profiles.wordpress.org/pdpetrov98/)

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/abovewp-add-to-cart-upsell-popup/)