--- title: "EasySignage Online Template Editor" description: "Learn how to easily use the online template editor in your digital signage account to create stunning, customized content in minutes!" url: https://easysignage.com/help/templates/online-editor/ --- # Online Template Editor - Open the management console - Click on **Playlists** - Open a playlist - Click on a layer where you will add a template - If the layer has no media, the apps dialog will open. Otherwise, click on **Add New** - Click on **Add from Templates** - Click on a template category - Click on a template - To Edit the template, Click on **Open Editor** ## Template Editor ![Template Editor](https://easysignage.com/help/assets/img/templates/template_editor.jpg) - Click on the text to select it - the top bar have the object controls ### Settings ![Template Settings](https://easysignage.com/help/assets/img/templates/template_settings.jpg) - Border: click on the border color to open color chooser. Control the border size using the seek bar. - Transparency: control the transparency of the selected object. - Shadow: click on shadow color to open color chooser. Control the shadow size using the seek bar. **Font** ![Template Font](https://easysignage.com/help/assets/img/templates/font_settings.jpg) Control the text style, text alignment, text color, font size and font family for text based objects. **Background** ![Template Background](https://easysignage.com/help/assets/img/templates/template_background.jpg) Click on Background and choose from the color picker to change the template background color **Color** ![Template Color](https://easysignage.com/help/assets/img/templates/template_color.jpg) Click on Color and choose from the color picker to change the selected color foreground color **Position** ![Template Position](https://easysignage.com/help/assets/img/templates/template_position.jpg) The position controls are respectively as follow: - Align the object to: left, center vertically, center horizontally, right, top, bottom - Send Backward: send the object to the back by 1 step - Bring forward: bring the object to the front by 1 step - Send to Back: send the object behind all other objects - Bring to Front: bring the object on top of all other objects Change the left and top position of the object _Objects can be moved by dragging and droppping them to another position. Or by using the arrow keys on the keyboard._ **Other Controls** ![Template Controls](https://easysignage.com/help/assets/img/templates/template_controls.jpg) - Undo / Redo: undo or redo the last action - Delete: Delete the selected object. Objects can also be deleted by pressing delete key on the keyboard - Snap to Grid: If checked, move the objects on a grid instead of freely moving them - Zoom: Put the cursor on a zone in the tempate and zoom in and out the template. ### Objects ![Template Objects](https://easysignage.com/help/assets/img/templates/template_objects.jpg) Click on an object to add it to the template. **_Adding social media object_** ![Social Media](https://easysignage.com/help/assets/img/templates/social_media_object.jpg) - Click on the object with facebook logo and your account text - Type in the account name and choose the social media type ![Configure Social Media](https://easysignage.com/help/assets/img/templates/configure_social_media.jpg) To edit the added object details, double click on it, it will reopen the above dialog. ![Social Media Preview](https://easysignage.com/help/assets/img/templates/social_media_preview.jpg) **_Adding a menu object_** ![Template Menu Object](https://easysignage.com/help/assets/img/templates/template_menu_object.jpg) Scroll down in the objects list and click on one of the menu designs ![Configure Menu](https://easysignage.com/help/assets/img/templates/configure_template_menu.jpg) - Type in the values and description - Click on the plus sign on the left to add more items - Click on delete on the right to delete an item - Click on **Change List type** to change the menu design - Once done click on **Update** ![Menu Preview](https://easysignage.com/help/assets/img/templates/menu_template_preview.jpg) - Change the color, font, position and other controls of the added menu. ### My Images ![My Images template](https://easysignage.com/help/assets/img/templates/template_my_images.jpg) - Click on **Upload Image** to upload images from your PC, Dropbox, OneDrive or Facebook - Images from the aseets can be used - Click on an image from the list to add it to the template ### Backgrounds ![Template Backgrounds](https://easysignage.com/help/assets/img/templates/template_backgrounds.jpg) - Choose a background category from the drop down on top - Click on a background to add it - Resize it and move it in the template to fit ### Collections ![Template Collections](https://easysignage.com/help/assets/img/templates/templates_collection.jpg) - Collections provide a built-in searchable image library ### Pixabay - Pixabay is a third-party searchable image library ### Shapes - Choose through different categories of shapes - Shapes can be customized in size and color ### Icons - Search through transparent vector images ### Layers ![Template Layers](https://easysignage.com/help/assets/img/templates/templates_layers.jpg) - Layers is the list of the objects added to the template - Drag and drop layers up and down to bring forward or send backward - The lock near each layer allows you to lock a layer from being modified, resized or moved - The eye is used to hide/show the layer * * * Once the template design is ready, click on **Save**. The template will be processed and saved as an image. To edit it again, click on **Open Editor**. [Previous ##### Add Template](https://easysignage.com/help/templates/add-templates/)