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.

PI Web Solution

Products Frequently Bought Together for WooCommerce is a powerful plugin that helps you boost your sales by displaying frequently bought together products on your WooCommerce store. By showcasing related products, you can encourage customers to add more items to their cart, increasing your average order value.
The plugin analyzes your store’s order history to identify products that are commonly purchased together. Based on this data, it automatically suggests relevant products to customers when they view their cart.
<h3>Key Features</h3>
<ul>
<li>Intelligent Order Analysis: The plugin scans your past orders to find patterns and identify products that are frequently bought together.</li>
<li>Automatic Recommendations: Automatically displays “Frequently Bought Together” suggestions in the cart based on the items currently in the customer’s cart.</li>
<li>Seamless Cart Integration: Recommendations are shown directly in the cart, making it easy for customers to add them to their order.</li>
<li>One-Click Add to Cart: Customers can add recommended products to their cart with a single click.</li>
<li>Background Processing: The order analysis runs in the background, ensuring that your site’s performance is not impacted.</li>
<li>HPOS Compatible: Fully compatible with WooCommerce High-Performance Order Storage (HPOS).</li>
<li>Block Based Cart Support: The plugin supports the new block-based cart, ensuring that recommendations are displayed seamlessly in the latest WooCommerce cart design.</li>
</ul>
<h3>How it Works</h3>
<ol>
<li>Analyze Orders: Go to the plugin settings and start the order analysis. The plugin will process your order history to build a database of product associations.</li>
<li>Display Recommendations: When a customer adds a product to their cart, the plugin checks for any associated products.</li>
<li>Boost Sales: If a match is found, the recommended product is displayed in the cart, encouraging the customer to purchase more.</li>
</ol>
<h3>Benefits</h3>
<ul>
<li>Increase Average Order Value (AOV): Encourage customers to buy more by suggesting relevant add-ons and complementary products.</li>
<li>Automated Cross-Selling: Save time by letting the plugin automatically generate cross-sell recommendations based on real data.</li>
<li>Improve User Experience: Help customers find products they might need or want, enhancing their shopping experience.</li>
<li>Seamless Block Cart Integration: Ensures that recommendations are displayed seamlessly in the latest WooCommerce block-based cart design.</li>
</ul>

PiWeb Products Frequently Bought Together for WooCommerce

Product frequently bought together plugin for WooCommerce helps you to increase your sales by showing frequently bought together products.

AboveWP Add To Cart Upsell Popup vs PiWeb Products Frequently Bought Together for WooCommerce