Flooring and tiles
Square metres to boxes, with extra for cuts.

Add a calculator that tells shoppers how many packs they need for the amount they type, with the spare amount, the total and an Add to cart button for that many.
These are the actual published widgets for the demo shop’s coffee beans.
Product picks the product being viewed or one by ID. Calculator sets the units per pack and their name, the starting amount, the field label, the extra for waste and whether shoppers can change it, the result text with placeholders, the leftover line, the total, the Add to cart button and its text, and an icon. The Style tab covers the box’s text, colour, alignment, background, border, radius and padding, the icon, and the field, result and button colours.
Products sold in packs, such as tiles, seeds, coffee or fabric, leave shoppers doing sums and often buying too few. This calculator asks how much they need, adds any extra for waste, rounds up to whole packs, shows what will be left over and the total at the product’s price in your store’s currency format, and offers an Add to cart button for exactly that many packs, held back when there are not enough in stock.
Square metres to boxes, with extra for cuts.
Grams a month to bags of coffee or tea.
Sheets or skeins to packs.
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install WooCommerce and Complementor, connect your license and enable Product pack count estimate in the Complementor library.
Add the widget to your product template, or to any page with a product ID.
Set the units per pack and the unit name.
Set a starting amount and any extra for waste.
Choose the result text and whether to show the Add to cart button.
Configure the settings available for this module to suit the page you are building.
Packs needed, always rounded up.
What will be left over.
The total in your store’s price format.
An extra percentage for waste, fixed or editable.
An Add to cart button for that many packs.
The button held back when there are not enough in stock.
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
A sample price in your currency format.
How stock works in your store.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
Check these settings if the published page behaves differently from the editor.
The product is not a simple product, cannot be bought now, is sold one at a time, or the button is off.
More packs are needed than are in stock; a note says how many are available.
It needs a product: place it on a product page or choose a product by ID.
No. It works with the free version of Elementor and WooCommerce.
Yes. It always rounds up to whole packs.
Yes. It shows the estimate for the starting amount and the button still adds that many.
Yes. Set a fixed extra, or let them change it.
Yes. The field has a label and the result is announced to screen readers as it changes.
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
Renews at $29 USD each year.
Renews at $49 USD each year.
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.