Let's Get Started

Editing Content

You can choose to set up different types of input fields depending on your content. For instance, a blog might have a title, a slug, and a long-form field for formatted content. These may be different for a product directory or a photo blog, where you may need to add an image field. To edit the fields each CMS item will have, click on any of the column titles. This will trigger a modal to add new fields, where you can also re-arrange the fields or modify or delete the existing ones.

Adding Content to the Canvas

After setting up the content, go back to the canvas. Your collections are accessible from the Insert menu. Open the Insert menu, navigate to the CMS Content section, and drag and drop your collection onto the canvas. This will add a special stack with layers connected to your data. From here, you can edit the visual properties on the right, just as you would do with a regular Stack.

Add a Page with Content

If you want to add a page that will automatically fill with CMS data, head over to the left panel. Once you're in the Pages tab, click on the + button next to the CMS section. If you add the Index page, a page listing all the items in your collection will appear. Choosing the Detail page presents a page with content from your individual items.

Note: If you opted to add the sample data, a new detail page called /blog will be created on your website, and the stack of content will be incorporated into the page for you.

The detail page will by default show content from the first entry in the collection. To preview other items, change the content by selecting a different item from the dropdown menu.