Limited runs
Show how many prints or batches remain.
Commerce / widget · Elementor module
Product Stock Quantity Widget Plugin for Elementor
Show how many units of a WooCommerce product are in stock, with clear wording when it is out of stock or available on backorder.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product stock quantityProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real stock levels
These are the actual published outputs of the widget for real WooCommerce products: a plain quantity, an “Only 3 left” pill, and a product available on backorder.
02 / Inside WordPress
Product stock quantity controls in Elementor
Content sets the product (the current one or a product ID), the quantity text with {quantity}, the out-of-stock text, the backorder text 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 stock quantity
Shoppers decide faster when they can see how many are left, but WooCommerce's stock line is fixed in the product summary and its wording can't be changed per design. Product stock quantity shows the live quantity in your own words anywhere on the page, and switches to out-of-stock or backorder wording automatically.
Low stock nudges
Use “Only {quantity} left” on popular items.
Made-to-order items
Say clearly when an item is available on backorder.
04 / Installation and setup
How to show stock quantity 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 stock quantity in the Complementor library.
Turn on Track stock quantity for the product in WooCommerce.
Add the widget to the product template, or choose the product by ID.
Adjust the wording, such as “Only {quantity} left”.
Style it and check the product page.
05 / Content and style controls
Customize product stock quantity in Elementor
Configure the settings available for this module to suit the page you are building.
The live stock quantity of the product.
Your own wording with {quantity}.
Out-of-stock wording at zero stock.
Backorder wording when backorders are allowed.
Live number kept out of the page's saved text.
Style: typography, colour, surface, icon.
06 / Choose the right approach
Product stock quantity and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce's stock line
The built-in line sits in the product summary with fixed wording. This can go anywhere with your wording.
Typing the quantity
Typed numbers go stale with every sale. This reads live stock.
07 / Requirements and compatibility
Product stock quantity compatibility with Elementor
- Requires Elementor and WooCommerce.
- Products that track stock.
- Product-level stock 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 product stock quantity
Check these settings if the published page behaves differently from the editor.
Why is nothing shown?
The product does not track stock quantity, or the out-of-stock text is empty. Turn on Track stock quantity in the product's Inventory tab.
Why does a variable product show nothing?
It tracks stock per variation. Use the Variation stock quantity widget.
Why does it say “Available on backorder” at zero?
The product allows backorders. Change the Backorder text, or disallow backorders.
Does it follow WooCommerce's “never show quantity” setting?
No. Placing the widget is the choice to show the quantity.
Product stock quantity plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it update after a sale?
Yes. It reads the stock each time the page is built; page caches may delay it.
Does it change stock?
No. It only shows the quantity.
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 stock quantity 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.