Is there a way to add a comma separator to a number called from CMS data in Webflow?

Published on
September 22, 2023

Yes, there is a way to add a comma separator to a number called from CMS data in Webflow. You can achieve this by using the "Number with Comma Separator" option in Webflow's Dynamic Data feature. Here's how you can do it:

  1. Start by adding a Text element to your page where you want the number with comma separator to appear.

  2. Bind the Text element to your CMS number field by selecting it and clicking on the plus icon in the right-hand panel.

  3. In the binding modal that appears, select the CMS number field that contains the number you want to display with a comma separator.

  4. Once the binding is set up, go to the Properties panel on the right-hand side and click on the Text formatting options (represented by the "A" icon).

  5. In the Text formatting panel, locate the "Number with Comma Separator" option and toggle it on.

  6. Preview your website to see the number displayed with the comma separator.

This method allows you to add a comma separator to any number pulled from CMS data in Webflow. It's a simple way to format numbers and make them more readable for your users.

  • To add a comma separator to a number called from CMS data in Webflow, follow these steps:
  1. Add a Text element to your page.
  2. Bind the Text element to your CMS number field.
  3. Go to the Properties panel and click on the Text formatting options.
  4. Toggle on the "Number with Comma Separator" option.
  5. Preview your website to see the number with the comma separator.
  • This method can be applied to display any number with a comma separator, not just CMS data.

  • It's important to note that this formatting is purely visual and doesn't affect the underlying data in your CMS. The number is still stored as a numeric value without the comma separator.