Shopping guides
Show readers which pack size is the better buy.
Content / widget · Elementor module
Offer Unit Price Comparison Widget Plugin for Elementor
Let visitors compare offers by price per kilogram, litre or item, with grams, ounces, millilitres and fluid ounces converted and the best value marked.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Offer unit price comparisonProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets running in your browser; enter your own prices to try them.
02 / Inside WordPress
Offer unit price comparison controls in Elementor
Offers sets the first two offers, their units and the currency. Behaviour sets prices per kilogram or per 100 g, how many offers visitors can add, bars and live updates. Labels names the offers and sets every other label. The Style tab covers the layout, best value and bar colours, fields and buttons.
03 / Website use cases
Where to use offer unit price comparison
A bigger pack is not always cheaper, and comparing 250 g at one price with 1 kg at another, or a 1.5 litre bottle with six 330 ml cans, means converting units and dividing by hand. Offer unit price comparison does that for two or more offers, converts grams, kilograms, ounces, pounds, millilitres, litres and fluid ounces, ranks the offers by price per kilogram, litre or item, and shows how much more each one costs than the best value.
Product pages
Show the saving of a bigger size.
Budget and food blogs
Compare brands and shops per kilogram.
04 / Installation and setup
How to add a unit price calculator 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 Offer unit price comparison in the Complementor library.
Add the widget to a shopping guide, blog post or product page.
Enter the first two offers as price and quantity, with their units and names.
Choose the currency and whether prices are shown per kilogram or per 100 g.
Style the best value and bars, then change a price to check it.
05 / Content and style controls
Customize offer unit price comparison in Elementor
Configure the settings available for this module to suit the page you are building.
Two or more offers, each with a name, price, quantity and unit.
Grams, kilograms, ounces, pounds, millilitres, litres, fluid ounces, gallons and items, converted within each kind.
Prices per kilogram, litre or item, or per 100 g and 100 ml.
Offers ranked with the best value marked and how much more the others cost.
Bars to compare at a glance and a currency of your choice.
Decimal commas and pasted currency signs understood.
06 / Choose the right approach
Offer unit price comparison and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
List set comparison
Compares two lists of items.
Inline list formatter
Joins a list into one line.
07 / Requirements and compatibility
Offer unit price comparison compatibility with Elementor
- Requires Elementor.
- Compares prices entered by visitors; it does not read shop or product data.
- Fluid ounces and gallons are US measures.
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 offer unit price comparison
Check these settings if the published page behaves differently from the editor.
Why can an offer not be compared?
It is measured by a different kind of unit, such as litres against kilograms. Use units of the same kind for all offers.
Why is an offer missing from the ranking?
Its price or quantity is missing or zero. The note above the ranking names it.
Why are prices shown per item?
The unit is set to items. Choose g, kg, ml or l to compare by weight or volume.
Offer unit price comparison plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Is anything sent to a server?
No. All prices stay in the visitor’s browser.
Can visitors compare more than two offers?
Yes. They can add offers up to the limit you set, up to eight.
Does it convert ounces and pounds?
Yes. Ounces, pounds and US fluid ounces and gallons are converted to grams and millilitres.
Which currencies does it show?
Any three-letter currency code, such as EUR, GBP or USD, or plain numbers.
10 / Annual All Access subscription
Get offer unit price comparison 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.