Rugs and mats
Show the floor area in square metres or feet.
Commerce / widget · Elementor module
Product Footprint Area Widget Plugin for Elementor
Show how much floor or wall space a WooCommerce product takes up, such as “1,200 in²” or “0.77 m²”, from its length and width.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product stored footprint areaProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real footprint areas
These are the actual published outputs of the widget for sample products.
02 / Inside WordPress
Product stored footprint area controls in Elementor
Source picks the current product or a selected one. Display sets the unit, a text template with {value}, {unit}, {length} and {width}, the most decimals and an icon. Style covers typography, colour, alignment, background, border, padding, radius and the icon.
03 / Website use cases
Where to use product stored footprint area
Buyers of rugs, prints, furniture and planters want to know whether a product fits the space they have, and length and width alone make them do the sum. WooCommerce stores each product's length and width but never shows the area. Product stored footprint area multiplies them and shows the result in square centimetres, metres, millimetres, inches, feet or yards, converted from the shop's dimension unit, with the sides too if you like.
Art prints and mirrors
Tell buyers how much wall space a piece needs.
Furniture and planters
Show the floor space a product takes up.
04 / Installation and setup
How to show a product's footprint area 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 stored footprint area in the Complementor library.
In each product's Shipping tab, enter its length and width.
Add the widget to a single product template, or to any page with Source set to a selected product.
Under Display, choose the unit and edit the text template.
Style the text and panel under Style, then check a product with options.
05 / Content and style controls
Customize product stored footprint area in Elementor
Configure the settings available for this module to suit the page you are building.
Current product on product pages and templates, or any selected published product.
Area in the shop's unit or in cm², m², mm², in², ft² or yd², converted with WooCommerce's own conversion.
Text template with {value}, {unit}, {length} and {width}, such as “101.6 × 76.2 cm (7,741.9 cm²)”.
At most 0–4 decimals, with trailing zeros left out.
Products with options show one area when all match, otherwise the smallest to largest.
Typography, colours, surface and an optional icon.
06 / Choose the right approach
Product stored footprint area and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce's Additional information tab
Lists length × width × height; prefer it when buyers need all three sides rather than the area.
Elementor Pro Product Meta or a custom field
Show a typed-in area; prefer it when the shipping size is not the product size.
07 / Requirements and compatibility
Product stored footprint area compatibility with Elementor
- Requires Elementor and WooCommerce.
- Length × width only; it does not work out usable surface or volume.
- Uses the Shipping-tab size, which must be the product's own size for an accurate footprint.
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 stored footprint area
Check these settings if the published page behaves differently from the editor.
Why does nothing show on a product?
The product needs both a length and a width in its Shipping tab; the editor says so.
Why is the area larger than the product?
The Shipping size is the boxed size. Enter the product's own size there for a true footprint.
Why does it show a range?
The product's options have different sizes, so the smallest to largest is shown.
Why is the unit inches by default?
The default follows the dimension unit under WooCommerce › Settings › Products; choose another unit under Display.
Product stored footprint area plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Which sizes does it use?
The length and width in the product's Shipping tab, or each option's own size.
Can it show the sides as well?
Yes. Use {length} and {width} in the text template.
Does it use the height?
No. The footprint is length × width only.
Can I show square feet?
Yes. Choose Feet as the unit; the area is shown in ft².
10 / Annual All Access subscription
Get product stored footprint area 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.