Format Numbers & Currencies ❺
Give your number & currency display the look you want
Webflow supports the storage of numbers, including integers and decimals, in the CMS, but has virtually no formatting options.
For decimal values, Webflow allows you to specify the number of decimal places you want to see in the CMS-bound field, however there are no options for commas, units, or currency formats.
This library allows you to format those numbers in commonly recognized formats, including
usd- US currency ( also useful for AUD, NZD, and others )gbp- British pound sterlingeur- European currencyjpy- Japanese currency%orpercent- percentages,orcomma- thousands formatting with commas
Formatting Numbers & Currencies - Webflow
Formatting Numbers & Currencies
Demonstration and Cloneable
Use
wfu-format directly on the CMS-bound numeric field.wfu-format = usd
Also, use Webflow’s designer to format the number of decimal places you want to see, as we’ll apply this in your formatted result.
There are currently no configuration options for this library, so we’ll use a no-code integration approach.
Add this code to the HEAD of your site or page.
<!-- Sygnal Attributes 5 | Format -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-format.css">
<script defer src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-format.js"></script>
See above for details.