WooCommerce Upsales Pop-up by TekCreative
TekCreative developed WooCommerce Upsales Pop-up, a custom plugin designed to help online stores increase average order value through targeted product offers. The plugin displays a configurable upsell pop-up immediately after a customer adds a product to their cart, creating an opportunity to recommend complementary or higher-value products while purchase intent is high.
With support for simple and variable products, interactive product galleries, variation selectors and AJAX-powered cart updates, the plugin makes it easy for customers to add more items without interrupting their shopping journey. A complementary cart-page upsell section provides another opportunity to recommend relevant products before checkout.
Store owners can manage products, messaging, timing, colours and styling from a dedicated WooCommerce settings interface, without writing code for routine changes. Built as a lightweight extension of WooCommerce, the plugin combines practical merchandising features with a shopping experience that can be tailored to each store’s branding.
The Problem WooCommerce Upsales Pop-up solves
The moment a customer adds a product to their cart presents an opportunity to recommend another relevant item. However, many WooCommerce stores move straight to the next step without presenting a complementary product or a suitable upgrade.
Store owners can use third-party upsell plugins, but some introduce more functionality and configuration than the task requires, while others offer limited control over product variations, appearance or the shopping experience. A generic pop-up can also feel disconnected from the store’s design, creating unnecessary friction at an important point in the customer journey.
TekCreative built WooCommerce Upsales Pop-up to address this specific need with a focused, configurable solution that integrates directly into the existing WooCommerce store.
What the Plugin Does
The plugin introduces two coordinated product recommendation features into the WooCommerce shopping journey.
Add-to-Cart Upsell Pop-up
After a customer adds a product to their cart, a configurable pop-up can appear following a merchant-defined delay. It presents a selected upsell product with an image gallery, live pricing, quantity controls and variation selectors for variable products.
Customers can select the appropriate product options and add the item to their order without a full page reload. Store owners can configure the display timing, text labels, default variation and subsequent cart behaviour through the plugin settings.
Cart Page Upsell Section
A dedicated upsell section displays selected product recommendations beneath the cart totals, offering customers another opportunity to add relevant items before proceeding to checkout.
Product cards support quantity adjustments and variable product selection, allowing customers to choose the appropriate options directly within the cart page.
Centralised Configuration and Styling
Both features are managed through a dedicated, tabbed settings interface within the WooCommerce administration menu. Store owners can configure products, adjust messaging and button labels, customise colours and add their own CSS without editing the plugin code.
The plugin also accounts for stock availability, backorder settings and products already present in the customer’s cart, helping keep recommendations relevant to the current order.
Why It Needed to Be Built
WooCommerce stores have different product catalogues, customer journeys and merchandising requirements. A store selling straightforward products may need only a simple complementary offer, while another selling configurable products needs customers to select attributes and variations before adding an upsell to their order.
Generic solutions do not always provide the right balance of functionality, design control and simplicity. Variable product handling can be particularly important, as an upsell needs to reflect the available options and pricing rather than treating every product as a single fixed item.
TekCreative developed a dedicated plugin around these requirements. The aim was to provide two useful upselling placements, support WooCommerce’s product types and cart behaviour, and give store owners control over the presentation without requiring ongoing developer involvement for everyday changes.
Why TekCreative Built It
TekCreative works with WooCommerce stores that need more than standard eCommerce functionality. Product recommendations and average order value are recurring considerations for online retailers, but the right implementation depends on the products being sold and how customers move through the store.
Rather than implementing similar custom functionality separately for individual projects, TekCreative developed WooCommerce Upsales Pop-up as a reusable plugin that can be configured for different stores. This provides a consistent foundation for product targeting, variation selection, cart interactions and visual customisation, while reducing the need to maintain separate bespoke implementations.
The plugin follows WordPress development practices, uses nonce verification and input sanitisation for relevant actions, and supports WooCommerce High-Performance Order Storage (HPOS). Its AJAX-driven interactions and conditional asset loading are intended to keep the implementation focused on the functionality being used.
How It Helps Businesses
Create More Opportunities for Additional Sales
The add-to-cart pop-up presents a selected product while the customer is already engaged with the store. This creates an opportunity to increase the value of an order by recommending relevant additional products at a natural point in the shopping journey.
Keep the Shopping Journey Moving
AJAX-powered interactions allow customers to select product options and add upsells without a full page reload. The pop-up can also be excluded from cart and checkout pages, avoiding interruptions at later stages of the purchase process.
Support Simple and Variable Products
Merchants can recommend both simple and variable products, with controls for attributes, variations and quantities. This makes the plugin suitable for catalogues where customers need to select a particular size, configuration or other product option.
Maintain Control Without Writing Code
Product selection, display timing, messaging, button labels and colours can be managed through the WordPress dashboard. Custom CSS provides further flexibility for stores that need a closer visual match to their existing theme.
Keep Recommendations Relevant
The plugin accounts for stock and backorder rules and can hide products that are already in the customer’s cart. These checks help prevent unsuitable recommendations and unnecessary duplication within the shopping journey.
Integrate with WooCommerce Architecture
Built as a dedicated WooCommerce extension, the plugin uses AJAX for cart interactions and supports HPOS. Conditional asset loading helps avoid loading the relevant frontend resources unnecessarily when the upsell functionality is not configured for display.
The Result
WooCommerce Upsales Pop-up gives TekCreative and its clients a reusable way to introduce targeted product recommendations into WooCommerce stores. It combines an add-to-cart pop-up and cart-page upsell section with variable product support, custom styling and centralised configuration.
The plugin provides the technical foundation for merchants to test different product recommendations and promotional messages within their existing shopping experience. Actual improvements in average order value or conversion rate will depend on the products offered, campaign setup and customer behaviour, so performance should be evaluated using each store’s own analytics.
Technology Stack
- WordPress and PHP: Plugin architecture, configuration and server-side functionality.
- WooCommerce: Product data, variation handling, cart integration and stock rules.
- JavaScript and jQuery: Interactive pop-up behaviour and AJAX cart updates.
- WordPress AJAX: Asynchronous requests without full page reloads.
- MySQL: WordPress and WooCommerce data storage.
- WooCommerce HPOS: Compatibility with High-Performance Order Storage.
- WordPress security APIs: Nonce verification, input sanitisation and permission-aware administration.
Built with the right technologies for a complex platform
Dancitive combines Laravel, React and Inertia.js with a range of supporting technologies and services to power its event management, social features, payments, mapping and administration.
More projects from our development team
Explore more custom platforms, business applications and digital solutions we’ve built for businesses with complex technical requirements.
CONTACT US
Get in touch
Got a custom development project, an integration that isn’t working or a platform that has outgrown its current build? Tell us what you’re dealing with, and we’ll review the technical requirements and recommend a practical way forward.
Give us a call and get an answer in seconds
Speak directly with our team about your platform, what you’re trying to improve and the technical challenges you’re facing. We’ll give you an honest view of what would be involved and where we can help.
Fill the contact form and we will contact you
Tell us about your current platform, what isn’t working properly, what you’re trying to build or where you need technical support. We’ll review the details and come back with a clear assessment and next steps.