> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/lyra-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/lyra-documentation/product-page/size-guide.md).

# Size guide

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

1. First, create the size chart page.

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FOZtgkH5U7HQIroPgFaj2%2Fsize-chart1.png?alt=media&amp;token=982203d3-e8b0-4400-bdc8-76e747d6c9c7" alt=""><figcaption></figcaption></figure>

2. Then, add the 'size-chart-html' provided below.

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FZrWVvaRk4hMZ9ZWok7PQ%2Fsize-chart2.png?alt=media&amp;token=64233013-33bb-43fe-b699-41c1b6078b07" alt=""><figcaption></figcaption></figure>

### HTML

{% file src="/files/QwiqOdHewUbd4bGagWBy" %}

3. Go to **Customization**, add the **"Size guide"** block, and select the **Size Chart** page.

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FZpcil15IFG7W0o7DpzBu%2Fsize-chart3.png?alt=media&amp;token=04081ea2-8784-4327-84d8-57cf613b0cad" alt=""><figcaption></figcaption></figure>