---
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)
  2. *Choose template*, to list the available templates: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/15014535920924.png)
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)

## 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)
2. Adding a module into an *available slot* in your *layout*: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/15014484246044.png)

> [!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)

### 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)
2. Select the relevant action: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10568207084700.png)

> [!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)

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)

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)

## 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)
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)In the example above, the *@mainmenu* variable is defined as follows: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/11851076579740.png)