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.

zubiai

<h4>Grow your store. The best growth data platform for customer-first merchants.</h4>
<p>Useful tools to grow smarter. Powerful personalization, marketing automation and growth analytics to help you convert, engage, and retain more customers.</p>
<h4>Personalization</h4>
<p>Engage offers a variety of different personalization features, all powered by AI-algorithms.</p>
<p>On-site Product Recommendations</p>
<p>Product recommendations are becoming an essential part of e-commerce stores. Not only to solve the task of putting the right product in front of the right customer, but also to improve the store navigation for customers browsing things they are, or could be, interested in. Recommendations help you drive revenue through cross-selling and up-selling, but it also drives revenue by increasing the customer experience on your site. Our recommendations drive an increase in revenue that is often noticeable within a few weeks, along with increase in engagement and time spent on store.</p>
<p>Product recommendations in email</p>
<p>Customers are looking for a personalized experience throughout the customer journey. Hence, it is important not only to personalize their experience on site, but also in all types of communication. Engage offer a feature to dynamically include product recommendations in emails, which will be derived based on each individual customer profile at the moment of opening the email.</p>
<h4>Marketing automation</h4>
<p>Deploy Pixels and trackers</p>
<p>Websites often use multiple advertising pixels to run advertising campaigns. Most often at least the Facebook Pixels and Google Tags are deployed to run ads. Engage let you setup and integrate a bundle of pixels with just a few clicks to give you full control, simple implementation and coherent data across all platforms.</p>
<p>Personalized landing pages for marketing automation</p>
<p>This smart feature recognizes when visitors arrives from ad networks and automatically turns your product page into a landing page that displays additional products that can be relevant to the visitor. Boost your return on ad spend (ROAS) today, let Engage optimize your product page based on the visitors origin.</p>
<p>Customer segmentation</p>
<p>By segmenting customers with similar characteristics you can tailor your communication to make it more personal and appealing to the receiver. Engage offers prebuilt and ready-to-use AI-driven segments and the tools for creating your own based on various customer attributes.</p>
<h4>Analytics</h4>
<p>Data is one of your biggest assets and most important tool to understand your customers, products and overall performance of your business. Engage enables you to analyze your data using our pre-built, ready-to-use, analytics reports and a framework for building your own, without the pre-requisite of technical knowledge. Out of the box RFM, CLV (Customer Lifetime Value) and cohort analysis.</p>
<p>Data pipelines</p>
<p>Distribute your data as you see fit. Power your third party apps with the same data and get consistency across your tech stack. We offer integrations to apps and storage solutions to make your data as useful as possible.</p>
<h4>Pricing</h4>
<p>Visit https://engage.zubi.ai to read more about our pricing.</p>
<p>An Engage account is required and additional fees may apply.</p>
<h4>Features</h4>
<ul>
<li>Powerful AI-powered personalization</li>
<li>Automated product recommendations</li>
<li>Personalized landing pages for marketing automation</li>
<li>Data collection & Data Warehouse</li>
<li>Customer Data Platform</li>
<li>Dynamic audiences for marketing automation</li>
<li>Customer analytics & segmentation</li>
<li>Automated data capturing & one-click integrations</li>
<li>Automated pixel implementation</li>
<li>Data pipelines</li>
</ul>
<h4>What else is there to your service?</h4>
<p>Engage is essentially a full range data platform for e-commerce. Engage aims to improve customer experience and increase revenue. Furthermore, Engage enables visitor tracking and granular data capturing for improved analytics, statistics and data warehousing capabilities.</p>
<h4>Easily Integrate to engage.zubi.ai</h4>
<p>This plugin integrates to the Engage platform provided by zubi.ai. To fully utilize the functionality you need an account, get one at engage.zubi.ai</p>
<h4>Credits</h4>
<p>This plugin is created by <a href="https://zubi.ai/" title="zubi.ai" rel="friend nofollow ugc">zubi.ai</a>.</p>
<h3>Notes</h3>
<p>This plugin requires that the WooCommerce plugin is installed and activated.</p>


Engage for WooCommerce

Engage is a Growth Platform for E-commerce. Using Engage, an e-commerce store get all the tools required to drastically enhance the results of everyth …

AboveWP Add To Cart Upsell Popup vs Engage for WooCommerce