Customizing the homepage banner

Manage the looks of your homepage and make it unique to your community

Stijn Zwarts avatar
Written by Stijn Zwarts
Updated over a week ago

Admins can customize the homepage banner layout to make it unique to their community. You can easily configure between three versatile & expressive templates with many customization options, change the CTA text in the banners, add a button to your banner and choose how to show the avatars of your users. Personalize the homepage quickly to create a great first impression and match it to your branding.

Homepage banner templates

To customize, click on "Pages & menu" in the admin panel. Then click on "Edit" next to "Home". On this page you'll find the different parts of the homepage. Click on "Edit" next to "Hero banner" to edit the banner.

You can choose from; Full-width banner, two-column banner, and two rows banner. These templates are only visible on the homepage before logging in or registering.

When to use which banner?

  • The Full-width banner is best for a nice visual result but doesn't work well with text or crucial elements on the sides of an image. This banner is also reused in the narrow version of the banner shown to users that are logged in.

  • The Two-row banner is the one you need when you don't want the banner text or button to appear on top of the image. This banner is also reused in the narrow version of the banner shown to users that are logged in.

  • The Fixed-ratio is the best variant if you use text or don't want the banner to be cropped as much as the full-width banner on different devices. When using this banner, we show a solid coloured background based on the primary colour of your platform on top when users are signed in, instead of this banner image. This is to avoid weird looking results.

Banner texts for registered & non-registered

Besides the homepage banner templates, you can also edit the text in the banner. There is a difference between the text that is shown on the homepage before and after logging or registering.

This text can be used to make clear what the platform is for and to give a call to action.

Button (Default, No, Custom) for registered & non-registered

To enrich your banner you can also add a button to the banner. In the banner before logging in we have set up a button to register by default. If you want a different button you can select 'Custom' and fill in the text of the button and the link that it needs to direct to. You also have the option to disable the button.

For the banner after logging in you also have the option to add a button. This can be useful to direct users to a certain project you want to highlight or to a page with more information about the platform.

Avatar

Furthermore, you can choose if you want to show the avatars of your users in the banner before logging in. If you enable this, the amount of registered users and some of their profile pictures will be shown.

Images sizes and dimensions

There are multiple places where you can customize your platform with images (pictures or designed visuals or graphics) to make your platform more engaging and communicate the right look and feel, the hompage banner being one of them. In the following article you'll find the exact guidelines per image type to make sure your images are shown correctly and don't look blurry:

Did this answer your question?