Create filter groups

Filter groups offer a way to further categorize your content beyond the standard categories for Events, Products, Resources, and Sponsors that CommuniBee provides. These groups enable users to filter content based on additional criteria.

For instance, if you’re offering food items in your Marketplace, you may have categories such as Breakfast, Lunch, Dinner, and Snacks, in which case, you might set up a filter group for dietary restrictions with options like vegan and gluten-free. Similarly, a filter group for locations could help users find items based on specific buildings, towns, or rooms. See the end of this guide for additional examples.  

Filter groups can be applied to your community’s Events, Products, Resources, Sponsors, and News Posts. This feature enhances the user experience by making it easier to navigate and find relevant content.

To get started, select the Content tab from the side menu, then click Filter Groups. Here, you have an overview screen that lists all your existing filter groups and basic details such as the Filter Name, View count, the Author, and the current State (Visible, Scheduled, Draft, Archived).  

To create a new filter group, click Add Filter Group.

General

Start by including some general information about this filter group. 

  • Filter Group Home Name: this is the name of your filter group. 
  • Page Slug: the unique identifier that appears at the end of the page’s URL. This automatically populates based on your title, but you can optionally change it if desired. 
  • Short Description: provide a brief description about the filter group itself. This appears in search results and when shared online. 
  • Feature Image: upload an image that will be featured when this page is shared online. 

Once you have entered the above details, click Save. 

Configuration

  • Show Filter Tiles: decide whether you want your filters to appear as individual tiles on the filter group’s web page. If left unchecked, filters can still be accessed from the side menu found on the filter group’s web page.
  • Items Shown Per Filter: set how many items each filter will list on the filter group’s web page. You can choose to show 1 to 10 items, all items, or no items per filter.
  • Filter Group Home Description: provide a more detailed description of the filter group that appears directly on the web page.
  • Color Highlight: optionally set a unique color that applies to all filter tiles that are a part of this filter group.

Lastly, select the area(s) of your site that should display and apply this filter group. As mentioned previously, filter groups can apply to the following areas: Events, Marketplace, Sponsors, Resources and Posts. A filter group may apply to more than one area.

Filters

This section is where you create the specific Filters that belong to this Filter Group. If you have existing filters, they will display on this page and list the Filter Name, View Count, the Author, and the current State (Live, Draft, Archived, Upcoming). 

The steps to setting up filters is very similar to setting up the filter group itself. When you click on Add Filter, you will be required to fill out a second set of General, Configuration, Media, Layout, and Visibility tabs. The key difference is on the Configuration tab which allows you to optionally create a hierarchy for your filters.

  • Parent Filter: to establish a hierarchy, you may link your new filter to an existing one. By doing this, your filter becomes a sub-filter, nestled under the selected parent. This approach is beneficial for grouping together filters under a broader theme.
  • Show Sub-Filter Tiles: you have the option to showcase your sub-filters as distinct tiles on the webpage of the parent filter. If this option is not activated, sub-filters remain accessible via a dropdown menu in the parent filter’s sidebar.
  • Items Shown Per Sub-Filter: set how many items each sub-filter will list on the parent filter’s web page. You can choose to show 1 to 10 items, all items, or no items per sub-filter.

The remaining steps to setup an individual filter apply to settings up the overarching Filter Group, which the remainder of this guide will cover. Let’s continue setting up the Filter Group by moving on to the Media tab.

Media

This section is all about the design of the filter group’s page. You can upload images or link to a video that act as the banner for this page. The appearance of your banner can then be configured to create a visually stunning landing page.

  • Media Position: choose where you want your image or video to appear. 
    • Header & Body Only: no image, no problem. Your page will default to only have header and body text. No image upload necessary. 
    • Media On Left: if you would like to keep your image and content together within a single section, this allows your image to appear on the left, and your header, body, and page details on the right. 
    • Media Full Width At Top: like standard web pages, a banner appears at the very top of your page and takes up the full width (commonly referred as the Hero section). The rest of the content then appears below your banner. 
      • If using Images, you will have the option to adjust the following: 
        • Banner Aspect Ratio: select the general size of your image(s). 
        • Banner Max Height: choose how tall your image(s) will be.
        • Image Anchor: determine how your image(s) will be positioned. 
    • Use Custom Blocks Only: feeling ambitious and want to build this page from the ground up? Select this option and navigate to the Layout tab to create a unique page using our pre-built page blocks. 
  • Media Type 
    • if you selected Media on Left or Media Full Width At Top from the Media Position dropdown, you can decide on the media type (Images or Video). 
      • Images: you can browse from your community library or upload new images from your device. If you upload multiple images, they will appear on your page as a slideshow
      • Video: only YouTube videos are supported currently. Open the YouTube video you want to link. Click on the Share button, then select the Embed option. Only copy the URL from this screen, then navigate back to your CommuniBee dashboard and paste it in the Video URL field. 

After configuring your media settings, navigate to the layout tab to preview your filter group’s page

Layout

Not only can you preview your page from this tab, but you can also make additional changes to the overall page layout. 

To build on this page and add additional sections, follow the steps below: 

  1. Under where it says, Choose Another Template or Block to Add, click on the Add Block To End button. 
  2. A Page Block screen will appear that lists individual blocks that can be added to your page. For example, a Text Block to include text and an optional button, a Multiple Item Block to feature specific items from your community, and more.  
  3. Click the Add button to have the block appear on your page. 
  4. Depending on the block type you select, you will have different customization options. As you make changes to a page block, a preview will update live on your screen so you can know exactly how your page will look before you save. 
  5. After you finish customizing a page block, be sure to hit the Save button so you don’t lose your work. 
  6. For any additional blocks you add, you have the option to edit, duplicate, or delete individual blocks by using the icons on the right side of each block.

To rearrange a block, use your mouse and hold left click on it, then drag the block above or below another block. Let go of left click to set the block in place. Learn more about the available page blocks.

Visibility

With your filter group’s page fully designed and ready to share to your audience, the Visibility tab is where you make the page visible.

Status 

  • Draft: The default status for any newly created page. Pages set to Draft cannot be shared or and viewed by your audience. 
  • Live: The status given when a page is published. You can share and have your audience view the page from your website. 
  • Archived: For pages that you want removed from your website. Once Archived, the page will be accessible from your dashboard and can be permanently deleted by navigating to its General tab.

At any time, you can manually update the status of this page. You can also schedule a Publish Date to have this page become visible at a specific date and time. Be sure to switch the status of the page to Live before entering a Publish Date. If you include a Hide After date, this page will automatically switch from Live to Archived at the specified date and time.

Examples

Here are additional examples of how you can leverage standard categories along with filter groups for enhanced organization: