Add pages to your website

CommuniBee caters to a variety of content needs with specialized templates for events, products, donations, sponsors, and news posts. If you’re aiming to craft a custom page—a static page that doesn’t conform to these predefined templates—CommuniBee offers the flexibility to create from scratch. 

To add new pages, navigate through your dashboard to the Content tab found on the side menu. This action takes you to the Pages tab, where existing pages, including those from any chosen template during your community’s initial setup, are displayed. Here is where you have the capability to add, edit, or delete pages to suit your needs.  

To create a new page, click Add Page.

General

Every new page will require the same general information, which will also be included on the Feature Card.

  • Title: Enter the name of the webpage 
  • Page Slug: A unique web address suffix for your page, automatically generated but this is editable. 
  • Short Description: Provide a summary of this page that will be displayed when shared online or on other pages. 
  • Feature Image: Upload an image that will be displayed when sharing this page on social media or showcased within your community. 

As you fill in the details above, a Sample Preview dynamically updates to give you a sneak peek of how your page will appear once shared. This is an example of what a Feature Card looks like.

Media

This section is all about the design of the hero section for your page. You can upload images or link to a video to feature on this page. Depending on the media type and positioning, you can control how visitors will first encounter your 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 details of the page 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.

Content

Add any text content you wish to display on the page using the HTML editor. If left blank, we present the Short Description that was entered on the General tab. If you selected to use Custom Blocks Only from the Media tab, you can ignore this tab as you will be using page blocks from the Layout tab to add your content.

Layout

In the Layout section, you have the opportunity to further shape your page. If you’ve chosen to use Custom Blocks Only, this is where you begin to populate your page with Page Blocks that will showcase your content. If you’ve already provided media or text, you can review it here. You might decide to keep the layout as it is, or you might add more Page Blocks to enhance it. 

To insert new Page Blocks, click on Add Block to End or use the (+) icon next to an existing block. In the same area, you can edit or replicate the block, or you may delete it by selecting the trash can icon. To rearrange a block, use your mouse to left click and hold, then drag the block above or below another block. Let go of left click to set the block in place. 

Individual Blocks 

This is where the flexibility of CommuniBee shines. Combine different page blocks to customize your page to your needs. You can add a variety of elements such as banner images, HTML text areas, or links to internal community items like individual products or events. The composition of these blocks on your page depends on what you want to achieve—be it a text-rich page or one that focuses on visuals and promoting community offerings. Stay tuned for more block types as we expand our selection. Learn more about the available page blocks.

Whole Page Templates 

For those who want to start with a structured layout, we offer a ready-made Member Portal template, ideal for communities with a focus on user engagement. This template can be set as the home page, and from there, you can tailor settings such as the number of upcoming events or news items to display, highlight featured items, and create navigational links to various community aspects like products, events, sponsorships, fundraising campaigns, or specific static pages.

Visibility

The Visibility tab is where you make the page visible to your guests.  

Status 

  • Draft: The default status for any newly created page. Pages set to Draft cannot be shared or viewed by your audience.
  • Live: The status must be live in order to be visible to your guests. 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.
  •  

You have the flexibility to change the page status at any time. Additionally, you can schedule when a page goes live or set it to archive automatically at a future date and time.  

Schedule a Publish Date: Enter the date and time you wish to have the page become visible to your guests. Then set the status to Live and save. Note, a static page must be linked somewhere in your CommuniBee site in order to be accessible to guests, such as to the Top Menu, or to an existing page via a side item block.  

Automatically Hide: Enter a Hide After date and time and your page will be automatically archived once this date is reached. This makes it inaccessible to guests and ensures the content on your website stays up to date.

Tip: To get a comprehensive understanding of the many settings and options available, consider setting your page status to Live after you’re done with the General tab. This action unlocks the ability to click on the Preview tab just below the Visibility tab. Additionally, an Overview tab will appear which includes a View option. Both of these options will allow you to see your page as it would appear to your website visitors. Continuously reviewing your page from a guest perspective whenever you make a change is the simplest and most effective way to ensure your page looks just right!