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.

Zamzamcoders

<a href="https://zamzamcoders.com/bought-together/product/black-google-assistance/" rel="nofollow ugc">Live Demo</a> | <a href="https://zamzamcoders.com/docs/docs/frequently-bought-together/" rel="nofollow ugc">Documentation</a> | <a href="https://www.templatemonster.com/wordpress-plugins/easy-frequently-bought-together-woocommerce-upsell-amp-cross-sell-wordpress-plugin-557176.html" rel="nofollow ugc">Get Pro</a>**
Easy Frequently Bought Together for WooCommerce is a WooCommerce plugin that allows customers to purchase related products together with discounts, boosting sales and enhancing user experience.
Boost your store’s sales and enhance the shopping experience with Frequently Bought Together. This powerful feature allows customers to purchase related or complementary products in just one click, making it easier for them to discover items that go perfectly together.
By showcasing relevant product bundles directly on the product page, you not only help shoppers find what they need faster but also encourage them to buy more. This results in higher average order value, increased sales, and greater profitability for your business — all while improving customer satisfaction.
*Creating a Frequently Bought Together Bundle 
Go to Dashboard → Bought Together and create a new bundle with the products you want. For each bundle item and the main product, you can also set a discount.
Assigning a Bundle to a Product 
Now we need to assign this “Frequently bought” bundle to a specific product that will display the “Frequently bought together” section on its page, so navigate to Dashboard -> Products, edit the appropriate product and in the product data settings define any “Frequently bought” bundle in the “Frequently Bought Together” tab.
<h4>How does it work?</h4>
With the Frequently Bought Together feature, you can create custom product bundles and assign them to any product in your store. You can also offer special discounts on these bundles, helping to boost sales and increase your store’s revenue.
<h3>🎁 Free Features</h3>
<ul>
<li>Easily manage product recommendations for each product</li>
<li>You can customize the title and “Add to Cart” text in the Frequently Bought Together section.</li>
<li>You can customize the colors of the Frequently Bought Together section..</li>
<li>Hide Out-Of-Stock Products – Hide out-of-stock products from being shown in the recommendation product bundle item.</li>
<li>Users can choose to customize the checkbox selection in the Frequently Bought Together section.</li>
<li>You can enable or disable the customization option.</li>
</ul>
<h3>🔥🔥 Premium Features:</h3>
<ul>
<li>Multiple Types of Product – reate upsells, cross-sells, and related product recommendations and show them as frequently bought together.</li>
<li>Customize the Bundle Product – Choose multiple layouts such as table view, Grid view for the recommendation widget. </li>
<li>Discounts on Product Bundles – Give exclusive discounts to customers when purchasing the recommended product bundle.</li>
<li>Custom Section Placement – Choose where to display the “Frequently Bought Together” section.</li>
<li>How Many Products to Recommend – Specify the number of products to be recommended in the frequently bought together widget.</li>
<li>Variation Selection Support – Let shoppers choose product variations (size, color, etc.) directly within the “Frequently Bought Together” section.</li>
<li>Random or Limited Display – Choose to show all bundle products or a specific number randomly.</li>
<li>Minimum Purchase Amount for Discounts – Ensure a discount applies only when the cart reaches a set minimum purchase amount.</li>
<li>Global Bundle Discount – Apply a global discount across all bundles.</li>
<li>Premium Support Access – Get priority help from our expert support team.</li>
</ul>
<h3>Freequently Asked Questions</h3>
<h4>What discount options are supported?</h4>
It supports percentage (%), fixed price discounts, and custom bundle discounts.
<h3>Requirements</h3>
<pre><code>WordPress version at least: 6.0
WooCommerce version at least: 9.0
PHP version at least: 8.1 (recommended)
</code></pre>

Easy Frequently Bought Together for WooCommerce

Sell more by bundling related products — Easy Frequently Bought Together for WooCommerce lets customers buy together with smart discounts.

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