> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.maglr.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Create a grid scene

|| Grid mode is in beta and available in selected accounts only.

A page in the editor is built from scenes, stacked one below the other. To add a grid scene, open the scene picker with `Add scene` and choose a blank grid scene or a ready-made scene from a library, or duplicate a scene that is already on the page. You choose grid or freeform when you create a scene. This can't be changed afterwards.

## Splitting a page into scenes

Splitting a page into scenes keeps a longer page manageable. Each scene can be one part of your story, such as an opening, a chapter or a closing call to action. Because every scene has its own settings, you can:

* give each part its own background and height
* move, duplicate or delete a part of the page in one go
* set a transition between parts, or link straight to a scene
* mix grid scenes and freeform scenes on one page

## Ways to add a grid scene

You can add a grid scene to a page in these ways:

* **A blank grid scene** — an empty scene you build from scratch.
* **A ready-made scene from a library** — a designed scene you change to fit your content. Libraries hold your organisation's own scenes and Maglr's default scenes.
* **A copy of an existing scene** — a duplicate of a scene on the page, with all its content.
* **A new page** — when you add a page from a project's overview in the dashboard, you can choose a grid page. Its first scene is a grid scene.

Ready-made scenes from libraries are only available through `Add scene` in the editor.

## Opening the scene picker

The scene picker is the `Add scene` window, where you choose the scene to add. You can open it in these ways:

* **On the canvas:** hover between or below scenes and click `Add scene`.
* **In the Design view:** in the left panel, click `Scenes` to open the `Page structure` panel, then click the `+` (tooltip `Add scene`).
* **In the Build view:** in the scene strip on the left, click the `+` (tooltip `Add scene`).

## Adding a blank grid scene

To add a blank grid scene:

1. Open the scene picker with `Add scene`.
2. In the sidebar, under `Blank`, select `Grid scenes`.
3. Click one of the four blank grid scenes. Hover a scene for a short description.

![Clicking Add scene on the canvas, choosing Grid scenes and adding a blank Fullscreen (max-width) grid scene](https://storage.crisp.chat/users/upload-1/plugin/-/4/b/a/a/4baaf9a6d64adc00/3-01-add-blank-grid-scene_y7sk4d.gif =1000xauto)

The scene is added to the page straight away. It opens with the message `Drag your first element here`. To add content, see [Add elements and building blocks](https://help.maglr.com/en/article/add-elements-and-building-blocks-1oleumf/).

## Blank grid scene types

The four blank grid scenes differ in their starting height and their content width:

| Blank grid scene | Starting height | Content width |
| --- | --- | --- |
| `Longpage` | One and a half screens | Full browser width |
| `Fullscreen` | One screen | Full browser width |
| `Longpage (max-width)` | One and a half screens | Up to 1200 px, centred |
| `Fullscreen (max-width)` | One screen | Up to 1200 px, centred |

Choose `Fullscreen` for a scene that should fill the screen when it appears, such as an opening scene. Choose `Longpage` for a scene with more content, such as an article.

Every grid scene grows taller as you add content, whichever type you start from. You can change the height later with `Scene height`; see [Grid scene settings](https://help.maglr.com/en/article/grid-scene-settings-x7ftdk/). In the Design view you can also change the content width later; see [Layout types and position settings](https://help.maglr.com/en/article/layout-types-and-position-settings-25u81/).

## Adding a ready-made grid scene from a library

A ready-made grid scene is a designed scene from a library, which you then change to fit your content. Start from one when your organisation already has designed scenes to reuse, or to get a layout to work from. To add one:

1. Open the scene picker with `Add scene`.
2. In the sidebar, choose a library under `My libraries` or `Default libraries`. `My libraries` holds your organisation's own scenes, including `In current project`. `Default libraries` holds Maglr's scenes.
3. If the picker shows the filter `All` / `Grid` / `Freeform`, select `Grid` to see only grid scenes.
4. Click the scene you want to add. The scene is added to the page straight away.

The `Grid` / `Freeform` filter is only shown if you can create both kinds of scene.

## Duplicating a scene

A duplicate is a copy of a scene with all its content, added to the same page. To duplicate a scene:

* **In the Design view:** in the left panel, click `Scenes`. Hover over the scene, click the `•••` button (tooltip `Scene options`) and choose `Duplicate`.
* **In the Build view:** click the button with the scene's name at the top right of the scene and choose `Duplicate scene`.

If the scene links to a popup, the editor asks what the copy should link to: choose `Link to the original popup` or `Duplicate the popup`.

## Creating a grid scene in the Build view

In the Build view, the scene picker shows only grid scenes: the blank grid scenes and ready-made grid scenes. There is no `Grid` / `Freeform` filter, because the Build view works in grid scenes only. For more on views, see [Roles and views in the editor](https://help.maglr.com/en/article/roles-and-views-in-the-editor-13gasx2/).

## Frequently asked questions

### Can I turn an existing scene into a grid scene?

No. A scene is a grid scene or a freeform scene from the moment you create it, and this can't be changed later. To use grid mode, add a new grid scene with `Add scene` and build the content there.

### What is the difference between Longpage and Fullscreen for a grid scene?

For a grid scene, `Longpage` and `Fullscreen` only set the starting height: one and a half screens or one screen. Both grow taller as you add content, and both can be changed later with `Scene height`. See [Grid scene settings](https://help.maglr.com/en/article/grid-scene-settings-x7ftdk/).

### Why can't I add a scene?

Adding scenes needs the Design or Build view. In the Content view the `+` and `Add scene` controls are not shown. See [Roles and views in the editor](https://help.maglr.com/en/article/roles-and-views-in-the-editor-13gasx2/).

### Can a grid scene be a popup?

Yes. Any scene can be used as a popup, whether it is a grid scene or a freeform scene. See [Using scenes](https://help.maglr.com/en/article/using-scenes-difsuq/).