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:- Sidebar - Page outline and available blocks
- Canvas - Visual page editor
- Toolbar - Site navigation, Pages, and Publish button
Creating Pages
Watch the workflow in Primo. Download video · Download captionsRead the walkthrough
Read the walkthrough
- Open Pages, then choose Create page.
- Name the page. Primo generates its URL.
- Create the page using its default page type.
- Open the new page to start editing.
1
Open Pages dialog
Click “Pages” in the toolbar.
2
Create new page
Click “Create Page”.
3
Choose page type
Choose from the page types your developer configured. Their names and layouts depend on your site.
Page types determine which blocks you can use. Your developer configures these.
4
Set page details
Fill in:
- Name: Name shown in the page list; it appears to visitors only if your developer uses it in the design
- Slug: URL path (auto-generated)
- Content fields your developer defined, such as an article title or author
Your page is created. Fill in its content; if its page type allows layout changes, you can also add blocks.
Working with Blocks
A block is a reusable design your developer builds or imports. Each placement on a page has its own section content. The blocks available to you depend on the page type.Adding Blocks
Watch the workflow in Primo. Download video · Download captionsRead the walkthrough
Read the walkthrough
- Choose where the new block will go.
- Find a block in the Blocks tab.
- Drag the block onto the page.
- The new block appears in the page outline.
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
Open Edit content from the block toolbar and fill in the fields, then choose Save.
Editing Blocks
Watch the workflow in Primo. Download video · Download captionsRead the walkthrough
Read the walkthrough
- Open Edit content for a block.
- Update the headline in its content field.
- Save to update the page.
- Your saved content appears on the canvas.
- Hover over a block to see the block toolbar
- Click Edit to open the editor
- Fill in text, images, links, etc.
- Click Save (or press
Cmd/Ctrl + S) to apply dialog changes
Reordering Blocks
Watch the workflow in Primo. Download video · Download captionsRead the walkthrough
Read the walkthrough
- Select a block in the page outline.
- Open the block actions menu.
- Move the block up one position.
- The canvas and outline use the new order.
- Hover over a block
- Use the drag handle (appears in toolbar)
- Drag up or down to new position
Deleting Blocks
- Hover over a block
- Click the trash icon in the block toolbar
- Confirm deletion
Publishing
When the site’s saved changes are ready, publish the site. Publishing includes changes on other pages too:- Click “Publish” in the toolbar (or press
Cmd/Ctrl + P) - Click “Publish Changes” in the dialog
- Wait for the success message; timing depends on site size and your browser
Your changes are now live!
Inline edits and page layout changes auto-save. Changes in block, section, and site dialogs require Save. Saved changes become public when you publish the site.
Keyboard Shortcuts
Cmd/Ctrl + P: PublishCmd/Ctrl + ↑/↓: Navigate between pagesCmd/Ctrl + E: Open the hovered section editor; developers can also toggle Code and Content tabsCmd/Ctrl + S: Save (in block/section editors)
Next Steps
Publishing
Learn the publishing workflow.
Core Concepts
Understand how Primo organizes content.