Content editing & navigation

ClubPal has content management tools that allow you to add custom pages to your ClubPal site. This means you can add information about your club, or even host your club's website on ClubPal.

You can also customise the navigation by adding your own pages, changing the order, and creating drop down menus. In addition, you can set pages to only be visible by active members.

note

For a list of dated posts, such as club news or match reports, see Blogs instead of a single content page.

Content pages

By navigating to Admin > Site Content > Pages you can create custom pages. When creating a page, give it a title, a description, set the URL, and set whether the page is published.

Page configuration

Setting	Description
Page Title	The page title is used as the title in the browser address bar, on the page header, and also used by search engines for listing content.
Page Description	The page description adds the meta description tag to the page source for SEO purposes. It is not shown to users.
Url	The page URL is the address of the page on your site, for example if you enter a page URL of about, the page will have an address of https://your-site.clubpal.app/about. Page URLs can only contain numbers, letters, and dashes.
Published	If the page is not published, it can only be viewed by users with the Manage Content permission. When you are ready to allow the page to be viewed by everyone, set the page to Published.
Members Only	When set, only members with a Membership Status of Active, Lapsed, or Trial can view the page.

Page banners

Content pages, along with other top-level pages such as Home, Sessions, Membership, and Passes, support a custom banner image displayed behind the page title. Click the Banner button in the page toolbar (requires the Manage Content permission) to upload one, or the trash icon to remove it.

This banner image is separate from the homepage's optional banner portlet described in Portlets, which is an editable content section rather than an image. See Club branding for full details on banner images.

The page editor

Content pages are built from a set of blocks arranged in sections. Each section is a row of one or more columns, and each column holds the blocks that make up your content, such as text, images, and headings. This lets you lay out a page with, for example, an image next to a paragraph of text, rather than everything stacked in a single column.

Entering edit mode

1. Navigate to the content page you want to edit.
2. Click the Edit Page button in the toolbar (available to users with the Manage Content permission).
3. The page enters edit mode, showing a dark toolbar and a + button above every block, and an Add Section button at points where you can add a new section.

Adding a section

Every section is a set of columns, so adding one starts with a layout:

1. Click Add Section.
2. Choose a layout: full width, two equal columns, three equal columns, or a 30/70 or 70/30 split.
3. The new section appears with an empty column for each part of the layout.

Click Add block inside a column to add content to it. You can choose from:

• Heading, a title with a size from H2 (largest) to H6 (smallest).
• Text, a rich text block for paragraphs, links, formatted text, and inline images.
• Image, a single image that fills the width of its column. Set the image and its alt text (a short description used by screen readers and search engines) when configuring it.
• Divider, a plain horizontal line to separate content within a column.

Only a section (a Columns block) can be added directly to the page. Everything else, headings, text, images, and dividers, must live inside a section's column.

Configuring and deleting blocks

Each block has its own toolbar with a pencil icon and a trash icon.

• Click the pencil icon to open the block's settings, such as its text, image, or heading size, then click Save in the dialog to apply them.
• Click the trash icon to remove the block. You'll be asked to confirm first. Deleting a section removes everything inside it, so the confirmation makes clear whether you're deleting a single block or a whole section.

tip

A section also has its own settings, including its layout and an optional border along the bottom, useful for visually separating one section from the next without adding a Divider block.

Reordering and moving blocks

Drag a block by its handle (the grip icon on its toolbar) to reorder it. You can drag a block to a new position within the same column, into a different column in the same section, or into a column in a different section. Sections themselves can be dragged to reorder them on the page.

Saving, cancelling, and unsaved changes

Changes you make in edit mode, adding, configuring, deleting, and reordering blocks, are not saved to the page immediately. They're kept locally until you save.

• Click the toolbar button (labelled Save while in edit mode) to save all your changes and exit edit mode.
• Click Cancel to discard your changes. You'll be asked to confirm, then the page reloads to its last saved state.
• If you try to leave the page (or close the tab) with unsaved changes, your browser will warn you first.

Version history

Every time you save, ClubPal keeps a snapshot of the page. Outside edit mode, click Version History in the toolbar to see a list of previous saves, each with the date and the person who made it. Click Restore next to a version to replace the page's current content with that version. You'll be asked to confirm, since this replaces whatever is currently on the page.

Portlets

Other editable pages on your site, such as the homepage, Membership, Contact, Passes, and Payment pages, use an older style of editable content called a portlet, rather than the block editor described above. A portlet is a single editable section on the page, edited inline rather than built from separate blocks.

Portlet toolbar icons

When in edit mode, each portlet displays a toolbar in the top-right corner with the following controls:

Icon	Description
Pencil icon	Start editing the portlet content. Opens the rich text editor for the portlet.
Check mark icon	Save your changes. Saves the edited content and exits editing mode for this portlet.
X icon	Cancel and discard changes. Reverts to the original content without saving.
Trash icon	Delete the portlet. Removes the portlet from the page (only available for certain portlets, such as the homepage banner).

Important notes:

• Only one portlet can be edited at a time.
• The Done Editing button is disabled while editing a portlet.
• If you try to leave the page with unsaved changes, you'll be warned.

Homepage banner portlet

The homepage includes a special banner portlet that appears at the top of the page for signed-in members.

• Add Content Section: if the banner doesn't exist, you'll see an Add Content Section button when in edit mode.
• Auto-edit: clicking Add Content Section automatically creates the portlet and opens it for editing.
• Deletable: unlike other portlets, the homepage banner can be deleted using the trash icon.
• Restoration: after deletion, you can recreate the banner using the Add Content Section button again.

To add a homepage banner:

1. Sign in as an administrator.
2. Navigate to the homepage.
3. Click Edit Page.
4. Click Add Content Section.
5. The portlet is created and automatically opened for editing.
6. Add your content and click Save.

Navigation

The Navigation configuration allows you to add, remove, and change the order of the menu items shown on the site. Drag the navigation items to the order that you want them. You can drag pages from the Available Pages area to the menu, or to remove them, drag them from the menu back to the Available container.

You can also create dropdown menus by dragging an item to the right, just below the item you want to be the parent.

Navigation for content pages is only shown if the current user has permission to view the page, for example the page is published, the current user has the Manage Content permission, or for members only pages, the member has a current membership. Otherwise, the navigation item is hidden.

Permissions

To use the content editing features, users must have the Manage Content permission. This permission allows users to:

• See the Edit Page button on pages.
• Enter edit mode to add, configure, delete, and reorder blocks or edit portlets.
• Save changes and view and restore version history on content pages.
• Manage pages and navigation settings.

See Permissions for how to grant this permission to a member.

Users without this permission will see pages as normal visitors and won't have access to any editing features.

Frequently asked questions

Why can't I add a heading or image directly to the page?
Every piece of content lives inside a section's column. Add a section first, then add blocks to it.

What happens if I leave the page without saving?
Nothing is saved. Changes are only written to the page when you click Save, and your browser warns you if you try to leave with unsaved changes.

Can I recover an earlier version of a page?
Yes. Open Version History outside edit mode and click Restore next to the version you want.

Can two people edit the same page at once?
The editor doesn't merge changes from two editors working at the same time. If two people save around the same time, whoever saves last overwrites the other's changes.