Content management

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 clubs 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.

Content Pages

By navigating to Admin > Site Content > Pages you can create custom pages. When creating a page, give it a title, a description and set the URL and set if 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 e.g. 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, letter 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, you can set the page to Published.
Members Only	When set, only members with a Membership Status set to Active, Lapsed or Trial will be able to view the page.

Editing Page Content

Once you have created a content page, you can edit its content directly on the page. To enter 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 Manage Content permission)
3. The page will enter edit mode, showing editing controls for each portlet

Edit Mode Controls

Button	Description
Edit Page	Toggle edit mode on/off. When enabled, portlet editing controls become visible on the page.
Done Editing	Exit edit mode and return to normal viewing mode. This button appears after entering edit mode.

Portlets

Portlets are content blocks that make up the content of a page. Each portlet can be edited independently using the toolbar that appears when in edit mode.

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).

Adding New Portlets

When in edit mode, you can add new content sections to your page by clicking the Add Content Section button that appears on the page.

Editing Page Content

ClubPal includes a powerful inline editing system that allows you to edit page content directly on the page. This feature is available on multiple pages throughout the site, including:

• Homepage (with optional banner)
• Custom content pages
• Membership page
• Contact page
• Passes page
• Payment pages

Any page with editable content sections (portlets) will show edit controls when you enter edit mode.

Enabling Edit Mode

To edit content on a page:

1. Navigate to the page you want to edit
2. Click the Edit Page button in the toolbar (visible only to users with the Manage Content permission)
3. The page will enter edit mode, indicated by the URL changing to include #edit-page
4. Edit controls will appear on all editable content sections (portlets)
5. Click Done Editing when finished to exit edit mode

Alternatively, you can manually enter edit mode by adding #edit-page to the end of the page URL.

Portlets

Portlets are editable content sections that appear on pages. Each portlet can contain rich text content, images, and other media.

Where Portlets Appear:

• Homepage: Optional banner portlet for announcements or welcome messages
• Custom Content Pages: Each custom page has its own editable portlet
• Membership Page: Content section to describe membership benefits
• Contact Page: Editable contact information and messaging
• Passes Page: Information about day passes or guest passes
• Payment Pages: Additional information about payment processing

Editing a Portlet

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

• Pencil icon - Start editing the portlet content
• Check mark icon - Save your changes (appears when editing)
• X icon - Cancel and discard changes (appears when editing)
• Trash icon - Delete the portlet (only available for specific portlets like the homepage banner)

To edit a portlet:

1. Enter edit mode by clicking Edit Page
2. Click the Pencil icon on the portlet you want to edit
3. The portlet content will become editable using an inline rich text editor
4. Make your changes (you can add text, format content, insert images, etc.)
5. Click the Check mark icon to save, or the X icon to cancel

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
• Custom content pages have a default portlet that explains how to edit the page for first-time visitors

Homepage Banner Portlet

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

• Add Content Section: If the banner doesn't exist, you'll see an "Add content section" widget 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" widget

To add a homepage banner:

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

Content Pages and Portlets

Each custom content page you create includes an editable portlet section. When you create a new content page:

1. The page is automatically created with a default portlet
2. The default content explains how to edit the page
3. You can edit this portlet to add your own content
4. Each content page has a unique portlet identified by the page ID

Navigation

The Navigation configuration allows you to change 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 the menu, or to remove them, drag them from the menu 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 will only be shown if the current user has permission to view the page e.g. the page is published or the current user has the Manage Content permission, or for members only pages, the member has a current membership. Otherwise, the navigation item will be 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 see editable content sections
• Edit, save, and delete portlets
• Add new content sections (where applicable)
• Manage pages and navigation settings

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