{"section":"tutorials","requestedLocale":"en","requestedSlug":"how-to-customize-a-page-using-placeholders","locale":"en","slug":"how-to-customize-a-page-using-placeholders","path":"docs/en/tutorials/storefront/layout/how-to-customize-a-page-using-placeholders.md","branch":"main","content":"Creating a description for the **Category (Categoria)** may have a positive influence on the site SEO. We recommend maintaining the website well mapped as a whole in order to increase the relevance of the terms mentioned in texts such as the description, footer, menu etc.\n\n## Placing the description on the website \n\nStill on the Portal’s edit area...\n\n1. Go to **Templates de Página**\n2. Click on **Categoria**\n3. In the Template’s XHTML, enter the code that includes the placeholder\n4. Click on **Salvar Template**\n\n### Code example\n```html\n<div class=\"content-block\"/>\n  \n    <vtex:contentPlaceHolder id=\"htmlSeo\"/>\n  \n</div>\n```\n\nPlease remember that `htmlSeo` is the name of the control created above. This control may have another name, such as `Banner-Principal`.\n\n**Examples**\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-to-customize-a-page-using-placeholders_1.png)\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-to-customize-a-page-using-placeholders_2.png)\n\n**Note.:** Placeholders can be applied in different manners, as long as they comply with the place and the format, that is, the store owner’s needs.\n\n## Creating a Description\n\nTo include a description for the Category (Categoria), follow the steps below:\n\n1. Go to Configurações > Portal\n2. Click on Portal > Web-sites > [nomedaloja] > / > categoria > @categoria@ > categoria\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-to-customize-a-page-using-placeholders_3.png)\n3. Go to the **Configurações** tab\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-to-customize-a-page-using-placeholders_4.png)\n4. Click on **Adicionar Controle**\n5. Choose the type of control of your preference, in general, HTML.\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-to-customize-a-page-using-placeholders_5.png)\n6. Click on **Adicionar**\n7. Click on **Salvar Configurações**\n8. Click on **Editar**\n9. Click on **Adicionar Conteúdo**\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-to-customize-a-page-using-placeholders_6.png)\n10. Create the HTML that you want to be seen on the website.\n11. In the **Preview** tab, you can see a preview of the HTML.\n12. The **Condições de Exibição** fields can be set up according to your needs, for example, select a Category in which the contents will be made available.\n13. Click on the **Conteúdo Ativo** checkbox\n14. Click on **Adicionar na Lista de Conteúdo**\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-to-customize-a-page-using-placeholders_7.png)\n15. Click on **Salvar Configurações**"}