Sold-out sizes
Say Not available to buy in red when a size is gone.
Commerce / widget · Elementor module
Variation Purchasability Note Widget Plugin for Elementor
Show whether the WooCommerce variation a shopper picks can be bought now, such as Available to buy or Not available to buy.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation purchasability noteProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
See it
These are the actual published outputs of the widget for a sample variable product in the lab shop; on a product page the note follows the shopper’s choice.
02 / Inside WordPress
Variation purchasability note controls in Elementor
Product chooses the current product, a selected variable product or one fixed variation, and what to show before a choice. Display sets the texts for options that can and cannot be bought, whether out of stock counts as not available, a text when options differ, a prefix and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, prefix colour, a colour for each answer and the icon.
03 / Website use cases
Where to use variation purchasability note
Shoppers only find out an option cannot be bought when the Add to cart button greys out. Variation purchasability note answers the question up front for the option they pick, using the same test as WooCommerce’s button, with its own colour for each answer.
Pre-orders
Show Ready to order for options on backorder.
Unpriced options
Flag options that cannot be bought until a price is set.
04 / Installation and setup
How to show whether a variation can be bought in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Variation purchasability note in the Complementor library.
Add the widget to a single product template, or to a page with the product’s add-to-cart form.
In Product, choose Current product, a selected product or one fixed variation.
Write the texts for available and not available, and a text for before a choice.
Pick colours for each answer, then pick an option on the product page to check the note changes.
05 / Content and style controls
Customize variation purchasability note in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the shopper’s choice in the product’s add-to-cart form.
Same test as the Add to cart button: price, published, in stock or on backorder.
Or ignore stock and check only price and publishing.
Texts for available, not available and before a choice.
A colour for each answer, also applied to the icon.
Prefix, background, border and radius.
Optional icon such as a basket.
06 / Choose the right approach
Variation purchasability note and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Variation availability note
Shows WooCommerce’s stock text, such as 5 in stock, for the chosen option.
WooCommerce stock display
Shows stock under the variation price once an option is chosen.
07 / Requirements and compatibility
Variation purchasability note compatibility with Elementor
- Requires Elementor and WooCommerce.
- Variable products and their published variations only.
- Shows public products only.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot variation purchasability note
Check these settings if the published page behaves differently from the editor.
Why does an out-of-stock option say Available to buy?
It allows backorders, or Count out of stock as not available is off.
Why does an in-stock option say Not available to buy?
It has no price or is not published, so WooCommerce will not sell it.
Why does the note not change when I pick an option?
The widget follows the add-to-cart form of the same product on the page. Add the form alongside it.
Why does nothing show before a choice?
The options differ and Text when options differ is empty, or Before the shopper chooses is set to Nothing.
Variation purchasability note plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it say when an option will be back?
No. It answers whether it can be bought now; use your own text for restock dates.
Can I change the wording?
Yes. Each answer and the text before a choice have their own text.
Does it change stock or prices?
No. It only reads WooCommerce’s settings for each option.
Does it work with simple products?
No. It is for variable products and their variations.
10 / Annual All Access subscription
Get variation purchasability note with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.