--- title: Create and manage Templates description: The following article outlines how to create Single and Multi-Window Templates within the CMS. --- [Skip to content](https://support.eyemagnet.com/cms/create-and-manage-templates#main-content) English Show submenu for translations [Customer portal](https://support.eyemagnet.com/tickets?hsLang=en) ![Logos-1](https://support.eyemagnet.com/hubfs/Logos/Logos-1.svg) - [Knowledge Base Home](https://support.eyemagnet.com/) Open main navigation Close main navigation - [Knowledge Base Home](https://support.eyemagnet.com/) - English Show submenu for translations - [Customer portal](https://support.eyemagnet.com/tickets) - [eyemagnet.com](https://www.eyemagnet.com/) [eyemagnet.com](https://www.eyemagnet.com/) Hi, how can we help you? - There are no suggestions because the search field is empty. 1. [Eyemagnet Knowledge Base](https://support.eyemagnet.com/?hsLang=en) 2. [CMS](https://support.eyemagnet.com/cms?hsLang=en) 3. [Configuration](https://support.eyemagnet.com/cms?hsLang=en#configuration) # Create and manage Templates ## The following article outlines how to create Single and Multi-Window Templates within the CMS. ### **Templates** A Template is a screen layout that defines one or more areas (called Windows) for placing [Media Items](https://kb.eyemagnet.com/knowledge/uploading-media-items?hsLang=en)when creating a[Playlist](https://kb.eyemagnet.com/knowledge/creating-playlists?hsLang=en). - A **Template** is made up of two elements; a **Canvas** and a **Window**. - A Canvas allows you to define the size of a layout. *All values are in Pixels (px).* - A Window allows you to define the size of an area within a Canvas. *All values are in Pixels (px).* When you first open your [Client Network](https://kb.eyemagnet.com/knowledge/client-networks?hsLang=en), you’ll be provided with a list of Templates for basic screen sizes.   --- ### Create a Template (Single Window) To create a Template, follow these steps: 1. Click the **+ New** button at the bottom of the Template Library. 2. A new Settings panel will open, and you’ll be able to configure your Template. 3. Name your Template. 4. Type in the **width** and **height** of the Canvas. 5. Next, click the **+** icon in the Windows panel to add a Window to the Canvas. 6. Name your Window. 7. Type in the **width** and **height** of the Window. 8. Type in the **x** and **y** coordinates of your Window. These coordinates tell a screen or device where to place the Window. 9. Once you're finished, click the **Save** button. 10. Your Template will now be added to the Template Library**.** **![](https://support.eyemagnet.com/hubfs/CMS-Templates-Creating%20Templates-01-gif.gif)** When placing the x and y coordinates for your Window, please note that the top left-hand corner is set to **0px, 0px.**   --- ### Create a Template (Multi-Window) **Multi-Window Templates** are used for advanced screen setups such as video walls, picture-in-picture and L-wraps. To create a multi-Window Template, follow these steps: 1. Click the **+ New** button at the bottom of the Template Library. 2. A new Settings panel will open, and you’ll be able to configure your Template. 3. Name your Template. 4. Type in the **width** and **height** of the Canvas. 5. Next, click the **+** icon in the Windows panel to add a Window to the canvas. 6. Name your Window. 7. Type in the **width** and **height** of the Window. 8. Type in the **x** and **y** coordinates of your Window. These coordinates determine where the Window is positioned on the Canvas. 9. To go back and add another Window, click the **Windows** breadcrumb at the top of the panel. 10. Next, click the **+** icon in the Windows panel and repeat steps 6 to 8 to configure the new Window. 11. Once you’ve finished creating your Template, click the **Save** button. 12. Your Template will now be added to the Template Library**.** **![](https://support.eyemagnet.com/hubfs/CMS-Templates-Creating%20Templates-02-png-1.png)**    --- ### Update an Existing Template To update an existing Template, follow these steps: 1. Click on a **Template** to open the Settings panel. 2. Rename your Template. 3. Change the Canvas sizes. 4. To update a Window, click on a **Window entry.** 5. Next, rename the Window. 6. Edit the **width** and **height** or the **x** and **y** coordinates. 7. To go back and edit another Window, click the **Windows** breadcrumb at the top of the panel. 8. Once you’ve finished creating your Template, click the **Save** button. To cancel the changes, click the **Revert** button. 9. Your Template will now be updated with the latest changes. If your Template is currently in use, the Canvas and Window settings can be updated, but **cannot** be deleted. Updating a Template will affect the Playlists that are currently using the Template.   --- ### **Delete a Template** To delete a Template, follow these steps: 1. Click on a **Template** to open the Settings panel. 2. Click the **Delete** button at the bottom left-hand corner. 3. Your Template will now be deleted. ![](https://support.eyemagnet.com/hubfs/CMS-Templates-Creating%20Templates-03-png.png) If your Template is currently in use, it will **not**be deleted. All playlists using the Template will have to be removed first and then you'll be able to delete the Template.   --- ### **Duplicate a Template** To duplicate a Template, follow these steps: 1. Click on a **Template** to open the Settings panel. 2. Click the **Duplicate** button at the bottom left-hand corner. 3. A new Template entry will be created. 4. Rename your Template. 5. Change the Canvas sizes. 6. To update a Window, click on a **Window entry.** 7. Next, rename the Window. 8. Edit the **width** and **height** or the **x** and **y** coordinates. 9. To go back and edit another Window, click the **Windows** breadcrumb at the top of the panel. 10. Once you’ve finished creating your Template, click the **Save** button. To cancel the changes, click the **Revert** button. 11. Your Template will now be added to theTemplate Library as a new entry. ![](https://support.eyemagnet.com/hubfs/CMS-Templates-Creating%20Templates-04-png.png) [![Logos](https://support.eyemagnet.com/hubfs/Logos/Logos.svg "Logos")](https://www.eyemagnet.com/) ©2026 Eyemagnet Limited. All Rights Reserved.