Create a grid scene
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
Scenesto open thePage structurepanel, then click the+(tooltipAdd scene). - In the Build view: in the scene strip on the left, click the
+(tooltipAdd scene).
Adding a blank grid scene
To add a blank grid scene:
- Open the scene picker with
Add scene. - In the sidebar, under
Blank, selectGrid scenes. - Click one of the four blank grid scenes. Hover a scene for a short description.

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.
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 |
|---|---|---|
| One and a half screens | Full browser width |
| One screen | Full browser width |
| One and a half screens | Up to 1200 px, centred |
| 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. In the Design view you can also change the content width later; see Layout types and position settings.
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:
- Open the scene picker with
Add scene. - In the sidebar, choose a library under
My librariesorDefault libraries.My librariesholds your organisation's own scenes, includingIn current project.Default librariesholds Maglr's scenes. - If the picker shows the filter
All/Grid/Freeform, selectGridto see only grid scenes. - 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 (tooltipScene options) and chooseDuplicate. - 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.
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.
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.
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.
Updated on: 30/10/2026