Personalize the look and feel of your CommuniBee site to make it uniquely your own. Easily apply a color scheme, adjust fonts, upload your logo, and configure your site menus to align with your brand.
To start, select the Content tab from the left side menu. This will present a secondary menu with additional tabs for adding Pages, Resources, and more. As well as a section for Site Configuration. The Site Configuration tools will empower you to customize your site’s appearance and functionality, ensuring it perfectly represents your community’s identity.
Easily set up your community’s home page to welcome members. Your initial setup options depend on your choice during onboarding: using a community template or starting from scratch.
This setup ensures your community site’s home page aligns with your vision and provides a seamless experience for your members.
Efficient navigation is key to a user-friendly website. We offer three menu configurations to enhance your site’s navigability:
The top menu is your primary navigation tool, guiding users to various parts of your site. It supports linking to any type of Page—whether it’s a Static Pages, which you create and customize from scratch, or Specialized Pages, such as an upcoming event, product showcases, or news posts. Links to external sites are also supported, offering even more flexibility.
To add a menu item:
Once you’ve added your Top Menu items, you can use the Sort Mode toggle to rearrange the order they present in the menu.
This menu appears upon clicking the hamburger icon in the top right corner of your CommuniBee site. Configuring the Popover Menu follows the same steps as the Top Menu, allowing for a consistent but distinct navigation experience. Access this through the Popover Menu tab.
Once you’ve added your Popover Menu items, you can use the Sort Mode toggle to rearrange the order they present in the menu.
The Footer Menu, accessible from the Footer Menu tab, offers a space for additional links, often used for legal pages like Privacy Policy or Terms of Service. You could also include links that provide end-of-visit options for users, such as contact information. If your site has lengthy pages, replicating the top menu in the footer enhances navigation by offering quick access without the need to scroll up.
Tip: After setting up your Footer Menu, proceed to the Site Footer section to customize your footer’s design and layout, ensuring a cohesive look and feel across your site.
Customize the footer that appears at the bottom of every page on your CommuniBee site, to enhance your site’s professionalism and navigability. A default footer is automatically included, featuring essential details such as:
You can choose to either build on this default footer, start from scratch and create one yourself, or you may wish to remove the footer from your site altogether.
Upon editing or creating a new footer, you’ll access the Build Your Footer page. Click the edit icon on the right side of the footer block to customize the appearance. This will open the editor, where you can:
You can add extra page blocks above or below the footer for more content, but for most, the footer itself suffices.
This setup ensures your footer not only carries all necessary community information but also matches your site’s aesthetic and functional needs.
To enhance your CommuniBee site’s usability, we offer essential accessibility features that can be easily activated. These include:
While these features are always accessible via the user’s Profile, activating them in the Accessibility Setup will position them prominently above the Top Menu, making them immediately available for users who may need them.
This is where you can begin to really personalize your community. As you make changes, you can get a quick idea of how this will appear on your site in the Branding Preview.
Tip: It’s always recommended to preview your CommuniBee site as you make adjustments in the Management dashboard. We suggest having your site at least partially set up before you adjust the Branding settings. This allows you to see how your branding settings apply to all areas of your site.
Begin by uploading your organization’s logo, ideally sized at 500×500 pixels, that will display in the top left corner of the Top Menu. Adjust the Header Logo Height for the best fit.
If you don’t have a logo, CommuniBee’s mascot will display in the logo area so users always have an icon to select to return home.
Customize your site’s typography to improve readability and align with your brand identity.
Corner Rounding: Set the roundness for buttons and frames to soften or sharpen edges according to your brand aesthetics
Enhance the look of your Top Menu with:
Solidify your brand’s visual identity with a cohesive color scheme:
Tip: The Color Picker tool allows you to input the Hex, RGB, or HSL codes directly. This way you can achieve an exact color match without having to manually adjust the slider. Simply enter your desired code into the Color Picker to instantly apply your brand’s specific color. Use the up/down arrows next to the Hex code input to toggle to RGB and HSL.
After finalizing your choices, click Save to apply your branding settings.
