Petar Petrov

AboveWP

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

Digital Lychee

<p><strong>DL Frequently Bought Together</strong> adds a simple, flexible upsell system to WooCommerce product pages, allowing store owners to group products that are commonly purchased together.</p>
<p>Each product can define its own “Frequently Bought Together” set from within the product editor. On the frontend, customers can select which products to include, choose variations where applicable, and add everything to the basket in a single action.</p>
<p>Pricing updates dynamically and supports mixed VAT rules (some products taxable, others not).</p>
<h3>Key Features</h3>
<ul>
<li>Add a <strong>Frequently Bought Together</strong> panel to product pages</li>
<li>Select bundled products directly in the product editor</li>
<li>Supports <strong>simple and variable products</strong></li>
<li>Dynamic total price calculation (incl. & excl. VAT)</li>
<li>One-click “Add all to basket” button</li>
<li>Automatically excludes unavailable or out-of-stock variations</li>
<li>Lightweight, no frontend dependencies</li>
</ul>
<h3>How It Works</h3>
<h3>Admin (Product Editor)</h3>
<ol>
<li>Edit any WooCommerce product</li>
<li>Open the <strong>Frequently Bought Together</strong> tab</li>
<li>Select one or more products to associate</li>
<li>Save the product</li>
</ol>
<p>Each product has its own independent bundle configuration.</p>
<h3>Frontend (Product Page)</h3>
<ul>
<li>The bundle appears below the product summary</li>
<li>Customers can:
<ul>
<li>Toggle items on/off</li>
<li>Select variations where required</li>
</ul>
</li>
<li>Prices update instantly as selections change</li>
<li>Clicking <strong>Add all to basket</strong> adds all selected items to the basket</li>
</ul>
<h3>Variable Products</h3>
<p>Variable products always default to a valid, purchasable variation to avoid ambiguous pricing or invalid selections.</p>
<p>If no purchasable variations exist, the product is excluded from the bundle entirely.</p>
<h3>Requirements</h3>
<ul>
<li>WooCommerce 6.0+</li>
<li>PHP 8.3+</li>
<li>JavaScript enabled on the frontend</li>
</ul>


DL Frequently Bought Together

Adds a “Frequently Bought Together” bundle section to WooCommerce product pages, with dynamic pricing and one-click add-to-cart.

AboveWP Add To Cart Upsell Popup vs DL Frequently Bought Together