Made in Builder.io

Upcoming webinar with Figma: Design to Code in 80% Less Time

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Talk to Us
Platform
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

Custom views combined with custom fields, such as for tags, can help you organize and access your content as your app grows. This document covers the use case of applying tags and then creating a custom view based on your tags.

Before you can use tags in a content entry, you must add a custom field to the model you'd like to use tags on. This example adds a tags field to a Page model, but you can add custom fields to any content entry.

  1. Go to Models.
  2. Select the model you'd like to use tags with. This document uses the Page model as an example.
  3. Go to the Fields tab and click + New Tab.
  4. Name the field tag and set its type to tags.

The following video shows adding a custom field for tags.

For an in-depth explanation of custom fields, visit Custom Fields in the developer documentation.

  1. Go to Content and open a content entry. These instructions use a Page content entry because the previous section added a tags custom field.
  2. Click on the Options tab to find the tags custom field the Page model contains and is now displayed in the content entries.
  3. Add tags, such as marketing, seasonal, or whatever term you'd like to use.
  4. For published Pages, republish after tagging for display in custom views, which the next section covers. Draft pages update automatically.

The next video shows using the new tags custom field in a Page content entry.

You can create views based on content entry custom fields as well as many other attributes. This example continues with Page tags.

  1. Return to your content entries list.
  2. Click the Filter button, then click the + Filter button in the dialogue.
  3. Select Tag from the dropdown, and apply a filter for Tag contains marketing (or whatever the term is you've created).
  4. Click Done.
  5. Click Save View and name your view; for example, Marketing Pages and choose if the view is available for just for your view (you) or for everyone in your Space.
  6. Your new view, Marketing Pages, is now on the left side of your content entries list under Views, displaying all pages tagged with marketing.

The video below shows creating and saving a View that filters for a marketing tag.

For an in-depth explanation of custom fields, visit Custom Fields in the developer documentation.

For more detail, and another example of a custom view, visit the Creating custom views section of Managing Content.

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