{"section":"tutorials","requestedLocale":"en","requestedSlug":"managing-placeholders","locale":"en","slug":"managing-placeholders","path":"docs/en/tutorials/storefront/layout/managing-placeholders.md","branch":"main","content":"Placeholders allow the store to insert four types of elements on its page:\n- Banner\n- DHTML Banner\n- Collection\n- HTML\n\nIn practice, a placeholder is a configurable snippet of code that meets store-defined conditions.\n\nFor example, you could insert a placeholder on the homepage and set it as a banner; and then pick three different images for this banner, each activated on a specific date range.\n\n### Inserting the placeholder in the template\n\nFirst of all, to create a new placeholder, you need to insert the control that will define it in the template.\n\nThis is the placeholder control: `<vtex:contentPlaceHolder id=\"\" />`\n\nIt creates a configurable element in the part of the code where it is inserted.\n\nIt is important to enter an `id` value. It will be the identifier of that placeholder in the system.\n\n![6 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/managing-placeholders_1.png)\n\n### Configuring the placeholder\n\nOnce the placeholder control has been inserted into the template, you can configure it in the settings of the layout that uses this template.\n\n1. Open the layout and then click on the **Settings** tab. The new placeholder should appear there, with the name equal to the id value defined in the control. For now, this placeholder is empty, meaning there are no objects inside it.\n![6 2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/managing-placeholders_2.png)\n2. To insert an object, click on **add object**.\n3. Then choose the object type and click on the **Add** button.\n4. Finally, click on the **Save Settings** button.\n\nYou can now edit the object inserted in the placeholder.\n\nTo do this, click on the pencil icon inside the object, and then click on **add content**.\n\n![6 3](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/managing-placeholders_3.png)\n\nYou can now name this object, upload images to it and configure the conditions under which it will be rendered.\n\nAt the end, click on the __Add Content List__ button and then save the content."}