How to add 3 digit dot separators?

Hi there,
Is there a way to add 3 digit dots (or commas) separators in CMS numbers fields?
Can’t understand why there isn’t a native solution for this.


Hey @gtc ,

In settings for your Number field in CMS You can find Decimal checkbox, you can check that and you’ll be able to add decimal numbers if that’s what you are referring to.

Let me know if I misunderstood you or if I can help you with anything else, cheers!

Hi @Incognito_Agency
I don’t want to add decimal numbers. I need my numbers to be something like this 125.000 (in Europe we use dots instead of commas).

Having the same problem here. Would love to have that natively implemented.
Since I just have price as a field of a CMS - not running an ecommerce - I’ve used a simple plain text field, instead of a number field.

function numberWithCommas(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");


Numbers comma separator

How to use your example?

Hi @YusufA what do you mean?

How can I implement your solution into my Webflow Page? I would like to show the pricing of my CMS items with the dot seperators

hi @YusufA here is a simple example
code is in page setting.


EDIT: I’ve just update code, now it is much simpler.

const sourceNumbers = [...document.querySelectorAll(".original")]
const destination = [...document.querySelectorAll(".formated")]

destination.forEach((destElem, index) => {
  const srcElem = sourceNumbers[index].innerHTML;
  return destElem.innerHTML = numberWithCommas(srcElem);

function numberWithCommas(x) {
  return x.replace(/\B(?=(\d{3})+(?!\d))/g, ".");

Hi Stan, perfect, thank you! I see this question asked a lot here and you are the first one to make an easy to follow example for beginners.

Is there a way to cut off the decimals as well? I mean everything that comes after the comma.

Hi @YusufA again I do not understand what do you mean. We are here talking about number field formatting how to add a dot after each 3 numbers and not currency formatting. Just write shorter number.

Hi @Stan , i have the issue that my numbers get automatically imported from somewhere else in this format: xxxxxx,xx

Currently using your script it shows the numbers like this:,xx but I want it to look like this:

ok @YusufA If your data come to you for some reason as number you should first format your number to a string. After you remove any commas

const data = "1000,00"
const wholeNum = data.replace(",", "")

CleanShot 2022-01-17 at 16.41.54

Then you can do whatever you need.

EDIT: as I do not know what format you prefer here is screenshot of two ways how to

CleanShot 2022-01-17 at 17.01.42


CleanShot 2022-01-17 at 17.12.31

Hope that helps