{"section":"tutorials","requestedLocale":"es","requestedSlug":"gestion-de-placeholders","locale":"es","slug":"gestion-de-placeholders","path":"docs/es/tutorials/storefront/layout/gestion-de-placeholders.md","branch":"main","content":"Los placeholders permiten a la tienda ingresar cuatro tipos de elementos en la página:\n- Banner\n- Banner DHTML\n- Colección\n- HTML\n\nEn la práctica, un placeholder es un fragmento de código configurable, que responde a las condiciones definidas por la tienda.\n\nPor ejemplo, puede ingresar un placeholder en el homepage y definirlo como un banner, y luego elegir tres imágenes diferentes para este banner, cada una activada en un rango de fechas específico.\n\n### Ingresando el placeholder en el template\n\nAntes que nada, para crear un nuevo placeholder, debe ingresar el control que lo definirá en el template.\n\nEste es el control de placeholders: `<vtex:contentPlaceHolder id=\"\" />`\n\nLo que hace es crear un elemento configurable en el lugar del código donde se ingresa.\n\nEs importante ingresar un valor de `id`. Este será el identificador para este placeholder en el sistema.\n\n![6 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/gestion-de-placeholders_1.png)\n\n### Configurando el placeholder\n\nAhora que el control de placeholder se ha ingresado en el template, vamos a configurarlo.\n\nEsto se hace en las configuraciones del layout que utiliza este template.\n\n1. Abra el layout y luego haga clic en la pestaña **Settings**. El nuevo placeholder debería aparecer allí, con el nombre igual al valor del id  definido en el control. Por ahora, este placeholder está vacío; es decir, no hay ningún objeto dentro de este.![6 2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/gestion-de-placeholders_2.png)\n2. Para ingresar un objeto, haga clic en **add object**. \n3. A continuación, seleccione el tipo de objeto y haga clic en **Añadir**.\n4. Finalmente, haga clic en el botón  **Save Settings**, en la parte superior de la página.\n\nAhora puede editar el objeto que ha ingresado en el placeholder.\n\nPara esto, haga clic en el lápiz que se encuentra dentro del objeto y, a continuación, haga clic en **add content**.\n\n![6 3](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/gestion-de-placeholders_3.png)\n\nAhora puede definir el nombre de este objeto, subir imágenes y configurar las condiciones en las que se renderizará, tales como el período. \n\nAl final, haga clic en __Add Content List__ y luego guarde el contenido."}