PickPair – Upsell, Cross-sell & Product Recommendations for WooCommerce

Pick Pair is a WooCommerce extension that helps store owners create and manage product recommendation campaigns throughout the customer purchasing journey.

The plugin provides multiple recommendation types that can be displayed on product pages, within the shopping cart, and during checkout. Each campaign can be configured independently, allowing recommendations to match your store’s products and purchasing flow.

Pick Pair is an extension for WooCommerce that works with products, pricing, the shopping cart, and checkout.

The plugin supports both Classic WooCommerce templates and WooCommerce Cart & Checkout Blocks, allowing stores to configure recommendation campaigns without modifying their existing layouts.

Recommendation campaigns can be created for individual products, product categories, shopping cart conditions, and customer-specific scenarios. Multiple campaigns may be active at the same time, each using its own display location, conditions, and recommended products.

The plugin includes campaign reporting to help store owners review recommendation activity and evaluate campaign performance.

Development Source

The complete human-readable source code used to build the distributed JavaScript and CSS assets is publicly available at:

https://github.com/codewithkaru/pickpair

Frontend assets can be rebuilt using:

1. cd frontend
2. npm install
3. npm run build

The production assets included in the plugin are generated from the source code located in frontend/src/.

Features

Pick Pair includes several recommendation types that can be enabled independently.

• Frequently Bought Together campaigns
• Product Bundles
• Product Page Add-ons
• Cart Recommendations
• Cart Upsells
• Checkout Recommendations
• Rules & Conditions
• Campaign Analytics
• WooCommerce Cart & Checkout Blocks support
• Responsive layouts
• AJAX-powered cart interactions

Each feature can be configured separately, allowing recommendation campaigns to match different products and purchasing scenarios.

Recommendation Locations

Recommendation campaigns can be displayed at multiple stages of the customer’s shopping experience.

Supported locations include:

• Single Product Pages
• Product Bundle Sections
• Product Add-on Sections
• Shopping Cart
• Cart Recommendation Areas
• Checkout

Each location can contain different recommendation campaigns with independent settings.

Frequently Bought Together

Frequently Bought Together campaigns display related products alongside the main product.

Customers can review multiple complementary products and add them to their shopping cart together without leaving the current product page.

This recommendation type is suitable for products that are commonly purchased together.

Examples include:

• Mobile Phone with Protective Case
• Laptop with Wireless Mouse
• Camera with Memory Card
• Bicycle with Helmet
• Printer with Ink Cartridge
• Coffee Machine with Coffee Capsules

Frequently Bought Together campaigns support:

• Multiple recommended products
• Optional product selection
• Required products
• Dynamic pricing
• Percentage discounts
• Fixed bundle pricing
• Live price calculations
• Stock validation
• Parent-child cart relationships

Campaigns in Pick Pair work with products and pricing in WooCommerce without requiring custom templates.

Product Bundles

Product Bundles allow multiple products to be grouped into a single recommendation campaign.

Bundles may contain required products, optional products, or a combination of both depending on the purchasing experience you want to provide.

Supported pricing methods include:

• Dynamic bundle pricing
• Percentage discounts
• Fixed bundle pricing
• Automatic price calculation

Bundle totals update automatically when optional products are selected or removed.

The plugin validates product availability before adding bundled products to the shopping cart.

Supported bundle features include:

• Unlimited bundle items
• Optional products
• Required products
• Individual product quantities
• Dynamic pricing
• Fixed pricing
• Percentage discounts
• Automatic discount calculation
• Stock validation
• Parent-child cart management

Bundles work with standard WooCommerce products and can be configured independently for different products throughout your store.

Product Page Add-ons

Product Page Add-ons allow additional products or optional services to be displayed directly on the product page before customers add the primary product to their shopping cart.

Common examples include:

• Gift Wrapping
• Extended Warranty
• Product Protection
• Installation Service
• Cleaning Kits
• Matching Accessories
• Premium Packaging

Supported display positions include:

• Above the Add to Cart button
• Below the Add to Cart button
• Below the Product Summary

Each add-on may be configured as:

• Optional
• Pre-selected
• Required

When associated products are added together, the relationship is maintained within the WooCommerce cart to help manage related products during checkout.

Product add-ons in Pick Pair work with WooCommerce pricing and inventory management.

Cart Recommendations

Customers often review the contents of their shopping cart before proceeding to checkout. Cart Recommendations provide an additional location for displaying related products that complement the items already added to the cart.

Recommendations can be displayed using supported WooCommerce hooks, allowing them to work naturally with different store layouts.

Common recommendation examples include:

• Product accessories
• Replacement parts
• Product care items
• Gift wrapping
• Protection plans
• Complementary products

Customers can add recommended products directly from the shopping cart without leaving the current page.

Cart Recommendations support:

• AJAX add to cart
• AJAX remove actions
• Live subtotal updates
• Mini-cart synchronization
• Responsive layouts
• WooCommerce hook integration

Recommendations remain synchronized with the shopping cart to provide a consistent purchasing experience.

Cart Upsells

Cart Upsells allow recommendation campaigns to be displayed after customers have reviewed the products in their shopping cart.

Unlike Product Add-ons, Cart Upsells focus on suggesting additional products based on the current cart contents rather than the individual product page.

Campaigns can be configured for different shopping scenarios using available campaign conditions.

Supported capabilities include:

• Multiple campaign locations
• Product-specific recommendations
• Category-based recommendations
• Cart subtotal conditions
• Responsive layouts
• WooCommerce compatibility

Each campaign can be managed independently, allowing different recommendations for different products or customer groups.

Checkout Recommendations

Checkout Recommendations allow additional products or services to be displayed before an order is placed.

This recommendation type is intended for complementary products or optional services that customers may wish to include before completing checkout.

Examples include:

• Gift wrapping
• Extended warranty
• Product protection
• Cleaning kits
• Accessories
• Installation services

Checkout Recommendations support:

• Classic WooCommerce Checkout
• WooCommerce Cart & Checkout Blocks
• Responsive layouts
• Automatic widget updates

Recommendation panels automatically refresh after products are added, helping maintain a clean checkout experience.

Campaigns can be enabled independently from Product Page Add-ons or Cart Recommendations.

Rules & Conditions

Pick Pair includes a flexible Rules & Conditions system that controls when recommendation campaigns are displayed.

Conditions can be used individually or combined to create more specific recommendation scenarios.

Available conditions include:

• Products currently in the cart
• Product categories
• Cart subtotal
• Cart quantity
• Customer role
• Previous orders
• Impression limits

Campaigns are displayed only when the configured conditions are satisfied.

Using conditions allows store owners to create recommendation campaigns that are more relevant to the customer’s current shopping session.

Campaign Targeting

Recommendation campaigns can be assigned to different products and purchasing scenarios.

Examples include:

• Display recommendations only for selected products.
• Show campaigns only for selected categories.
• Recommend accessories when specific products are in the shopping cart.
• Display campaigns after a cart subtotal has been reached.
• Show different campaigns for different customer roles.
• Limit campaign visibility using impression controls.

Each campaign can use its own targeting rules without affecting other campaigns.

Multiple campaigns may be active simultaneously.

Campaign Analytics

Pick Pair includes built-in reporting for reviewing campaign activity.

Campaign reports provide information that can help evaluate recommendation performance.

Available metrics include:

• Impressions
• Views
• Clicks
• Conversions

Campaign data can be reviewed individually, allowing store owners to compare recommendation performance across different campaign types.

Analytics are available for all supported recommendation campaigns.

WooCommerce Compatibility

Pick Pair is an extension for WooCommerce and is designed to work with standard WooCommerce functionality.

Supported compatibility includes:

• WooCommerce products
• Simple products
• Variable products
• Product categories
• Shopping cart
• Checkout
• Cart & Checkout Blocks
• WooCommerce hooks
• WooCommerce pricing

The plugin follows WordPress coding standards and is designed to work with properly coded WordPress themes and plugins.

Responsive Layouts

Frontend components are designed to work across desktop, tablet, and mobile devices.

Recommendation layouts automatically adapt to different screen sizes while maintaining compatibility with the active WooCommerce theme.

The plugin uses responsive layouts for:

• Product recommendations
• Product bundles
• Product Add-ons
• Cart Recommendations
• Checkout Recommendations

AJAX Support

Several recommendation types include AJAX functionality to improve interactions while shopping.

Supported AJAX features include:

• Add products to cart
• Remove products
• Update pricing
• Refresh cart totals
• Synchronize mini-cart
• Update recommendation panels

These interactions reduce unnecessary page reloads while keeping the WooCommerce shopping cart synchronized.

Supported Store Types

Pick Pair can be used with many different types of WooCommerce stores.

Common examples include:

• Electronics
• Fashion and Apparel
• Home and Furniture
• Beauty and Cosmetics
• Automotive Parts
• Sports Equipment
• Pet Supplies
• Health Products
• Office Supplies
• Books
• Toys and Games
• Jewellery
• Food and Beverage
• Digital Products

Recommendation campaigns can be configured differently for each product catalog depending on the store’s requirements.

Why Use Pick Pair

Pick Pair provides multiple recommendation types within a single WooCommerce extension.

Instead of managing separate plugins for Frequently Bought Together products, Product Bundles, Product Add-ons, Cart Recommendations, and Checkout Recommendations, these campaign types can be managed from one interface.

The plugin provides flexible recommendation locations, configurable campaign conditions, WooCommerce compatibility, and reporting tools that help store owners organize product recommendation campaigns throughout the purchasing journey.

Development

The complete human-readable source code is publicly available at:

https://github.com/codewithkaru/pickpair

The compiled JavaScript assets located in frontend/dist/ are generated from the source code located in frontend/src/.

The build configuration files (package.json, webpack.config.js, postcss.config.mjs, and tailwind.config.js) are included with this plugin.

To rebuild the production assets:

1. cd frontend
2. npm install
3. npm run build