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.

favizone

favizone plugin will offer your customers a fully personalized experience that influences their purchase behavior. You can easily display relevant product recommendations on every store page using our predefined fully customizable templates in just a few clicks.
Benefits of integrating Favizone to your store
Nurture your relationships with your customers with a fully personalized shopping experience 
 A no-code integration of predefined templates that perfectly fits your store\’s design 
Improve the quality of your customer sevice with the integration of a smart and virtual sales associate 
 Reduce cart and search abandoment, and boost conversion rates by offering your customers all the support they need in their buying decision
<h4>Our features:</h4>
You can display, on any store page, personalized product recommendations based on your customers\’ browsing activity 
Recommend complementary products on cart and post-purchase page while promoting the cross-selling 
Upsell similar products based on your customers\’ previous orders, browse history and preferences 
 Display alternative items when your shoppers land on error page or get empty search 
 Inspire your customer with tailored best-sellers, new arrivals, and promotions. 
 Track all your performance data with a user-friendly dashboard
<h4>Installation:</h4>
** MINIMUM REQUIREMENTS ** 
In order to be able to use Favizone plugin on Woocommerce, you need to have;
<ul>
<li>PHP 5.6.4 or higher</li>
<li>WordPress 3.8.3 or higher</li>
<li>Woocommerce 3.8.3 or higher</li>
</ul>
** AUTOMATIC INSTALLATION **
Automatic installation is the easiest option — WordPress will handle the file transfer, and you won’t need to leave your web browser. To do an automatic install of [Favizone: Product Reccomendation ], log in to your WordPress dashboard, navigate to the Plugins menu, and click “Add New.”
In the search field type “Conversell Voice Shopping and Order notification,” then click “Search Plugins.” Once you’ve found us, you can view details about it such as the point release, rating, and description. Most importantly of course, you can install it by! Click “Install Now,” and WordPress will take it from there.
** MANUAL INSTALLATION **
Manual installation method requires downloading the FAvizoen: Product Recomendation plugin and uploading it to your web server via your favorite FTP application. The WordPress codex contains <a href="https://wordpress.org/support/article/managing-plugins/#manual-plugin-installation" rel="ugc">instructions on how to do this here</a>.

Favizone Product Recommender

Favizone is a high-converting one-to-one product recommendations customized for every step of the customer journey.

AboveWP Add To Cart Upsell Popup vs Favizone Product Recommender