AboveWP

Petar Petrov

<p><strong>AboveWP Add To Cart Upsell Popup</strong> is a powerful WordPress plugin that displays upsell products in a beautiful popup after customers add items to their cart. <strong>Now enhanced for universal theme compatibility!</strong></p>
<h4>✨ Key Features</h4>
<ul>
<li><strong>Universal Theme Compatibility</strong>: Works with any WordPress theme, including custom themes, Elementor, and page builders</li>
<li><strong>Multiple Add-to-Cart Detection Methods</strong>: Supports both AJAX and non-AJAX add-to-cart scenarios</li>
<li><strong>Flexible Upsell Sources</strong>: Choose from WooCommerce upsells, global products, or category-based upsells</li>
<li><strong>Responsive Design</strong>: Optimized for all devices and screen sizes</li>
<li><strong>Customizable Appearance</strong>: Colors, text, and button visibility options</li>
<li><strong>Performance Optimized</strong>: Lightweight and cache-friendly</li>
<li><strong>Accessibility Ready</strong>: WCAG compliant with keyboard navigation and screen reader support</li>
</ul>
<h4>🔧 Enhanced Compatibility Features</h4>
<p><strong>Add-to-Cart Detection</strong><br />
The plugin now uses <strong>5 different methods</strong> to detect add-to-cart actions:</p>
<ol>
<li><strong>WooCommerce AJAX Events</strong>: Standard <code>added_to_cart</code> event</li>
<li><strong>Form Submission Monitoring</strong>: Detects non-AJAX form submissions</li>
<li><strong>Universal Button Clicking</strong>: Monitors all types of add-to-cart buttons</li>
<li><strong>URL Parameter Detection</strong>: Handles redirects with add-to-cart parameters</li>
<li><strong>Success Message Detection</strong>: Detects WooCommerce success messages</li>
</ol>
<p><strong>Supported Add-to-Cart Button Types</strong><br />
* Standard WooCommerce buttons (<code>.single_add_to_cart_button</code>, <code>.add_to_cart_button</code>)<br />
* AJAX buttons (<code>.ajax_add_to_cart</code>, <code>.product_type_simple</code>)<br />
* Custom theme buttons (<code>[name="add-to-cart"]</code>, <code>.wc-add-to-cart</code>)<br />
* Page builder buttons (Elementor, Gutenberg blocks)<br />
* Custom implementations with data attributes</p>
<p><strong>Theme Compatibility</strong><br />
* ✅ <strong>Storefront</strong>: Full compatibility (as before)<br />
* ✅ <strong>Astra</strong>: Full compatibility<br />
* ✅ <strong>GeneratePress</strong>: Full compatibility<br />
* ✅ <strong>OceanWP</strong>: Full compatibility<br />
* ✅ <strong>Divi</strong>: Full compatibility<br />
* ✅ <strong>Elementor Pro</strong>: Full compatibility<br />
* ✅ <strong>Custom Themes</strong>: Enhanced detection methods ensure compatibility</p>
<h4>🎯 Upsell Sources</h4>
<p><strong>1. WooCommerce Upsells</strong><br />
Uses the built-in WooCommerce upsells defined for each product.</p>
<p><strong>2. Global Products</strong><br />
Define specific product IDs to show as upsells for all products.<br />
Example: 123, 456, 789</p>
<p><strong>3. Category-based Upsells</strong><br />
Set different upsell products for each product category.</p>
<h4>🎨 Customization Options</h4>
<ul>
<li><strong>Popup Title</strong>: Customize the header text</li>
<li><strong>Success Message</strong>: Personalize the “added to cart” message</li>
<li><strong>Button Text</strong>: Customize all button labels</li>
<li><strong>Colors</strong>: Set colors for prices and buttons</li>
<li><strong>Button Visibility</strong>: 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><strong>JavaScript Bundle</strong>: ~15KB minified</li>
<li><strong>CSS Bundle</strong>: ~5KB minified</li>
<li><strong>Page Load Impact</strong>: <100ms</li>
<li><strong>Memory Usage</strong>: <1MB<br />
<h3>External Services</h3>
<p>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>
<p>Bunny Fonts is a GDPR-compliant font delivery service provided by BunnyWay d.o.o.</p>
<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>
<p><strong>Actions</strong><br />
    // Before popup is shown<br />
    do_action(‘abovewp_atc_before_popup’, $product_id, $upsell_data);</p>
<pre><code>// After popup is shown
do_action('abovewp_atc_after_popup', $product_id, $upsell_data);
</code></pre>
<p><strong>Filters</strong><br />
    // Modify upsell data<br />
    $upsell_data = apply_filters(‘abovewp_atc_upsell_data’, $upsell_data, $product_id);</p>
<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.

SparkPlugins

<h3>Boost WooCommerce Sales by showing your customers products they want!</h3>
<p><em>Amazon-style up & cross sells using smart product bundles.</em></p>
<p><strong>SparkFBT</strong> helps you raise your average order value and sell more by suggesting products <strong>Frequently Bought Together</strong> across your shop.</p>
<p><a href="https://sparkplugins.com/sparkfbt" rel="nofollow ugc">SparkFBT Website</a> | <a href="https://demo.sparkplugins.com/sparkfbt-demo" rel="nofollow ugc">Demo</a> | <a href="https://sparkplugins.com/support" rel="nofollow ugc">Support</a> | <a href="https://sparkplugins.com/documentation" rel="nofollow ugc">Documentation</a></p>
<h3>👍 Product Recommendations</h3>
<p>Our SparkFBT Plugin for WooCommerce automatically calculates, based on actual order history & customer purchasing habits of your webshop, what products to recommend (smart bundles to upsell or cross sell) for any particular product in your WooCommerce webshop.</p>
<h3>🎨 Customization Options</h3>
<p>By default, SparkFBT adds Frequently Bought Together Products in the identical style your WooCommerce template offers them, so you don't need to worry about the looks.</p>
<p>Want to customize the looks of the Frequently Bought Together Products on your website? Just go ahead and do so 😎. No coding skills required.</p>
<p>Did I mention that the products can also be inserted in a carousel (PRO) to become a slider?</p>
<h3>📍 You control the location(s) of the Frequently Bought Together Products</h3>
<p>SparkFBT offers 3 WooCommerce positions to place a Frequently Bought Together section (Product Detail page, Cart page and Checkout page).</p>
<p>Besides these fixed positions also a shortcode is generated to place the product recommendations on any position you like.</p>
<p>Do you want several sections (PRO) showing your Frequently Bought Together Products throughout your website, perhaps with a different design, number of products, etc? We've got you covered as well!</p>
<h3>📱 Responsive Design</h3>
<p>The plugin is fully responsive, including the admin area, ensuring a seamless browsing and managing experience across all devices and screen sizes.</p>
<h3>🏁 Next, Next, Finish</h3>
<p>Build up your recommendations with the helpful wizard, which guides you through the process of creating a new product promotion.</p>
<h3>📈 What about analytics?</h3>
<p>With SparkFBT, you have access to powerful analytics (PRO) that help you understand your customers' preferences and behaviors. This valuable data empowers you to refine your marketing strategies and product recommendations, turning more visitors into satisfied customers and boosting conversion rates.</p>
<h3>😎 Want even more features?</h3>
<p><strong><a href="https://www.sparkplugins.com/sparkfbt" rel="nofollow ugc">Get SparkFBT PRO</a>:</strong></p>
<ul>
<li><strong>Shop the combination</strong>: let your customer add a selection of the shown products to their cart immediately</li>
<li><strong>Unlimited number of Frequently Bought Together sections</strong> to be created</li>
<li><strong>Unlimited number of locations</strong> to show a Frequently Bought Together section</li>
<li>Place the Frequently Bought Together Products <strong>anywhere using blocks</strong></li>
<li>Show a Frequently Bought Together products <strong>carousel (slider)</strong></li>
<li><strong>Analytics</strong> on the performance of your FBT section(s)</li>
</ul>
<h3>Part of SparkWoo</h3>
<p><strong>SparkFBT</strong> seamlessly integrates with the entire SparkWoo suite, a collection of powerful product recommendation plugins like our <a href="https://wordpress.org/plugins/sparkair" rel="ugc">Recommendations for WooCommerce driven by AI!</a> plugin. Together, these plugins create a unified base that enhances your webshop’s marketing capabilities. With seamless integration, you can leverage the full potential of the SparkWoo plugins, combining the features of different plugins to create a cohesive and effective product promotion strategy.</p>
<p>Below is the full list of plugins working seamlessly together:</p>
<ul>
<li><a href="https://wordpress.org/plugins/sparkair" rel="ugc">SparkAIR – Recommendations for WooCommerce driven by AI!</a></li>
<li><a href="https://wordpress.org/plugins/sparkrvp" rel="ugc">SparkRVP – WooCommerce Recently Viewed Products</a></li>
<li><a href="https://wordpress.org/plugins/sparkfp" rel="ugc">SparkFP – WooCommerce Featured Products</a></li>
</ul>
<h3>Support and feedback</h3>
<p>If you have any questions, issues, or suggestions regarding the <strong>SparkFBT</strong> plugin, please feel free to reach out to our support team via our <a href="https://sparkplugins.com/support" rel="nofollow ugc">SparkPlugins website</a>. We value your feedback and improve the plugin continuously based on your input.</p>


SparkFBT – WooCommerce Frequently Bought Together

Boost WooCommerce Sales by showing your customers products they want!

AboveWP Add To Cart Upsell Popup vs SparkFBT – WooCommerce Frequently Bought Together