Made in Builder.io

Join us for an AI launch event by

Builder.io and Figma
Talk to Us
Product
Developers
Talk to Us

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

When you create Page, Section, or Data entries in Builder, they are all available in the Content area of the Builder UI.

You can search, organize with folders, as well as create custom views according to your needs.

The image below shows the Content area of Builder with three areas featured:

  • Search: Search all content. To speed up your workflow, use the forward slash, /, as a keyboard shortcut for accessing search.
  • Left sidebar: Access folders, custom views you create, and content entries.
  • Content list: Display all content entries for the selected model; that is, the model selected in the left sidebar.
Screenshot of the Content area of Builder that shows a Search, a left sidebar that categorizes the types of content, and the actual content entries.

Admins can create folders that users can use to organize content.

  1. Click + New Folder.
  2. Name the new folder.
  3. Choose a parent folder if you'd like to nest the folder.
  4. Click the Create Folder button.
  1. Drag content entry from the content list to drop on the desired folder.
  1. Open the folder to display the contents of folder in the content list.
  2. Drag the content entry out of the content list and drop it on the prompt that reads Remove from folder. This prompt displays when you drag the content entry near the Folders section of the left sidebar.
  1. Hover over the folder and click on the settings wheel that displays on hover.
  2. In the Edit Folder dialogue, rename or delete the folder.

The following video shows creating and nesting a folder, adding and removing items to and from the folder, editing a folder, and deleting a folder.

Tip: Reordering content entries, whether in a folder or not, affects the priority. For more information, read the Setting priority section of Target and Scheduling Content.

To add content entries to a folder:

  1. Select the items by clicking the checkbox next to each content entry.
  2. Expand the More menu at the upper right and select Add to Folder.
  3. In the dialogue that opens, select a folder.
  4. Click the Choose button.

To remove content entries from a folder:

  1. In the folder, select the items by clicking the checkbox next to each content entry.
  2. Click Remove from Folder.

When you remove content entries from a folder, the content returns to the default content list.

The next video shows adding and removing several content entries to and from a folder.

Custom views help you curate your content view. This is especially helpful for organizing content entries that you access frequently.

To create a custom view:

  1. Click Filter.
  2. In the dialogue that opens, click +Filter.
  3. Choose a property and select a qualifier such as is, contains, or is not.
  4. Repeat the previous step as needed.
  5. Click Done.
  6. To save your new custom view, click Save View and complete the dialogue that opens.
  7. Click Save.

Now the new custom view displays in the Views section of the left sidebar. Expand Views to access your views.

The video below goes through the process of creating and saving an example view based on content entries in the Builder documentation that have "Integrating" in the name:

For organizing templates and assets, read Managing Templates, Images, and Symbols with Folders.


Looking to hire a third party to help with your project?

Submit a project request and our partnerships team will reach out to connect you with an Expert from our partner ecosystem.

Connect with us

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Get the latest from Builder.io

Developer Newsletter

Latest tips, tricks, and news for frontend developers from our blog

Product Newsletter

Latest features and updates on the Builder.io platform

By submitting, you agree to our Privacy Policy

Product

Features

Pricing

What's New

Developers

Builder for Developers

Developer Docs

Open Source Projects

Performance Insights

Headless CMS: Visual Guide

Resources

Documentation

Blog

Community Forum

Templates

Partners

Submit an Idea

Use Cases

Landing Pages

Headless CMS

Headless Storefront

Customer Showcase

Customer Success Stories

Builder.io logo

Visually build and optimize digital experiences on any tech stack. No coding required, and developer approved.

Get Started

Log In

Product

Features

Pricing

Integrations

React.js

Next.js

Gatsby

Angular

Vue

Nuxt

Hydrogen

Salesforce

All Integrations

Use Cases

© 2023 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms