Register Now: Use Visual Dev + AI to Ship 10x Faster on July 24

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Contact Sales
Platform
Developers
Contact Sales

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. Drag and drop content entries to reorder them.
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.

Builder evaluates which entry to fetch by starting at the top of the Content list. For example, if you had two published /about Pages with the same URL and identical targeting and scheduling (including an absence of targeting or scheduling), Builder would select the first in the list.

To reorder content entries, drag and drop the entries using the drag handles to the left of a content entry. Order, along with targeting and scheduling, affect how Builder prioritizes which content entries to fetch. For more detail on order and priority within the context of targeting and scheduling, read:

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 How Builder determines priority in Scheduling Content. For details specific to targeting, visit Using order with targeting in Targeting 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 a guide on using tags and custom views, visit Creating a Custom View with Tags.

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

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

Newsletter

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

Product

Visual Copilot

Visual Headless CMS

Integrations

What's New

Open Source

Builder

Builder

Mitosis

Mitosis

Qwik

Qwik

Partytown

Partytown

Popular Guides

From Design to Code Ebook

SaaS Marketing Site Ebook

Composable Commerce Ebook

Headless CMS Guide

Headless Commerce Guide

Design to Code

Resources

Blog

Knowledge Base

Community Forum

Partners

Performance Insights

Templates

Success Stories

Showcase

Resource Center

Frameworks

React

React

Next

Next.js

Qwik

Qwik

Gatsby

Gatsby

Angular

Angular

Vue

Vue

Svelte

Svelte

Remix logo

Remix

Nuxt

Nuxt

Hydrogen

Hydrogen

Builder.io logo

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

Get StartedLog In
© 2024 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms

Security & Compliance

Cookie Preferences