AboveWP

Petar Petrov

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!
<h4>✨ Key Features</h4>
<ul>
<li>Universal Theme Compatibility: Works with any WordPress theme, including custom themes, Elementor, and page builders</li>
<li>Multiple Add-to-Cart Detection Methods: Supports both AJAX and non-AJAX add-to-cart scenarios</li>
<li>Flexible Upsell Sources: Choose from WooCommerce upsells, global products, or category-based upsells</li>
<li>Responsive Design: Optimized for all devices and screen sizes</li>
<li>Customizable Appearance: Colors, text, and button visibility options</li>
<li>Performance Optimized: Lightweight and cache-friendly</li>
<li>Accessibility Ready: WCAG compliant with keyboard navigation and screen reader support</li>
</ul>
<h4>🔧 Enhanced Compatibility Features</h4>
Add-to-Cart Detection 
The plugin now uses 5 different methods to detect add-to-cart actions:
<ol>
<li>WooCommerce AJAX Events: Standard <code>added_to_cart</code> event</li>
<li>Form Submission Monitoring: Detects non-AJAX form submissions</li>
<li>Universal Button Clicking: Monitors all types of add-to-cart buttons</li>
<li>URL Parameter Detection: Handles redirects with add-to-cart parameters</li>
<li>Success Message Detection: Detects WooCommerce success messages</li>
</ol>
Supported Add-to-Cart Button Types 
* Standard WooCommerce buttons (<code>.single_add_to_cart_button</code>, <code>.add_to_cart_button</code>) 
* AJAX buttons (<code>.ajax_add_to_cart</code>, <code>.product_type_simple</code>) 
* Custom theme buttons (<code>[name="add-to-cart"]</code>, <code>.wc-add-to-cart</code>) 
* 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
<h4>🎯 Upsell Sources</h4>
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.
<h4>🎨 Customization Options</h4>
<ul>
<li>Popup Title: Customize the header text</li>
<li>Success Message: Personalize the “added to cart” message</li>
<li>Button Text: Customize all button labels</li>
<li>Colors: Set colors for prices and buttons</li>
<li>Button Visibility: Show/hide View Cart, Checkout, and Continue Shopping buttons</li>
</ul>
<h4>🌐 Browser Support</h4>
<ul>
<li>Chrome 70+</li>
<li>Firefox 65+</li>
<li>Safari 12+</li>
<li>Edge 79+</li>
<li>Internet Explorer 11 (limited support)</li>
</ul>
<h4>⚡ Performance Metrics</h4>
<ul>
<li>JavaScript Bundle: ~15KB minified</li>
<li>CSS Bundle: ~5KB minified</li>
<li>Page Load Impact: <100ms</li>
<li>Memory Usage: <1MB 
<h3>External Services</h3>
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.</li>
</ul>
Bunny Fonts is a GDPR-compliant font delivery service provided by BunnyWay d.o.o.
<ul>
<li>Service: <a href="https://fonts.bunny.net" rel="nofollow ugc">Bunny Fonts</a></li>
<li>Terms of Service: <a href="https://bunny.net/tos/" rel="nofollow ugc">https://bunny.net/tos/</a></li>
<li>Privacy Policy: <a href="https://bunny.net/privacy/" rel="nofollow ugc">https://bunny.net/privacy/</a></li>
</ul>
<h3>Developer Information</h3>
<h4>Hooks and Filters</h4>
Actions 
 // Before popup is shown 
 do_action(‘abovewp_atc_before_popup’, $product_id, $upsell_data);
<pre><code>// After popup is shown
do_action('abovewp_atc_after_popup', $product_id, $upsell_data);
</code></pre>
Filters 
 // Modify upsell data 
 $upsell_data = apply_filters(‘abovewp_atc_upsell_data’, $upsell_data, $product_id);
<pre><code>// 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);
</code></pre>
<h4>Custom Integration</h4>
<pre><code>// 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'
 }
 ]
 });
}
</code></pre>

AboveWP Add To Cart Upsell Popup

Display upsell products in a popup after add-to-cart. Works with any theme.

Mahbub Hasan Imon

Dynamicblock

gotour

<a href="https://www.dynamicblock.ai/?utm_medium=referral&utm_source=wordpress.org&utm_campaign=wp_org_repo_listing" title="Dynamic Blocks" rel="nofollow ugc">DynamicBlocks</a> allows you to add product recommendations, bundles and upsell blocks to WooCommerce using flexible dynamic options.
The plugin provides conditional rules, customizable display settings and seamless integration with standard WooCommerce pages. This helps store owners show relevant products in different steps of the shopping experience without requiring coding skills. You can choose where each block appears, define which products to highlight and adjust the layout based on your store’s needs.
DynamicBlocks is designed to work with themes and WooCommerce templates in a lightweight and compatible way.
<h3>How DynamicBlocks Works</h3>
<ul>
<li>1️ Create a Recommendation Block: Select the products you want to promote or let the system choose them based on conditions.</li>
<li>2️ Choose Display Locations: Decide where the block appears, from product pages to checkout.</li>
<li>3️ Set Dynamic Conditions: Use flexible rules to show the most relevant products to each customer.</li>
<li>4️ Customize the Layout: Adjust grid, carousel and content settings to match your store design.</li>
</ul>
<h3>Key Features</h3>
<ul>
<li>✅ Upsell, Cross-sell: Display relevant or complementary products to encourage additional purchases.</li>
<li>✅ Product Bundles: Create product bundles by combining multiple products into a single offer with optional discounts.</li>
<li>✅ Product Add-ons: Offer extra items or accessories that customers can optionally include with their purchase.</li>
<li>✅ Recommendations on Multiple Pages: Place recommendations on product pages, categories, cart, checkout, and post-purchase to maximize conversions.</li>
<li>✅ Dynamic Conditions: Includes an extensive set of conditional options to fine-tune product visibility for each customer.</li>
<li>✅ Customizable Layouts: Configure grid or carousel layouts and adjust the display according to your theme’s style.</li>
<li>✅ WooCommerce-Native Integration: Works with standard WooCommerce templates and requires no coding knowledge.</li>
</ul>
<h3>Additional Resources</h3>
<ul>
<li><a href="https://demo.dynamicblock.ai/shop/white-woman-body-dress-with-wide-skirt/" rel="nofollow ugc">Live Demo</a></li>
<li><a href="https://www.dynamicblock.ai/knowledge-base/?utm_medium=referral&utm_source=wordpress.org&utm_campaign=wp_org_repo_listing" title="Knowledge Base & Documentation" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/dynamic-blocks-builder/" rel="ugc">Support Forum</a></li>
<li><a href="https://www.dynamicblock.ai/?utm_medium=referral&utm_source=wordpress.org&utm_campaign=wp_org_repo_listing" title="Dynamic Blocks website" rel="nofollow ugc">DynamicBlocks Website</a></li>
</ul>
<h3>Types of Recommendation Campaigns</h3>
DynamicBlocks supports a wide range of recommendation strategies, including:
<h3>Upsell & Cross-sell</h3>
<ul>
<li>✅ Upsell on Related Products: Suggest premium or more advanced alternatives.</li>
<li>✅ Cross-sell in Cart: Add complementary products before checkout.</li>
<li>✅ Upsell at Checkout: Showcase strategic extra products before payment.</li>
<li>✅ Post-Purchase Recommendations: Suggest useful products immediately after an order.</li>
<li>✅ Add-on Sell: Offer extra items like accessories, extended warranties, or premium upgrades.</li>
</ul>
<h3>Smart & Personalized Recommendations</h3>
<ul>
<li>✅ Recommended for You: Tailor suggestions based on customer interests and store data.</li>
<li>✅ Top Selling Products: Showcase best-selling items to increase trust and encourage purchases.</li>
<li>✅ New Arrivals: Highlight the latest products to attract more customers.</li>
<li>✅ Recently Viewed Products: Remind customers of items they’ve already checked out.</li>
<li>✅ Frequently Bought Together: Suggest product combinations that are often purchased together.</li>
<li>✅ You May Also Like: Display recommendations based on customer preferences and shopping behavior.</li>
<li>✅ Alternative & Similar Products: Offer product alternatives or variations to maximize conversions.</li>
<li>✅ Popular Right Now / Trending Now: Highlight the most searched and trending products in real time.</li>
<li>✅ Best Sellers: Showcase your store’s top-selling items to drive conversions.</li>
<li>✅ Top Rated: Recommend products with the best reviews to build customer confidence.</li>
</ul>
<h3>Promotions & Bundles</h3>
<ul>
<li>✅ Additional Accessories & Bundles: Offer product combinations with complementary items.</li>
<li>✅ On Sale Products: Promote discounted products to encourage quick purchases.</li>
<li>✅ Cart Value-Based Promotions: Suggest products that help customers reach free shipping thresholds or apply optional discounts for multi-item purchases.</li>
<li>✅ Seasonal & Special Event Recommendations: Promote products based on holidays, trends, or special campaigns.</li>
</ul>
<h3>⭐ Upgrade to DynamicBlocks PRO & Unlock Exclusive Features!</h3>
Upgrade to <a href="https://www.dynamicblock.ai/?utm_medium=referral&utm_source=wordpress.org&utm_campaign=wp_org_repo_listing" title="Dynamic Blocks Plugin for WordPress & Woocommerce" rel="nofollow ugc">DynamicBlocks PRO Plugin</a> and get advanced features:
<ul>
<li>✅ Dynamic Product Bundles</li>
<li>✅ Dynamic Product Add-ons</li>
<li>✅ Advanced Conditional Logic</li>
</ul>
➜ More details are available on the website.

DynamicBlocks – Product Recommendations & Bundles for WooCommerce

Create product recommendations, bundles and upsell blocks for WooCommerce with flexible dynamic options and customizable display rules.

AboveWP Add To Cart Upsell Popup vs DynamicBlocks – Product Recommendations & Bundles for WooCommerce