---
title: Understanding collections and collection items [B12 2.0]
description: Learn more about collection items and how to edit them in the B12 editor
---

[Skip to content](https://support.b12.io/en/v2/understanding-collection-sections#main-content)

![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg)

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)

Open main navigation

Close main navigation

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)
- [Start for free](https://b12.io/signup/)

[Start for free](https://b12.io/signup/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [B12 Help Center](https://support.b12.io/en?hsLang=en)
2. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en)
3. [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)

# Understanding collections and collection items \[B12 2.0\]

## Learn more about collection items and how to edit them.

| ![jay\_d2-1572877644-modified](https://support.b12.io/hs-fs/hubfs/jay_d2-1572877644-modified.png?width=60&height=60&name=jay_d2-1572877644-modified.png) Written by: Jay D. Last updated: 28 Aug., 2025 |  | Some of the features mentioned in this article may require [enabling expert mode](https://support.b12.io/en/articles/1816167-how-to-enable-expert-mode?hsLang=en). |
| --- | --- | --- |

Collection items in B12 let you display grouped content types like **services**, **team members**, **testimonials**, **projects**, and more. These sections are built with a group of similar items and are a powerful way to manage repeatable content across your website.

This article explains how collections work and where to go to edit them.

### What is a collection?

A collection is a group of similar items that are added to an individual section within a page on your website. Each individual collection item is stored in B12's content management system (CMS) and can be included in any section(s) that use the same collection type.

A collection will automatically be added if you choose certain section types. These are the available section types that include collections:

- **Awards** sections typically include a collection of images, depending on the layout you choose.
- **Blog** sections include a collection of blog posts.
- **Clients** sections typically include a collection of images or customers, depending on the layout you choose.
- **Contact** sections may include one or more contact information collection items as well as a contact form.
- **Events** sections include a collection of upcoming events.
- **FAQ** sections include a collection of questions with answers.
- **Features** sections include a collection of products.
- **Gallery** sections includegallery items, which can be images or videos.
- **Hero** sections of all types include a collection of links, which can be used to add multiple buttons or CTAs.
- **How it works** sections include a collection of process steps.
- **Menu** sections include a collection of menu items.
- **News** sections include a collection of announcements.
- **Press** sections typically include a collection of images or resources, depending on the layout you choose.
- **Pricing** sections include a collection of products.
- **Products** sections include a collection of products.
- **Projects** sections include a collection of projects.
- **Resources** sections include a collection of resources.
- **Services** sections include a collection of services.
- **Team** sections include a collection of team members.
- **Testimonials** sections include a collection of client quotes.

#### Collection items and template pages

Some collection items include a feature that automatically creates a page based on a reusable template for that type of item. This can help you quickly and easily create pages with a similar structure. The template can be edited to meet your needs and help your items appear consistent.

The following collection items automatically include template pages:

- - **Blog posts**
    - **Intake forms**
    - **Products**
    - **Services**
    - **Scheduling pages**
    - **Team members**

When adding one of these collection items, some information associated with the item may appear in the section and some information may appear on the template page.

For example, the blog post **Summary** only appears in the section, the **Body** only appears on the template page, while the **Title** appears in both places.

#### Mapping collection items and fields

If you would like to show the same collection item across multiple sections of your website, you can choose previously created items by searching at the top of the collection. 

For example, if you've already created a blog post and you'd like to show it on a new section of featured blog posts, search for it under **Add existing blog posts** to add it to your new section.

![](https://support.b12.io/hs-fs/hubfs/image-png-Aug-28-2025-03-06-00-5775-PM.png?width=250&height=263&name=image-png-Aug-28-2025-03-06-00-5775-PM.png)

Individual fields associated with the collection item can also be shown on sections of your website as needed. Because the content for each collection item is stored in the CMS and associated with the collection item itself,  associated fields can be mapped and un-mapped from sections under **Display options**.

For example, when a featured image is added to a blog post that is included in two sections, you can choose to hide the image in one section, but show it in another section without removing the image from the blog post itself.

![](https://support.b12.io/hs-fs/hubfs/image-png-Aug-28-2025-03-09-45-4731-PM.png?width=250&height=213&name=image-png-Aug-28-2025-03-09-45-4731-PM.png)

#### When to use collections

Collections are useful for:

- Showcasing multiple similar items in one area, for example in a list or grid
- Displaying the same set of content across multiple pages
- Automatically create consistent individual pages for each of the items you add (see template pages above)

### Finding and editing collection items

To find and edit collection items:

1\. Select **`Website`** \> **`Pages`**

2\. Select the page where you collection appears, then select the correct section.

**Tip:** If your collection item uses a template page, scroll to the listed pages for that type of collection. Click **Show more** to view all of the template pages.

![](https://support.b12.io/hs-fs/hubfs/image-png-Aug-28-2025-03-23-15-2692-PM.png?width=250&height=182&name=image-png-Aug-28-2025-03-23-15-2692-PM.png)

3\. In the left sidebar, scroll down to the Collection box to add, remove, or edit your collection items.

![](https://support.b12.io/hs-fs/hubfs/image-png-Aug-28-2025-03-26-21-5818-PM.png?width=250&height=274&name=image-png-Aug-28-2025-03-26-21-5818-PM.png)

 

#### Changing the appearance of your collection items

Within each section that includes collection items, you can edit the appearance of your items the following ways:

- Choose different layouts to change how items are displayed
- Adjust the number of columns that appear in a grid
- Control how many items appear in a section
- Update styles like background, spacing, and image size and shape
- Organize your items with selectable filters using tags

Changes made to an individual section will not affect other sections that use the same collection item.

Changes made to the collection item itself apply to all sections that use it, so you only need to edit once.

### Related articles

Below is a list of articles discussing how to add, edit, organize, and more with collection items:

- [Adding collection items](https://support.b12.io/en/articles/5030636-adding-collection-items?hsLang=en)
- [Changing the number of columns displayed in a collection or gallery](https://support.b12.io/en/articles/4951545-changing-the-number-of-columns-displayed-in-a-gallery-or-collection?hsLang=en)
- [Adding integrations to individual collection items](https://support.b12.io/en/articles/4603895-adding-integrations-to-individual-collection-items?hsLang=en)
- [How to automatically sort/reorder collection items](https://support.b12.io/en/articles/7030676-how-to-automatically-sort-reorder-collection-items?hsLang=en)
- [Rearranging sections, navigation links, and other collection items](https://support.b12.io/en/articles/3418613-rearranging-sections-navigation-links-and-other-collection-items?hsLang=en)
- [Adding a learn more pop-up box to a product or service section](https://support.b12.io/en/adding-a-learn-more-pop-up-box-to-a-product-or-service-section?hsLang=en)

 

 

- [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content)

    - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction)
    - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides)
- [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content)

    - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills)
- [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content)

    - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit)
    - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor)
    - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends)
    - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions)
    - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce)
    - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager)
    - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures)
    - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)
    - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team)
    - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics)
    - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)
- [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content)

    - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)

    - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains)
    - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
    - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain)
    - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending)
    - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing)
- [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content)

    - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs)
- [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content)

    - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password)
    - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information)
    - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account)
    - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites)
    - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user)
- [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content)

    - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0)
- [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content)

    - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)
    - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
    - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings)
    - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor)
    - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo)
    - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general)
    - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication)
    - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language)
    - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce)
    - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features)
    - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources)
    - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms)
    - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling)
    - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)

[![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io)

© 2025 B12. All rights reserved.

<https://twitter.com/b12> <https://www.facebook.com/B12io> <https://www.youtube.com/@b12io> <https://www.instagram.com/b12io>

×