Buzzmint
Knowledge Hub
Buzzmint Hub / Engage / Customise the home page

Customise the home page

Build the member-facing home page with linked section cards, responsive banners and clear layout controls.

For: Platform administrators and community managersReading time: 10 minIncludes video guideBuilt from walkthrough
Customise the platform home pageNarration retained · local file-browser details obscured.
Walkthrough reviewed
Source walkthrough

customise platform home page.mov · Reviewed against the Buzzmint Engage interface on 16 July 2026.

What you can add to the home page

The Home Page Layout area lets an administrator shape the first screen members see after signing in. The walkthrough demonstrates three component types:

Section card

Guide members to a destination

Combine a title, image, short description, link and button label in a reusable card.

Banner

Feature a priority message

Add a full-width desktop banner, an optional mobile version and an optional destination URL.

Content banner

Add a visual content tile

Use a 480 × 458 px image as an additional linked item in the home-page grid.

Layout controls

Reorder, edit or remove

Use the drag handle and action icons to maintain the home-page sequence.

The member home page before additional sections and banners are added.
The member home page before additional sections and banners are added.

Before you begin

  • You have administrator access to the correct Buzzmint portal.
  • The destination pages or module URLs have been confirmed.
  • Section titles and descriptions have been approved.
  • Desktop, mobile and content-banner artwork has been prepared at the recommended sizes.
  • Each link has been tested in a separate browser tab.
AssetRecommended size shown in the platformNotes
Full-width banner1490 × 240 pxDesigned for optimal display across devices.
Mobile banner600 × 240 pxOptional; used below the small-screen breakpoint.
Content banner480 × 458 pxUsed as a visual tile within the home-page content area.
Section imageNo fixed dimensions shown in the walkthroughUse consistent artwork with a safe central crop and legible text.
Use the client-approved artwork.The home page is highly visible. Check image crops, spelling and destination links before making the layout available to members.

Open Home Page Layout

1

Open Admin

From the left-hand portal navigation, select Admin.

2

Select Home Page

In the Admin Dashboard tab bar, select Home Page.

3

Review the current layout

The Home Page Layout list shows the components already displayed to members and provides controls for creating new items.

Home Page Layout provides Create Banner, Create Content Banner and Add Section controls.
Home Page Layout provides Create Banner, Create Content Banner and Add Section controls.

Add a section card

1

Select Add Section

Open the Add New Section form from the upper-right of Home Page Layout.

2

Add the section title

Enter a short label. The interface displays a maximum of 30 characters.

3

Upload the section image

The upload control accepts JPEG, PNG, JPG, WEBP and SVG files.

4

Write the supporting content

Add a concise description. The interface displays a maximum of 90 characters.

5

Configure the destination

Select the appropriate link type, enter the destination URL and add the button text members will see. The walkthrough uses an internal link to the Feed and the label “View More”.

6

Select Add Section

Save the item, then confirm it appears in Home Page Layout.

The Add New Section form begins with the title, image and short content fields.
The Add New Section form begins with the title, image and short content fields.
The lower section of the form contains the link type, destination URL and button text.
The lower section of the form contains the link type, destination URL and button text.

Reorder, edit or delete a section

After creation, the section appears as a row in Home Page Layout. Use the dotted drag handle to change its position, the pencil icon to edit it, or the bin icon to remove it.

A saved section includes drag, edit and delete controls in Home Page Layout.
A saved section includes drag, edit and delete controls in Home Page Layout.
Check the member view after every structural change.A saved admin row confirms the item exists, but only the member-facing Home page confirms the crop, copy and button work together.
The new Feed section card displayed on the member-facing home page.
The new Feed section card displayed on the member-facing home page.
1

Select Create Banner

Use this option for the wide banner displayed across the top of the home-page content.

2

Upload the desktop artwork

Use the recommended 1490 × 240 px banner image.

3

Add a mobile banner when needed

The optional mobile image uses the recommended 600 × 240 px size and is displayed below the small-screen breakpoint.

4

Add an optional hyperlink

Leave the field empty when the banner is purely visual, or enter the approved destination when the complete banner should be clickable.

5

Select Create Banner

Save, return to the member Home page and test both desktop and mobile artwork.

The full-width banner supports separate desktop and optional mobile artwork plus an optional hyperlink.
The full-width banner supports separate desktop and optional mobile artwork plus an optional hyperlink.
The wide banner displayed above the home-page cards in the member view.
The wide banner displayed above the home-page cards in the member view.

Create a content banner

Select Create Content Banner to add a visual tile alongside the other home-page sections. The walkthrough shows a recommended size of 480 × 458 px and an optional hyperlink URL.

The modal may still be headed “Create Banner”.Confirm that you selected Create Content Banner by checking the 480 × 458 px recommendation before uploading the asset.
The content-banner form requests a 480 × 458 px image and an optional hyperlink.
The content-banner form requests a 480 × 458 px image and an optional hyperlink.

Review and quality-check the home page

The completed example includes a full-width banner, profile card, linked section and content banner.
The completed example includes a full-width banner, profile card, linked section and content banner.
  • The desktop banner uses the 1490 × 240 px artwork.
  • The mobile banner has been supplied where a separate crop is needed.
  • Section titles and descriptions fit without awkward truncation.
  • Every button and clickable banner opens the intended destination.
  • Cards appear in the intended order.
  • Images remain readable on desktop and narrow screens.
  • No temporary demo copy or placeholder artwork remains.
  • The client or content owner has approved the final member view.

Common issues

An image is cropped poorly

Re-export the artwork at the recommended size and keep essential text and logos away from the outer edges.

A button opens the wrong page

Recheck the link type and destination URL. For internal destinations, copy the correct portal route rather than typing it from memory.

The mobile banner looks like the desktop version

Confirm that a separate mobile image was uploaded and test below the small-screen breakpoint.

A new item does not appear immediately

Confirm the creation action completed, then refresh the member Home page. If the issue remains, reopen Home Page Layout and verify the item is listed.

Hub version 0.3.7 · Last updated 16 July 2026

← PreviousUnderstanding rolesNext →Feed