Cross-Sell with Discounts for WooCommerce – Upsells, Related Products & Cart Offers
| 开发者 | sergej7 |
|---|---|
| 更新时间 | 2026年10月22日 22:14 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Category-based product recommendations – show relevant add-ons based on what is already in the cart.
- Automatic cross-sell discounts – an optional percentage discount, no coupon codes needed.
- Discount quantity limit – optionally discount only a set number of items per order; extra items are charged at the regular price.
- Coupon control – let coupons combine with cross-sell discounts or keep them off already discounted items.
- Mini-cart, cart and checkout placement – offers at the moments that matter (classic and block checkout).
- One-click AJAX add to cart – add suggestions without leaving or reloading the page.
- Global limit and smart sorting – cap the number of suggestions and sort by priority, popularity, price or newest.
- List, slider or grid layouts – with image formats (4:3, 1:1, 3:4), overlay styles and full card styling (colours, border, badge).
- Replace WooCommerce's native output – optionally hide WooCommerce's own cross-sells and "Related products", so only your curated offers show.
- Custom product presentation – heading, description, image, link, button label/icon and discount badge.
- Flexible display rules – locations, per-product priority and how many recommendations appear.
- Shortcode
[wccs_cross_sell]to place suggestions anywhere.
- Open a product, go to the Cross-Selling tab and tick "Use as cross-sell".
- Choose the trigger categories and, optionally, an automatic discount in percent — limited to a number of items per order if you like.
- As soon as a customer has a product from one of those categories in the cart, your product is suggested — with its discount.
- Discount quantity limit – give the discount to a fixed number of items per order (for example one discounted drink per order); any further items are charged at the regular price. The cart shows both parts separately, so every amount adds up exactly.
- Coupon control – decide whether WooCommerce coupons combine with the cross-sell discount or skip items that are already discounted.
- Transparent orders – every order line records the applied cross-sell discount (e.g. "Cross-sell discount: -10% on 2 of 4"), visible in the order admin, order emails and the customer account.
- Fashion and matching accessories
- Electronics and accessories
- Food, drinks and complementary products
- Cosmetics and personal-care products
- Suitcases, bags and travel accessories
- Gift items and product add-ons
- Replacement parts and consumables
- Subscription boxes, B2B and wholesale stores
- Classic and block checkout support
- HPOS (High-Performance Order Storage) compatible
- Works with common WooCommerce themes (Storefront, Astra, Kadence and more); optional adapters for the Flatsome theme and the WooFood plugin
- Built-in diagnostics and live preview that never touches the live cart
- Optimized query caching for larger product catalogs
- Translation-ready
安装:
- Upload the
cross-sell-with-discounts-for-woocommercefolder to/wp-content/plugins/, or install it from the WordPress Plugins screen. - Activate the plugin through the Plugins menu. WooCommerce must be installed and active.
- Open a product, go to the Cross-Selling tab, tick "Use as cross-sell", set an optional discount and priority, a short description, and the trigger categories.
- Configure the global display under WooCommerce → Cross-Sell: heading, layout (list / slider / grid), button label/icon, display locations (mini-cart / cart / checkout), the maximum number of suggestions and their sorting, plus performance/caching options.
屏幕截图:
常见问题:
How do I add cross-sells and upsells in WooCommerce?
Open any product, go to the Cross-Selling tab, tick "Use as cross-sell" and choose the trigger categories. Whenever a customer has a product from one of those categories in the cart, your product is recommended as a cross-sell in the mini-cart, cart and checkout.
How can I increase the average order value in WooCommerce?
Show relevant related products at the moment of purchase and add an optional automatic discount. Well-placed, one-click cross-sell offers in the mini-cart, cart and checkout are a proven way to lift the average order value without discount codes or extra campaigns.
Can I use cross-sell suggestions without offering a discount?
Yes. The discount is optional — leave it empty (or 0) and the product is simply recommended without a price change.
Can I select individual products as triggers?
No. Triggers are category-based, which keeps rules low-maintenance. The optional Pro add-on additionally lets you trigger by product tag.
How many cross-sell products can be displayed?
There is a global "Maximum suggestions" setting (1–20, default 4). The combined list is sorted (by priority, popularity, price or newest) and then capped to that number.
Does it support variable products?
Yes. Variable products show a "Choose option" link and a "from" price. The Pro add-on adds in-place variant selection and a Quick-View popup.
Does it work with sale prices?
Yes. The cross-sell discount is applied on top of the current price — if the product is on sale, it is calculated from the sale price (never from the higher regular price). The original price is shown struck through.
Is the discount a coupon? Can customers combine it with a coupon?
No, it is a price reduction applied to the cart item. By default it combines with WooCommerce coupons; under WooCommerce → Cross-Sell → Discounts you can keep coupons off items that already have a cross-sell discount instead. A trigger product must be in the cart for the discount to apply.
Can I limit how many items get the discount?
Yes. On the product's Cross-Selling tab, set "Discounted quantity" to a fixed maximum per order — further items of that product are charged at the regular price, and the cart shows both parts separately. The Pro add-on can instead give one discounted item per trigger item in the cart.
Can I display suggestions using a shortcode?
Yes — use [wccs_cross_sell] to place suggestions anywhere, which is handy for block themes or custom templates.
Does it work with my theme and with page builders?
Yes. The plugin uses the standard WooCommerce mini-cart, cart and checkout hooks and works with common themes such as Storefront, Astra, Kadence and Flatsome (a dedicated adapter keeps full Flatsome compatibility). Because suggestions render through WooCommerce — or via the [wccs_cross_sell] shortcode — they work independently of Elementor and other page builders.
Does it support the block-based cart and checkout?
Yes. Suggestions are rendered after the checkout block (hydration-safe), and adding a product refreshes the Store API cart and totals without a page reload.
Can I change how the suggestions look?
Yes. Under WooCommerce → Cross-Sell → Layout you can choose a stacked list, a horizontal slider (dots or arrows), or a responsive grid with image formats (4:3, 1:1, 3:4) and overlay styles. You can also set the heading, the add-to-cart button label/icon/colour, card colours and border, and show or hide the quantity selector.
Does the plugin send customer or shop data to an external service?
No. The free plugin runs entirely inside your WordPress installation and requires no external account or SaaS connection.
What happens when the trigger product is removed from the cart?
The suggestion and its automatic discount are removed immediately — everything is recalculated on each cart update, including at checkout.
What happens to my data when I uninstall?
Deleting the plugin (not just deactivating it) removes all of its data — the settings option, product metas and any legacy category metas — site-wide. There are no custom database tables and no cron events.
Can I give specific user roles an extra discount?
That is provided by the optional Pro add-on (role-based pricing per role, with per-product overrides). The free plugin does not include role discounts.
更新日志:
- New: Discounted quantity limit — per product, give the cross-sell discount only to a fixed number of items per order; additional items are charged at the regular price. Partly discounted cart lines show both parts ("2 × discounted, 1 × regular"), so every amount adds up exactly.
- New: Optional setting to keep coupons off items that already have a cross-sell discount (WooCommerce → Cross-Sell → Discounts). Off by default, so coupons combine as before; in a partly discounted line the coupon still applies to the regular-price items. Requires WooCommerce 8.8 or later.
- New: Orders record the cross-sell discount per line item (e.g. "Cross-sell discount: -10% on 2 of 4"), shown in the order admin, order emails and the customer account.
- Fix: At checkout, the slider bullets and the full-width last card now update after a suggestion is added.
- Improvement: The update notice on the Plugins screen uses a calmer amber colour.
- Improvement: Admin texts that still mentioned only the mini-cart and checkout were updated. Tested with WooCommerce 11.1.
- Developer: New filters
wccs_qty_limit_modesandwccs_discount_qty_limit, andWCCS_Engine::trigger_quantity_for()for add-ons.
- Improvement: The "new version available" notice now also appears inline on the Plugins screen (not only under Dashboard → Updates).
- Maintenance: Internal code cleanups and a diagnostics query improvement; no functional changes.
- New: Global "Maximum cross-sell suggestions" and "Sort suggestions by" settings — sort the whole suggestion list by priority, popularity (total sales), price (low to high / high to low) or newest, then cap it to a single overall maximum.
- Change: Target categories on a product now trigger cross-sells directly — the separate per-category "enable / max per category" screen was removed. All categories (and, with the Pro add-on, tags) you set on a product now trigger, and the overall count is controlled by the new global maximum above.
- New: The trigger engine is now taxonomy-generic, which lets the Pro add-on trigger cross-sells by product tags in addition to categories (both work together as a union). Added a
wccs_is_suggestablefilter so add-ons can hide individual suggestions. - Improvement: The Diagnostics tab was updated for the new model — it lists the trigger categories and tags and the final sorted, capped suggestion list.
- New: Option to hide WooCommerce's own product suggestions — its "Cross-sells" (below the cart table) and "Related products" (on the single product page) — so only your Cross-Sell suggestions are shown. Works even with themes that render these directly (e.g. Flatsome); does not affect the WooCommerce block cart/checkout.
- Fix: Cross-sell suggestion images in the mini-cart no longer flicker when the mini-cart re-renders after add-to-cart. Mini-cart thumbnails now load eagerly instead of lazily, so they paint instantly instead of blinking on the second cart-fragment refresh. Also applied to the added product's line-item thumbnail.
- Fix: In some themes the cross-sell cards could overlap other page elements (for example a mini-cart footer with the subtotal and buttons). The suggestions now form their own stacking context and stay contained — theme-neutral, no theme markup is touched.
- New: Variable products can now be suggested as cross-sells without a broken button — they show a "Choose option" link to the product page (for selecting a variant) and a "from {lowest price}" price instead of a single variant's price.
- New: Separate "Button label for variable products" setting.
- New: Card background color (with automatic text contrast) and a thin card border (solid / dashed / dotted) with an inline border color.
- New: The grid on the cart page can now use up to 4 columns.
- Improvement: CSS and JavaScript optimizations for the cross-sell suggestions.
- New: "Grid" layout for cross-sell suggestions — responsive columns with a per-location maximum (mini-cart, cart, checkout). Card widths are calculated automatically for any theme width; a single suggestion fills the full width, and very narrow areas fall back to a compact horizontal card.
- New: Image format for grid tiles — landscape 4:3, square 1:1, or portrait 3:4 (full-tile image with the title, price and controls overlaid).
- New: Overlay style for the 3:4 format — soft gradient, frosted (reveal on hover, with a subtle image zoom), or a solid bar with adjustable color and opacity; text contrast is handled automatically.
- New: Option to show or hide the quantity selector on each suggestion.
- Improvement: CSS and JavaScript optimizations for the cross-sell suggestions.
- New: "Slider" layout for cross-sell suggestions — a horizontal, swipeable and draggable row of cards.
- New: Slider navigation — choose bullets (classic dots, short lines, or pill), side arrows, both, or swipe/drag only.
- New: Optional background color for the "Add to cart" button, with automatic text contrast and hover shade.
- Improved: CSS and JavaScript optimizations for the cross-sell suggestions.
- New: The per-category "Max. suggestions" limit can now be set up to 20 (previously capped at 3).
- Improved: Clearer settings labels and descriptions (cache suggestions, add-to-cart button, prefetch), with consistent "Cross-Sell suggestions" wording.
- Redesigned the plugin settings screen with a modern, card-based layout that is easier to scan and visually consistent with the Pro add-on. No settings or behaviour changed.
- Added two extension hooks for add-ons:
wccs_after_heading(right after the suggestions heading) andwccs_item_badge(inside each suggestion card). They are used by the optional Pro add-on's info badge and have no visible effect on their own.
- Initial public release on WordPress.org.
- Category-based cross-sell suggestions with optional per-product discount and savings badge.
- Theme-neutral rendering with a shortcode; optional Flatsome and WooFood adapters.
- Classic and block-based cart/checkout support; HPOS compatible.
- Per-location display toggles (mini-cart / cart / checkout) and per-page "limit" rules.
- Global heading, query caching with automatic invalidation, and a diagnostics tab.