Product pages
Reassure shoppers that an item can be bought today.
Commerce / widget · Elementor module
Product Purchasability Note Widget Plugin for Elementor
Say whether a WooCommerce product can be bought right now, using the same rule as WooCommerce's add-to-cart button, with your own wording.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product purchasability noteProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real availability notes
These are the actual published outputs of the widget for real WooCommerce products: the default note on an in-stock mug, a green “ready to ship” note, and a sold-out kettle.
02 / Inside WordPress
Product purchasability note controls in Elementor
Content sets the product (the current one or a product ID), the text for products that can be bought, the optional text for those that cannot, and an optional icon. The Style tab covers typography, colour, alignment, background, border, radius and padding, plus icon colour, size, gap and position.
03 / Website use cases
Where to use product purchasability note
Shoppers want to know at a glance whether they can buy a product, and a typed “Available” note stays up after it sells out. Product purchasability note follows the same rule as WooCommerce's add-to-cart button — a price and stock or backorders — handles grouped and external products, and shows your wording for each case.
Sold-out items
Say clearly when something is unavailable.
Product loops
Show availability on each product card.
04 / Installation and setup
How to show product availability 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 Product purchasability note in the Complementor library.
Add the widget to your product template, or choose a product by ID.
Write the text for products that can be bought.
Optionally write the text for products that cannot.
Style it and check an in-stock and a sold-out product.
05 / Content and style controls
Customize product purchasability note in Elementor
Configure the settings available for this module to suit the page you are building.
Matches WooCommerce's add-to-cart rule.
Backorderable products count as available.
Grouped products checked through their child products.
Optional text for unavailable or external products.
Kept out of the page's saved text.
Style: typography, colour, surface, icon.
06 / Choose the right approach
Product purchasability note and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce's stock line
The stock line shows quantity or status, not whether the product can be bought now.
A typed note
Typed notes stay up after a product sells out. This follows the live state.
07 / Requirements and compatibility
Product purchasability note compatibility with Elementor
- Requires Elementor and WooCommerce.
- Public products only.
- Availability only, not quantity.
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 product purchasability note
Check these settings if the published page behaves differently from the editor.
Why is nothing shown for a product?
It cannot be bought and the cannot-be-bought text is empty. Set that text to show a message.
Why does a sold-out product say unavailable even though it has a price?
WooCommerce only sells in-stock or backorderable products, and the note follows that rule.
Why does an affiliate product say unavailable?
External products are sold on another site, so they cannot be bought in your shop.
How are grouped products handled?
They count as available when any of their child products can be bought.
Product purchasability note plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Do backorders count as available?
Yes. Backorderable products can be added to the cart.
Does it change the cart?
No. It only shows a note.
Is it accessible?
Yes. It is plain text, and the optional icon is hidden from screen readers.
Does it add JavaScript?
No. It is plain HTML and CSS.
10 / Annual All Access subscription
Get product 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.