Add elements and building blocks

You add content to a grid scene by dragging elements and building blocks from the Add drawer onto the page, or by clicking a + on the canvas. Content you add snaps into the flow of the page: above, below or beside what is already there.

Elements and building blocks

You can add two kinds of content to a grid scene:

• Elements — single pieces of content, such as a text, heading, image, video or button.
• Building blocks — ready-made rows that combine several elements, such as an image with a text beside it. In the editor, building blocks are listed under Layouts, for example in Basic layouts.

Start with a building block when you need a layout, such as an image with a text beside it, and add single elements to fill it in or extend it.

After you add a building block, it is an ordinary row on your page. Changes you make to it don't affect the library it came from.

Opening the Add drawer

The Add drawer lists everything you can add to a grid scene. To open it, click Add in the left panel.

The drawer has these parts:

• Element categories — Elements, Numbers and Specials, or All to see every element.
• Layouts — building blocks: Basic layouts first, then your organisation's own libraries with building blocks saved for reuse.
• Assets — your own files and stock media.

Adding content by dragging

To add an element or building block by dragging:

1. Click Add in the left panel to open the drawer.
2. Drag an element or building block onto the page.
3. Watch the blue drop line: it shows where the content will land.
4. Release to add it.

Where you drop decides how the content is placed:

• Above or below existing content — the content gets its own row.
• Beside an element — the content is placed next to it: in the free grid columns beside it if there is room, otherwise the space is split into columns.
• In the gap between two columns — the content becomes an extra column.

A red drop line means the content can't be placed there.

Adding content with the + on the canvas

The + buttons on the canvas add content at an exact spot, without dragging. To add content with a +:

1. Select a row, column or element on the page. + buttons appear around it.
2. Click a +:
3. • a + above or below a row or column opens a list of building blocks
   • a + beside an element opens a list of elements
3. Click the building block or element you want. It is added at the spot of the +.

To choose from everything in the Add drawer instead, click Show all in the list. The drawer opens, and the next element or building block you click is added at the spot of the +.

An empty row or column has its own +. Click it to add the first element.

Adding the first content to an empty grid scene

A new, empty grid scene shows the message Drag your first element here. To add the first content, drag an element or building block from the Add drawer onto the scene.

The building blocks in Basic layouts

Basic layouts is Maglr's built-in set of building blocks for grid scenes. It has these building blocks:

• Empty row
• Background row
• Image row
• Two-col
• Three-col
• List card
• Image card
• Video card
• Column row
• Slider (with a BETA label)
• Grid list (with a BETA label)

Hover the ? on a building block for a short description.

Grid list adds a Card list and Slider adds a Card slider: rows of cards that wrap into a grid or scroll sideways. For how card rows work, see Card list and Card slider.

Elements not available in grid scenes

Some elements can't be used in a grid scene and are not shown in the Add drawer:

• shapes and vector shapes
• a Grid container
• 3D presets

In the Build view, these elements are also not available:

• Lottie
• Scroll indicator
• Breadcrumb

Adding content in the Build view

Adding content in the Build view works the same as in the Design view, with these differences:

• The Add drawer opens on Basic layouts.
• The + buttons appear only above and below content, not beside it. They have captions: Add element, Add layout, Add layout above and Add layout below.
• The element list is shorter: Lottie, Scroll indicator and Breadcrumb are not available.

For more on the Build view, see Roles and views in the editor.

Frequently asked questions

Why does clicking an element in the Add drawer not add it?

In a grid scene, an element or building block is added by dragging it onto the page. A click only adds it when you have first clicked a + on the canvas and then Show all; the click then adds it at the spot of that +.

Why can't I find shapes in a grid scene?

Shapes and vector shapes are not available in grid scenes, so they are not shown in the Add drawer. They can be used in freeform scenes.

Updated on: 30/10/2026