--- title: "Add templates, modules, and layouts to pages" slug: "add-templates-modules-and-layouts-to-pages" updated: 2025-09-01T10:30:24Z published: 2025-09-01T10:30:24Z canonical: "documentation.deltatre.com/add-templates-modules-and-layouts-to-pages" --- > ## Documentation Index > Fetch the complete documentation index at: https://documentation.deltatre.com/llms.txt > Use this file to discover all available pages before exploring further. # Add templates, modules, and layouts to pages This article details how to add templates, modules, and layouts. ## Selecting a template On new pages, producers must take two steps to select a template: The default template is the *Blank Template*, without a structure. 1. Select 1. *Blank Template* if you need no template: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/15014535906460.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) 2. *Choose template*, to list the available templates: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/15014535920924.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) 2. Select the template you want to apply, and the page automatically updates: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/15014535922460.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) ## Using layouts and modules Then, add either a layout or module, by: 1. Adding a layout into an *available slot* in your *template*: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/15014535925660.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) 2. Adding a module into an *available slot* in your *layout*: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/15014484246044.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) > [!NOTE] > **Note:** We advise against adding a layout into another layout as it overcomplicates the page structure. ### How to edit modules Modules have a dual purpose: - Select the content the front-end must render within a page. - Describe how the front-end should render the selected content. Each module sorts content for a specific type of entity. There are modules for stories, albums, custom entities, etc. Each module has a specific configuration, e.g., the Common - Article module links the page to a determined story through its slug: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10567978707228.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) ### How to copy, move, and delete modules After creating a module, you can copy or move it. Perform these actions by taking the following steps: 1. Select the *three dots icon* in the top-right corner of your module: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10568058256668.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) 2. Select the relevant action: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10568207084700.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) > [!NOTE] > **Note:** Copy/paste modules from one page to another to save time. ### How to copy layouts Hover over a layout. In the layout top-right, the *copy* icon displays: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/14898664183068.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) Select the copy icon. Then, on the same page or another one, choose the blue slot where you can paste the copied layout: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/14891064437020.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) If the producer selects the latest slot, the pasted layout is added there with all the nested content — modules and other layouts: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/14898658055196.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) ## How to link a menu When templates, layouts, and modules have a menu parameter, producers can directly link to the menu. There are two ways to link a menu: 1. Start typing into the menu property box and select the suggested menu path: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/11851099432732.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D) 2. Select the *@* icon to enter a variable and write the variable with the menu path: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/11851099436444.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D)In the example above, the *@mainmenu* variable is defined as follows: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/11851076579740.png?sv=2026-02-06&spr=https&st=2026-10-27T18%3A08%3A12Z&se=2026-10-27T19%3A08%3A12Z&sr=c&sp=r&sig=5CpZOB5MD93qQHJK6FI8GBMY5as%2FHwT%2BZgtAgXE9QRY%3D)