Browse Build Your Site

Build Your Site

Add and arrange blocks

Add blocks to the right slot, select and edit them, reorder or duplicate safely, and remove content at the intended page or shared scope.

3 min readUpdated 8 Aug 2026

Blocks are the content units inside a page's template slots. Add and arrange them from the correct page, then verify both the hierarchy and the rendered canvas.

Before you begin

  • Open the intended page through Content > Pages > Edit.
  • Confirm the page name in the editor header.
  • Know which slot should own the new content.
  • Check whether existing content is page-specific, shared, or inherited from a master page.

Use Blocks and Tree together

SurfaceUse it for
BlocksBrowse and search available content types
TreeInspect slots, nesting, and the current block order
CanvasSelect content and see the immediate draft result

Add a block in the intended slot

  1. Select Add Block in an empty slot or an insertion control such as Add block at the end.
  2. Choose a block type such as Heading or Text.
  3. Enter a meaningful Block Title and complete required fields.
  4. Select Add Block.
BlockNinja page editor showing a Heading and Text block in the Main slot, with All changes saved and Publish available.
BlockNinja page editor showing a Heading and Text block in the Main slot, with All changes saved and Publish available.

Select and edit the block

Select content in the canvas. The right panel shows its title and type, plus Edit Template, Duplicate, Up, Down, and the Content, Style, and History tabs.

Use Content for ordinary copy and data. Use Style for the supported visual options. Edit Template is an advanced template change, not a normal copy edit.

Move blocks precisely

  • Use Up or Down in the side panel.
  • Use Move up or Move down in the canvas toolbar.
  • Use the Drag to reorder handle for direct pointer or keyboard sorting.

Reorder only after Tree confirms the block's slot and parent. Moving a container moves its subtree.

Duplicate without creating confusion

  1. Select the source block and choose Duplicate.
  2. Immediately rename the copy.
  3. Change its content and verify the original remains independent.

A duplicate is a separate copy. It is not a shared-content relationship.

Remove at the correct scope

ChoiceImpact
Remove from this page onlyUnlinks a shared block from the current page
Delete from all pagesDeletes a shared block everywhere it is used
Delete from Master PageRemoves structure from every page using that master
Broad deletion may be irreversible. Choose the smallest scope that matches the task.

Confirm autosave and layout

  1. Wait for Saved · just now or All changes saved.
  2. Compare Tree with the canvas order.
  3. Switch the device selector among Desktop, Tablet, and Mobile.
  4. Check spacing, nesting, controls, media, and overflow.

Recover safely

  • Use Up or Down to restore a recorded order.
  • Remove an accidental duplicate from this page.
  • Correct an autosaved field and wait for the saved indicator.
  • Use Discard Draft Changes only when every unpublished change can be lost.
  • Restore a published version for wider recovery, then preview and Publish separately.

Next steps

  • Edit block content in the live editor.
  • Preview the complete draft before publication.
  • Learn the difference between duplicated and reusable blocks before sharing content across pages.

Related guides