Bookings and capacity
Show how full a class, event or venue is.
Content / widget · Elementor module
ACF Number Ratio Widget Plugin for Elementor
Divide one number saved in ACF by another on the current post and show it as a decimal, a percentage, "18 of 24" or a ratio such as 3 : 4, with a prefix, suffix and bar.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / ACF number ratioProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets reading sample ACF numbers saved on this page.
02 / Inside WordPress
ACF number ratio controls in Elementor
Ratio picks the top and bottom Number or Range fields and sets the format (decimal, percentage, of or ratio), decimal places, prefix and suffix, the of wording, the numbers line, a bar, text before and after, text when it cannot be worked out, the HTML tag and an icon. The Style tab covers the text and surface, the numbers line and bar, and the icon.
03 / Website use cases
Where to use acf number ratio
Pages often store two related numbers in ACF, such as seats booked and seats in total, or a price and a weight, while visitors want the relationship: 75% full, 18 of 24 booked, £4.20 per kg. ACF number ratio divides the saved numbers on the current post and shows the result as a decimal with a prefix and suffix, a percentage, an “of” phrase or a reduced ratio, in the site’s number format, with the two numbers and a bar if you like.
Unit prices
Show a price per kilo, litre or item from two fields.
Reports and stats
Show a success rate or share from saved counts.
04 / Installation and setup
How to show a ratio of two ACF numbers in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install ACF and Complementor, connect your license and enable ACF number ratio in the Complementor library.
Add two Number fields to your posts, such as booked and total, and fill them in.
Add the widget to the post or its template and choose the top and bottom fields.
Choose a decimal, percentage, of phrase or ratio, and the decimal places.
Add a prefix, suffix or bar and style the result.
05 / Content and style controls
Customize acf number ratio in Elementor
Configure the settings available for this module to suit the page you are building.
A decimal with a prefix and suffix, such as £4.20 per kg.
A percentage, such as 75%, with a bar up to 100%.
An of phrase, such as 18 of 24 seats booked.
A reduced ratio for whole numbers, such as 3 : 4.
The two numbers under the result, in your own words.
Text for a missing number or a bottom number of 0.
06 / Choose the right approach
ACF number ratio and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
ACF numeric threshold notice
Shows a notice when a number passes a threshold.
Offer unit price comparison
Compares unit prices of several offers.
07 / Requirements and compatibility
ACF number ratio compatibility with Elementor
- Requires Elementor and ACF with Number or Range fields.
- Display only: floating-point division rounded to up to 6 decimal places, not exact money arithmetic.
- Reads the values saved on the published post being viewed.
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 acf number ratio
Check these settings if the published page behaves differently from the editor.
Why does nothing show?
One of the numbers is missing on this post, or the bottom number is 0. Add text for that case to show a message instead.
Why is the percentage over 100%?
The top number is larger than the bottom one, such as an overbooked class. The bar stops at 100%.
Why is the ratio 4.20 : 1 rather than whole numbers?
One of the numbers has decimals, so the ratio is shown against 1.
ACF number ratio plugin questions
Does it need Elementor Pro or ACF Pro?
No. It works with the free versions of Elementor and ACF.
Which fields can it use?
ACF Number and Range fields saved on the published post being viewed.
Is it suitable for money calculations?
It is for display. It uses ordinary floating-point division and rounds to the decimal places you choose.
Does it work with negative numbers?
Yes. The sign is shown before any prefix, such as −£2.50.
Can I write my own wording?
Yes. Use {a} and {b} in the of wording and numbers line, and add text before and after.
10 / Annual All Access subscription
Get acf number ratio 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.