
Plugin settings page - Configure upsell sources and customization options
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!
Add-to-Cart Detection
The plugin now uses 5 different methods to detect add-to-cart actions:
added_to_cart eventSupported 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
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.
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.
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);
// 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'
}
]
});
}