{"section":"tutorials","requestedLocale":"en","requestedSlug":"what-is-the-purpose-of-the-customized-control","locale":"en","slug":"what-is-the-purpose-of-the-customized-control","path":"docs/en/tutorials/storefront/layout/what-is-the-purpose-of-the-customized-control.md","branch":"main","content":"Some projects require the use of a banner, a shop window display, or even an HTML code that will be used on different pages of the site. A typical example is the free delivery and discounts banner located on the header, right below the menu.\n\nIn order to avoid manually adding the same content several times on each page, we have created the Custom Elements area.\n\nCustomized controls are very useful for development, and they facilitate the update of contents created for this purpose. They can be used on Page Templates and Subtemplates.\n\n## Creating a customized control\n\nTo create a Customized Control, go to the Admin and access the **Storefront menu**. Click **Layout** and on the CMS folder and then on **Custom Elements**.\n\nIn the Custom Elements area, you can create up to four types of characteristics to customize the Tag.\n\nThe types include Banner, BannerDHTML Collection or HTML.\n\nTo create a customized control tag, click on Add, enter a name, a tag name, and select the type.\n\n\n\n> ⚠️ **Warning:** do not create an HTML type control with an element `title`. This may interfere with your store operation.\n\n## Application of customized controls on a page template\n\nThe application of a customized control tag is similar to the use of the element. The tag should be placed where you want the content to be loaded.\n\nIn order to differentiate the customized control created that will be used, enter the tag name that was added together with the control syntax.\n\nSee the syntaxes for each type of control below:\n\n1. Banner Type: ``\n2. HTML Type: ``\n3. Collection Type: ``"}