內容簡介
AboveWP Add To Cart Upsell Popup 是一款強大的 WordPress 外掛，能在顧客將商品加入購物車後，透過美觀的彈出視窗展示加購產品，並且支援各種佈景主題。
【主要功能】
• 通用佈景主題相容性：支援所有 WordPress 佈景主題
• 多種加入購物車偵測方法：支援 AJAX 和非 AJAX 情境
• 彈性加購來源：可選擇 WooCommerce 加購、全球產品或分類加購
• 響應式設計：適用於所有裝置與螢幕尺寸
• 可自訂外觀：顏色、文字及按鈕可見性選項
• 性能優化：輕量且友善快取
外掛標籤
開發者團隊
② 後台搜尋「AboveWP Add To Cart Upsell Popup」→ 直接安裝（推薦）
原文外掛簡介
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!
✨ Key Features
Universal Theme Compatibility: Works with any WordPress theme, including custom themes, Elementor, and page builders
Multiple Add-to-Cart Detection Methods: Supports both AJAX and non-AJAX add-to-cart scenarios
Flexible Upsell Sources: Choose from WooCommerce upsells, global products, or category-based upsells
Responsive Design: Optimized for all devices and screen sizes
Customizable Appearance: Colors, text, and button visibility options
Performance Optimized: Lightweight and cache-friendly
Accessibility Ready: WCAG compliant with keyboard navigation and screen reader support
🔧 Enhanced Compatibility Features
Add-to-Cart Detection
The plugin now uses 5 different methods to detect add-to-cart actions:
WooCommerce AJAX Events: Standard added_to_cart event
Form Submission Monitoring: Detects non-AJAX form submissions
Universal Button Clicking: Monitors all types of add-to-cart buttons
URL Parameter Detection: Handles redirects with add-to-cart parameters
Success Message Detection: Detects WooCommerce success messages
Supported Add-to-Cart Button Types
* Standard WooCommerce buttons (.single_add_to_cart_button, .add_to_cart_button)
* AJAX buttons (.ajax_add_to_cart, .product_type_simple)
* Custom theme buttons ([name="add-to-cart"], .wc-add-to-cart)
* 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
🎯 Upsell Sources
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.
🎨 Customization Options
Popup Title: Customize the header text
Success Message: Personalize the “added to cart” message
Button Text: Customize all button labels
Colors: Set colors for prices and buttons
Button Visibility: Show/hide View Cart, Checkout, and Continue Shopping buttons
🌐 Browser Support
Chrome 70+
Firefox 65+
Safari 12+
Edge 79+
Internet Explorer 11 (limited support)
⚡ Performance Metrics
JavaScript Bundle: ~15KB minified
CSS Bundle: ~5KB minified
Page Load Impact: <100ms
Memory Usage: <1MB
External Services
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.
Bunny Fonts is a GDPR-compliant font delivery service provided by BunnyWay d.o.o.
Service: Bunny Fonts
Terms of Service: https://bunny.net/tos/
Privacy Policy: https://bunny.net/privacy/
Developer Information
Hooks and Filters
Actions
// Before popup is shown
do_action(‘abovewp_atc_before_popup’, $product_id, $upsell_data);
// After popup is shown
do_action('abovewp_atc_after_popup', $product_id, $upsell_data);
Filters
// Modify upsell data
$upsell_data = apply_filters(‘abovewp_atc_upsell_data’, $upsell_data, $product_id);
// 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);
Custom Integration
// 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'
}
]
});
}
