Create an events home page

A full written guide with screenshots is coming soon!

Think of an Events Home page as a central hub to promote your community’s events. From this page, you can list all current and upcoming events within your community. Your members can learn more about the events you run, browse individual events, and signup or purchase tickets to attend your upcoming events.  

To get started, from the Events menu option, select the Event Home Page tab.

General

Like other setup pages within CommuniBee Suite, begin by including some general information on this page. 

  • Title: This is the name for your home page. 
  • Page Slug: The unique identifier that appears at the end of the home page’s URL. This automatically populates based on your title, but you can optionally change it if desired. 
  • Short Description: Provide a brief description for your page. This appears in search results and when shared online. 
  • Feature Image: Upload an image that will be featured when this page is shared online. 

Check out the Sample Preview as you fill in the fields above to get an idea on how your home page will appear when shared throughout your community’s website. 

Once you have entered the above details, click Save. 

Configuration

On this tab, the fields below will help you further design your events home page. 

  • Show Category Tiles: if you have multiple event categories, you can have them appear on your home page as clickable tiles. 
  • Events Shown Per Category: enter a value to decide how many events per category will appear on your home page. 
  • Events Home Description: enter in as much detail as needed to describe this page.  
  • Color Highlight: this will appear on the home page’s tile whenever shared online and linked to throughout your community’s site. 

Media

This section is all about the design of the hero section for your events home 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 truly stunning page for your members to land on.

  • 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 home 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 home 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. 

Once you are done setting up your media, navigate to the Layout tab to preview your events home page.

Layout

Not only can you preview your home 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. 
  7. 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. 

Visibility

With your events home 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.

Additional Event Management Guides