How to Use Relume CMS

By the end of this doc, you'll be able to:

• Understand how collections, items and template pages work together
• Create a collection and show it on your pages
• Add content by writing it, importing it or letting AI write it from your brief
• Change layouts and publish content without republishing your whole site

Before You Begin

• A completed Brief, if you want AI to write content for you.
• The URL of your existing site, a spreadsheet or doc, if you're importing content you already have.

What Is Relume CMS?

A CMS (content management system) lets you add and update dynamic website content without writing code. Instead of editing each page by hand, you store content such as blog posts, case studies or portfolio projects in one place, and Relume displays it on your site using your existing design.

Relume CMS is built into your site from the start, so content and design stay linked. Add a blog post and it appears on your blog page in the same layout as your other posts, with its own page too. Change your blog section's layout and every post moves into the new design automatically.

Adding content is quick, too. Write it yourself, import it from your existing site, let AI write it from your brief or add it from your own AI tool with the Relume MCP.

Key terms: Your blog is a collection, and each post is an item. Each item is made up of fields, such as its title, image and author. Every post's page uses the same layout, called the template page.

Find Your Way Around the CMS

Open the CMS

There are two ways to open the CMS:

• Click the CMS icon in the top-right toolbar, next to Share.
• Select a CMS section on the canvas, then click Edit in CMS in the right panel. A CMS section is any section that shows content from a collection, such as a blog list on your homepage.

What You'll See

• Collections panel (left) — lists your collections. Underneath each one are its sub-collections: smaller lists you can attach to items, such as the authors, categories or tags on a blog post. Use the search bar to find a collection.
• Item grid (centre) — lists every item in the collection you've selected. Each row shows the item's status (Published, Ready or Draft), title, slug, and other fields.
• Toolbar (top) — has buttons to import content with AI, add an item and publish your changes.

Under the collection's name, a line shows where its content appears on your site, for example, "Used in 1 template page and 1 component". Click it to see those pages and go to them.

See Where Your Content Appears

Before you change a collection, check which pages use it, so you know what your change will affect.

• In the Sitemap: Click Sitemap in the top navigation. Sections that show CMS content have the CMS icon. Click the icon to see which collection the section uses.

  

• On the canvas: In the Design tab, select a section, then open Layers in the left sidebar. Layers that show CMS content are coloured and have the CMS icon.

  

Create a Collection

Relume may have already created some collections when it built your site, such as a blog.

Create a Collection in the CMS

1. Click the CMS icon in the top-right toolbar.
2. Click + in the top-right corner of the Collections panel.
3. Select a collection type, such as Blog, Changelog, Portfolio or Client Work.
   Each type comes with its own set of fields. For example, a blog has fields for the title, author and summary of each post. For now, you can’t add, delete or rename fields, so choose the type that best fits your content.
4. Click Continue.

1. Enter a name for your collection and toggle Create draft content if you’d like Relume AI to create content for your collection.
2. Click Create collection.

To show the collection on a page, connect it to a section using one of the options below.

Add a New CMS Section to a Page

Use this to add a new blog list, portfolio grid or similar section to a page.

1. Click Insert in the left sidebar.
2. Click the CMS tab.
3. Choose a category.

1. Click a section to add it to your page.
2. Click Choose a collection in the right panel.

1. Select an existing collection, or choose to create a new one. 

If you're creating a new collection, the Create your collection window opens:

1. Enter a Collection name.
2. Leave Import this list content switched on to keep the example content that's already in the section. Your new collection starts with those items, and you can edit them later.
3. Click Create & connect.

Relume creates the collection and a template page for it.

Connect a Section That's Already on Your Page

Use this if your site was built before CMS launched, or if a page already has a list section, such as a blog list, that you want to fill from a collection.

1. Select the section on the canvas.
2. Find the CMS settings in the right panel. If the section can show CMS content, you'll see the message "Connect a collection and the list fills itself."
3. Click Choose a collection.
4. Select an existing collection, or create a new one.

Add Content to a Collection

Each option below starts in the CMS, with a collection selected.

Write Items Yourself

1. Click Add item in the top toolbar.
2. Fill in the item's fields in the panel that opens on the right.
3. Click Save.

To change an item later, click it in the item grid, make your changes and click Save.

Import Content with Relume AI or the Relume MCP

Use this to bring in content you already have, such as posts from your current blog.

1. Click Import with AI in the top toolbar.
   The Agents panel opens on the left.
2. Choose Import from a website or Import from a spreadsheet/doc.
3. Tell the agent what to import. For example: Import the 12 latest blog posts from https://www.yoursite.com/blog
4. Press Enter to send your request.

The agent adds the items to your collection and puts each piece of content in the right field, including images.

Start by importing a few posts so you can check the results before you import the rest.

If you use Claude or another AI tool connected to the Relume MCP, you can also ask it to add content to your collections from there. For example: Import the 12 latest blog posts from https://www.yoursite.com/blog into my Blog collection

Let AI Write Content from Your Brief

1. Click Import with AI in the top toolbar.
2. Choose Create content from Brief.
3. Tell the agent what you need. For example: Create 3 client work items written from my brief.
4. Press Enter to send your request.

Open the agent at any time by clicking Agents in the left sidebar. It can also help with other tasks, such as filling in missing fields across your items.

Change Your CMS Section

Swap the Layout

1. Select a CMS section on the canvas.
2. Click Replace component in the right panel.
3. Browse the available designs.
4. Click the design you want to use.

Your content moves into the new design automatically, and the section stays connected to the same collection.

Hide Fields You Don't Need

If you don't want part of an item to show, such as its image or a button, hide its layer.

1. Click Layers in the left sidebar.
2. Expand the CMS section, then expand an item to see its layers, such as Media, Heading and Button.
3. Hover over the layer you want to hide.
4. Click the eye icon next to it.

Hidden layers are greyed out and show a closed-eye icon. Click the icon again to show the layer.

Design Changes Apply to Every Item

All the items in a CMS section share one design. If you remove something from one item, such as an author photo or a button, it's removed from all of them.

Preview and Publish

Preview Your Pages

Click the Preview (play) button in the top-right toolbar to see your pages as visitors will. You can check how they look on mobile here too.

Publish Your Content

You can put new or updated content live without republishing your whole site.

1. Open the CMS.
2. Click the publish button in the top toolbar.
   The button shows how many changes are waiting, for example Publish 1 change.

To publish design changes, such as a new layout on a template page, use the main Publish button in the top-right corner.