Recipes and mixes
Show the simplest proportions for ingredients or materials.
Content / widget · Elementor module
Ratio Simplifier Widget Plugin for Elementor
Let visitors type a ratio with two to ten parts and see its simplest whole-number form, the working, the 1 : n form and each part's share, live in the browser.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Ratio simplifierProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Type a ratio into any of them; the result updates as you type.
02 / Inside WordPress
Ratio simplifier controls in Elementor
Content sets whether the working, the 1 : n form and the shares are shown, the decimal places for those, one field or two (first and second quantity), live results or a Simplify button, and every label, including an optional heading, the hint and the starting ratio. The Style tab covers the fields, the result box, labels and messages, the widget text and alignment, and the buttons.
03 / Website use cases
Where to use ratio simplifier
Recipes, mixing guides, maths lessons and design pages often ask readers to scale or compare ratios, and readers then go elsewhere to simplify them. Ratio simplifier sits on your own page: visitors type a ratio such as 12 : 18 : 24 or 1.5 : 2.25 and see the simplest whole-number form, how it was reached, the 1 : n form and each part's share of the total, updated as they type. Nothing is sent anywhere.
Maths lessons
Let students check ratio exercises and see the working.
Design and video
Turn pixel sizes into aspect ratios such as 16 : 9.
04 / Installation and setup
How to add a ratio simplifier 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 Ratio simplifier in the Complementor library.
Add the widget to a page.
Choose one field or two, and whether to show the working, the 1 : n form and the shares.
Optionally add a starting ratio and adjust the labels.
Style it and type a ratio.
05 / Content and style controls
Customize ratio simplifier in Elementor
Configure the settings available for this module to suit the page you are building.
Two to ten parts.
Decimals scaled to whole numbers.
Exact results with no rounding.
Working shown step by step.
1 : n form and shares of the total.
Copy and Clear buttons.
06 / Choose the right approach
Ratio simplifier and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Online ratio sites
They take visitors away from your page to do the sum.
A worked example in text
Shows one ratio but cannot simplify the visitor's own numbers.
07 / Requirements and compatibility
Ratio simplifier compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Simplifies ratios; it does not scale them up to a target amount.
- Up to 15 digits before the point and 6 decimal places per part.
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 ratio simplifier
Check these settings if the published page behaves differently from the editor.
Why does “1,500 : 250” give an odd result?
A comma is read as a decimal point. Type numbers without thousands separators.
Why is the 1 : n form missing?
It is left out when the first part is 0, and it can be turned off in the Results section.
Why do I see “Add the next part after the colon”?
The ratio ends with a colon. Type the next number.
Why are negative numbers refused?
Ratios compare amounts, so every part must be 0 or more.
Ratio simplifier plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Can it simplify decimals?
Yes. Decimals are multiplied by a power of ten first, so 1.5 : 2.25 becomes 2 : 3.
How many parts can a ratio have?
From two to ten parts, separated by colons.
Is the result rounded?
No. The simplest form is exact. Only the 1 : n form and the shares are rounded to the decimal places you choose.
Does it need JavaScript?
Yes. Without it a short message is shown instead.
10 / Annual All Access subscription
Get ratio simplifier 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.