> For the complete documentation index, see [llms.txt](https://landofcoder.gitbook.io/magento-2-megamenu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://landofcoder.gitbook.io/magento-2-megamenu/faq/how-to-add-label-into-menu-items.md).

# How to add label into menu items

In this tutorial, I will show you how to add menu label with ease. Firstly, Add all html code bellow in menu title:

**New Label**

```
<span class="cat-label cat-label-v1 pin-top">New</span>
```

![](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4XqktP0f8vcVNLTaY%2F-Ml4YL9_KMYL7I1enShi%2Fmenu-newlabel2.png?alt=media\&token=00c3830a-5792-48df-b362-695faa472f16)

**Hot Label**

```
<span class="cat-label cat-label-v2">Hot!</span>
```

![](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4XqktP0f8vcVNLTaY%2F-Ml4YSCtML8tYKyWyvyf%2Fmenu-hotlabel.png?alt=media\&token=b582ff20-63d8-477f-a141-2294c41bf8ed)

**Sale Label**

```
<span class="cat-label cat-label-v2 pin-top">Hot!</span>
```

![](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4XqktP0f8vcVNLTaY%2F-Ml4YYNrThCk6le7KsES%2Fmenu-salelabel.png?alt=media\&token=61d8d05e-17ed-46de-89cf-4686cf4f846c)

[<br>](http://guide.landofcoder.com/wp-content/uploads/2016/08/menu-salelabel.png)

[<br>](http://guide.landofcoder.com/wp-content/uploads/2016/08/menu-hotlabel.png)

[<br>](http://guide.landofcoder.com/wp-content/uploads/2016/08/menu-newlabel2.png)