Articles on: The editor

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


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

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. 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:


  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.


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