> For the complete documentation index, see [llms.txt](https://wplake.gitbook.io/advanced-views/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wplake.gitbook.io/advanced-views/field-types/content/number-field.md).

# Displaying Number field

Advanced Views natively supports the following number types:

1. [WooCommerce](/advanced-views/fields/woo-product-fields.md): product Weight, Length, Width, Height, Quantity field
2. [ACF](/advanced-views/fields/meta-plugins/advanced-custom-fields.md): any Number field
3. [MetaBox](/advanced-views/fields/meta-plugins/meta-box-fields.md): any Number field
4. [Pods](/advanced-views/fields/meta-plugins/pods-fields.md): any PlainNumber field

## 1. How to display a Number field

1. [Create a new *Layout*](/advanced-views/getting-started/first-layout.md)
2. Add any Number field
3. Save the *Layout*, copy its [embedding shortcode](/advanced-views/layouts/embedding-shortcode.md)
4. Embed *Layout*: paste the shortcode inside the target place

{% hint style="info" %}
Inside the *Layout,* you can mix fields from different providers and [customize the template](/advanced-views/layouts/code-fields/custom-template.md).
{% endhint %}

## FAQs

<details>

<summary>Can I add a comma as a thousand separator? e.g. $ 1,000</summary>

Yes you can, by modifying the Twig template and adding 'number\_format' for your number field.

{% code overflow="wrap" %}

```twig
{% if promo_price.value %}
	<div class="acf-view__promo-price">
		{{ promo_price.value|number_format }}
	</div>
{% endif %}
```

{% endcode %}

</details>