Skip to main content

Clubs: Club List Page Customization: Layout and Page Design

This page in the dashboard allows you to customize and change the club landing page or homepage for all clubs - chapters and interest groups.

The club list page is the homepage or landing page of all the chapters and interest groups in your community; the page that members land on when they select 'Clubs' from the main menu.

You have the option to add a customizable banner, an interactive map, and the list of clubs in a variety of formats in the center of the page, and an optional Community Info card on the right hand side.

Customization of this page is handled in the dashboard, in the Clubs → Club Layouts tab, in the Club List Page tab

A community Overview dashboard, with member counts, statistics, new members and top channels.

Cover/Banner

The banner appears at the top of the page and allows you to customize the background image, title, subtitle, and the alignment of the banner content. You can choose between a centered layout or a left-aligned layout to match the design of your community.

The club list page in the community, with the banner highlighted above the chapters map.

It is optional and the visibility of the banner can be toggled off in the dashboard.

You can customize the banner from Clubs → Club Layouts → Club List Page → Banner in the admin dashboard.

The Club Layouts page on the Club List Page tab, with the banner toggle and the chapters map below it.

Under Banner Layout, choose how the banner title and subtitle are positioned:

  • Center Mode: Displays the title and subtitle in the center of the banner. This is the default layout and is the layout used by existing communities.

  • Left-Aligned Mode: Displays the title and subtitle on the left side of the banner. The banner image is positioned to provide more open space for the text on the left, creating a layout consistent with banners used on Events, Courses, Collections, and other pages. This layout also includes an Icon setting, where you can select an available icon, use a custom icon, or select None if you do not want to display an icon. The Icon setting is only available when using Left-Aligned Mode.

When you select a layout, the banner preview updates so you can review how the title, subtitle, and image will be positioned before saving your changes.

Club Layouts with a centred banner preview above the chapters map and its own toggle.

If uploading a graphic, keep in mind that the title and subtitle appear as white text over the banner image. The recommended image format is 3600 × 500px | JPG | Up to 5 MB.

Changing the Banner Layout does not replace or modify your existing banner image. It only changes how the title, subtitle, and image are positioned. If you use Left-Aligned Mode, place important visual content toward the right side of the image so it does not compete with the text on the left.

The club list page in the community, with the banner image highlighted above the chapters map.

Chapters & Interest Groups

Visibility of Modules

You can make each club module (chapters or interest groups) visible or hidden in the community by toggling the module on or off.

The Chapters module in Club Layouts, with its Layout and Regions controls and a toggle to hide it.

  • If toggled 'On' the module all visible chapters and clubs within will appear in the community.

  • If toggled 'Off' the module and all chapters or clubs within will NOT appear in the community.

Order

You can customize which module appears first, chapters or interest groups by dragging and dropping the module to the order you'd like.

Club Settings with the Club List Page Layout tab open, showing the banner and the interest groups module.

Map (Chapters only)

Currently, the map is defaulted to appear and show all chapters with locations selected. The map's club locations will be pulled from the chapters module, and the locations selected from the location-picker. Members can interact with the map by dragging and focusing on regions to see where chapters are represented.

You can choose to move the map to appear below chapters or have it remain above chapters. You can also choose to disable the map entirely from Club Settings → Club List Page Layout → Chapters → Map

Club Layouts with the map placed below the chapters module rather than above it.

Chapters Style

Chapters are the geographic clubs and can be listed on the page in a variety of ways. You can customize what 'chapters' are called in these settings, and how they are listed and displayed.

Name

Change the name of 'Chapters' by selecting the edit button beside the name.

Names can be no more than 30 characters and once changed will be reflected across the platform.

Club Layouts with the chapters module renamed, shown by the edit icon beside its name.

Layout

Opt to have your chapters listed in any of six layouts, grouped by cover format: Vertical Cover (Large vertical card, Vertical card, List with vertical cover), Horizontal Cover (Horizontal card, List with horizontal cover), and No Cover (Text list).

Club Layouts with the banner turned off, leaving the chapters map at the top of the page.

When switching between a vertical-cover layout and a horizontal-cover layout, the dashboard will ask you to confirm the change before applying it. If a club cover image does not match the selected layout, Gradual will automatically crop the image to fit the layout on the live page. In vertical card and list-with-vertical-cover layouts, longer club names wrap onto multiple lines instead of being cut off. See examples of each layout option below.

Example horizontal card layout:

The chapters page in horizontal card layout, with a cover image behind each chapter name.

Example list with horizontal cover layout:

The same chapters page as a list with horizontal covers, each row showing a small cover beside the name.

List view layout:

The same chapters page as a plain text list, with no cover images.

Button Text

In the Large vertical card layout, each chapter card carries a button, and you can change what it says. Select Layout on the chapters module to open the Edit Layout panel: when Large vertical card is selected, a Button Text field appears directly beneath it. No other layout has one.

The Club Layouts page on the Club List Page tab, with the Edit Layout panel open on Interest Groups Style.

The field is locked to begin with and shows the current button label in grey. Select the pencil icon to edit it. Button text can be no more than 25 characters, and a character count appears below the field while you are editing.

The default label is Go to followed by the name your community uses for clubs, so it changes if you rename them. To go back to it, select the revert icon at the end of the field and save: the field clears and locks again.

Your text is shown to members exactly as you enter it, in every language. If your community runs in more than one language, choose wording that works for all of them, or leave the field empty to keep the default label.

Button text applies wherever chapter cards appear in the Large vertical card layout, including search results and a member’s own list of clubs. Chapters and interest groups are set separately, so the two modules can use different wording.

If you switch to another layout and later switch back to Large vertical card, your saved button text is still there.

Regions

You can group your chapters by regions and customize the name of those regions. Regions help organize the chapters but are optional to your club architecture. There can be up to 50 regions, and region-based organization remains available regardless of which list layout you choose.

  • If there is only one region in your dashboard, and all clubs are assigned to that region, it will not appear on the club page for users to select.

  • If there are more than one region and clubs assigned to multiple regions, they will appear for users to select and see clubs assigned to that region.

A chapters page with the region tabs above the list: United States, Europe, Asia Pacific and Middle East and Africa.

You can add, reorder, rename them, or delete them entirely from this settings page, or from within the Chapters tab in your dashboard.

Group Settings with the Group List Page tab open, showing the banner above the chapters module.

Interest Groups

Interest groups are clubs with no geographic location and can be listed on the page in a variety of ways. You can customize what 'interest groups' are called in these settings, and how they are listed and displayed.

Name

Change the name of 'Interest Groups' by selecting the edit button beside the name.

Names can be no more than 30 characters and once changed will be reflected across the platform.

The Interest Groups module in Club Layouts, with the edit icon beside its name for renaming it.

Layout

Interest groups can use the same six layouts as chapters: Vertical Cover (Large vertical card, Vertical card, List with vertical cover), Horizontal Cover (Horizontal card, List with horizontal cover), and No Cover (Text list).

The selected layout changes how the groups are displayed, but interest groups still use category-based organization on the page. If a club cover image does not match the selected layout, Gradual will automatically crop the image to fit. In vertical card and list-with-vertical-cover layouts, longer club names wrap onto multiple lines instead of being cut off.

Club Layouts with the banner turned off and the chapters map at the top.

An interest groups page in large vertical card layout, each card showing member and event counts over a cover image.

Button Text

Interest groups have the same Button Text setting as chapters. It appears in the Edit Layout panel under Large vertical card, and is set separately from the chapters button text, so the two modules can use different wording. See Button Text under Chapters Style above for how the field works.

Categories

You can group your interest groups by categories, and customize the name of those categories. These help organize the interest groups but are optional to your club architecture. There can be up to 50 categories, and categories remain available regardless of which list layout you choose.

  • If there is only one category in your dashboard, and all clubs are assigned to that category, it will not appear on the club page for users to select.

  • If there are more than one category and clubs are assigned to multiple categories, they will appear for users to select and see clubs assigned to that category.

The interest groups page in the community, with category tabs above the group cards.

You can add, reorder, rename them, or delete them entirely from this settings page, or from within the Interest Groups tab in your dashboard.

Club Layouts with the Interest Groups module open, showing its category filters and Categories button.

Community Info Card

This graphic card provides an overview of your community on the Club homepage. You can opt to have this shown (by turning on visibility) or hide it on that page (by turning off visibility) in Club Settings.

By following these steps, customize and change this info card in your community Settings tab.

Club Settings with the Community Info Card panel highlighted in the right-hand column of the page preview.
A diagram of the Community Info Card, which appears to the right of pages with three columns.

Ads

Ads automatically appear on this page as well but their visibility is not controlled from this dashboard page, they can be added an changed in the dashboard by following these steps.

Did this answer your question?