{"section":"tutorials","requestedLocale":"es","requestedSlug":"asociar-un-template-con-un-layout","locale":"es","slug":"asociar-un-template-con-un-layout","path":"docs/es/tutorials/storefront/layout/asociar-un-template-con-un-layout.md","branch":"main","content":"Su tienda escribe el código de las páginas en los **templates** del CMS. Tan pronto como la tienda tenga acceso al Admin, por ejemplo, el template `Home` es el que contiene el código del *homepage* del sitio web.\n\nPero digamos que crea una nuevo template `Home2` y quiere mostrarlo en el homepage. ¿Cómo sabe la plataforma que es el template `Home2` el que debe mostrarse en el homepage, y no el template `Home`?\n\nPara indicar esto, debe asociar el template deseado con el **layout**, que se encuentra en la estructura de carpetas del sitio web, dentro de Sites and Channels.\n\nEsta asociación se realiza en la configuración de las propiedades del layout. Para llegar allí, siga estos pasos:\n\n1. En el Admin VTEX, accede a **Storefron > Layout > CMS**. Haga clic en **Sites and channels**.\n2. Haga clic en el sitio web deseado, referente a la tienda que está editando.\n3. Haga clic en la carpeta raíz (`/`).\n4. Busque el layout que desea editar. \n5. Haga clic en el menú desplegable **Template**. Ahí se listarán los templates configurados en HTML Templates.\n6. Seleccione el template que desea asociar a este layout.\n7. Digite `yes` para confirmar el cambio (este paso es necesario porque se trata de un cambio crítico para el sitio web, ya que el front-end de la página será reemplazado). \n![CMS 4 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/asociar-un-template-con-un-layout_1.png)"}