Using the Editor

Guide for content editors on managing pages and blocks in Primo.

This guide is for content editors who create and manage pages in Primo. You’ll learn how to create pages, add blocks, edit content, and publish your work.

If you’re a developer setting up Primo, share this guide with your content editors.

The Editor Interface

The Primo editor has three main areas:

1. Sidebar - Draggable blocks and library
2. Canvas - Visual page editor
3. Toolbar - Site navigation, Pages, and Publish button

Creating Pages

Watch the workflow in Primo.

1. Open Pages dialog

   Click “Pages” in the toolbar.

2. Create new page

   Click “Create Page”.

3. Choose page type

   Select a page type (e.g., “Blog Post”, “Default”).

   Page types determine which blocks you can use. Your developer configures these.

4. Set page details

   Fill in:

   • Name: Page title
   • Slug: URL path (auto-generated)
   • Any other fields the page type requires

Your page is created. Now add blocks to build content.

Working with Blocks

Blocks are the building blocks of your pages.

Adding Blocks

Watch the workflow in Primo.

1. Find a block in sidebar

   Browse available blocks in the left sidebar.

   Available blocks depend on what your developer enabled for this page type.

2. Drag onto page

   Drag the block from the sidebar onto your page. Drop it where you want it.

3. Edit content

   Click the block to open its editor and fill in the fields.

Editing Blocks

Watch the workflow in Primo.

1. Hover over a block to see the block toolbar
2. Click Edit to open the editor
3. Fill in text, images, links, etc.
4. Changes auto-save

You can also double-click a block to open its editor.

Reordering Blocks

Watch the workflow in Primo.

Drag blocks to reorder them:

1. Hover over a block
2. Use the drag handle (appears in toolbar)
3. Drag up or down to new position

Deleting Blocks

1. Hover over a block
2. Click the trash icon in the block toolbar
3. Confirm deletion

Publishing

When your page is ready:

1. Click “Publish” in the toolbar (or press Cmd/Ctrl + P)
2. Click “Publish Changes” in the dialog
3. Wait for completion (~10-30 seconds)

Your changes are now live!

Changes auto-save as you work, but aren’t live until you publish.

Keyboard Shortcuts

• Cmd/Ctrl + P: Publish
• Cmd/Ctrl + ↑/↓: Navigate between pages
• Cmd/Ctrl + E: Toggle to code tab (in block/section editors)
• Cmd/Ctrl + S: Save (in block/section editors)

Next Steps

Publishing

Learn the publishing workflow.

Core Concepts

Understand how Primo organizes content.