{"section":"tutorials","requestedLocale":"pt","requestedSlug":"associando-um-template-a-um-layout","locale":"pt","slug":"associando-um-template-a-um-layout","path":"docs/pt/tutorials/storefront/layout/associando-um-template-a-um-layout.md","branch":"main","content":"> Tutorial válido apenas para lojas CMS Portal (Legado).\n\nO código das páginas da sua loja são escritos nos **templates** do CMS. Assim que a loja ganha acesso ao Admin, por exemplo, o template `Home` é o que contém o código da *homepage* do site.\n\nMas digamos que você crie um novo template `Home2` e queira exibi-lo na homepage. Como a plataforma sabe que é o template `Home2` que deve ser mostrado na homepage, e não o template `Home`?\n\nPara indicar isso, é preciso associar o template desejado ao **layout**, que se encontra na estrutura de pastas do site, dentro de Sites and Channels.\n\nEssa associação é feita na configuração de propriedades do layout. Para chegar até lá, siga estes passos:\n\n1. No Admin VTEX, acesse **Storefront > Layout > CMS** e clique em **Sites and channels**.\n2. Clique no website desejado, referente à loja que você está editando.\n3. Clique na pasta raiz (`/`).\n4. Procure o layout que você deseja editar. \n5. Clique no dropdown **Template**. Aí serão listados os templates configurados em HTML Templates.\n6. Selecione o template que você deseja associar a esse layout.\n7. Digite `yes` para confirmar a mudança. (Este passo é necessário porque esta é uma alteração crítica para o site, já que o front-end da página será substituído.) \n\n![CMS 4 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/associando-um-template-a-um-layout_1.png)"}