Page editor
Build pages from sections and blocks, choose who sees each block, preview both audiences, and restore an earlier version.
Pages in ClubPal are built from blocks arranged in sections. A 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.
The page editor is used for your custom content pages and for your homepage. A few older pages are still edited a different way, see Classic portlets for which ones and how.
Entering edit mode
- Navigate to the page you want to edit.
- Click Edit Page in the toolbar (available to users with the Manage Content permission).
- The page enters edit mode. Every block gains a toolbar, Add Section and Add block buttons appear, and the edit bar appears across the top of the screen.
The edit bar
All the controls for an editing session live in one bar across the top of the screen, rather than in the page toolbar.
| Button | What it does |
|---|---|
| Version History | Swaps the bar for the version picker, so you can preview and restore an earlier version. |
| Preview | Shows the page as a member or a visitor would see it, without publishing anything. |
| Revert to Default | Puts the page back to its starting point. See Reverting a page first, this behaves differently on a content page and on the homepage. |
| Cancel | Discards your changes after asking you to confirm. |
| Save | Saves all your changes and leaves edit mode. |
Adding a section
Every section is a set of columns, so adding one starts with a layout:
- Click Add Section.
- Choose a layout: Full width, 50 / 50, 33 / 33 / 33, 30 / 70, or 70 / 30.
- The new section appears with an empty column for each part of the layout.
A section has its own settings, its layout and an optional border along the bottom, which is useful for separating one section from the next without adding a Divider block.
Only a section can be added directly to the page. Headings, text, images, and everything else must live inside a section's column. Sections cannot be placed inside other sections.
Adding blocks
Click Add block inside a column and choose a block type.
| Block | What it shows | Settings |
|---|---|---|
| Heading | A title | The heading text, and a size from H2 (largest) to H6 (smallest) |
| Text | Rich text for paragraphs, links, formatted text, and inline images | The content, and Show as card to wrap it in a bordered card |
| Image | A single image that fills the width of its column | The image, and alt text (a short description used by screen readers and search engines) |
| Divider | A plain horizontal line | None |
| Upcoming | The next sessions and events on one list, with an optional featured sessions carousel and Upcoming / Recently Added tabs | Show header and Title (default "Upcoming"), Show featured sessions carousel, Show Upcoming / Recently Added tabs, and the number of items to show (default 6) |
| Member Summary | The signed-in member's photo and name, a link to their profile, a renewal prompt if their membership has lapsed, their next booking, their next session to coach, and their upcoming events | Show header (off by default) and Title (default "My Club") |
| Login Buttons | The Register and Sign in buttons for visitors who are not signed in | Show as card to wrap the buttons in a bordered card |
The Upcoming, Member Summary, and Login Buttons blocks are not limited to the homepage. You can add them to any content page.
Member Summary only has anything to show once a member is signed in, and Login Buttons only makes sense to someone who is not. Set each block's audience so the right people see them, see Choosing who sees a block.
The block toolbar
Each block has a toolbar with four controls:
| Control | What it does |
|---|---|
| Grip icon and block name | Drag to reorder the block. |
| Globe / person / incognito icon | Sets who sees the block, see Choosing who sees a block. The icon shows the current setting. |
| Pencil icon | Opens the block's settings. Click Save in the dialog to apply them. |
| Trash icon | Removes the block, after asking you to confirm. Deleting a section removes everything inside it, and the confirmation makes clear which you are about to do. |
Choosing who sees a block
Every block can be shown to everyone or to just one audience. Click the visibility icon on the block's toolbar and choose:
- Everyone, the default.
- Logged in members, only shown to people who are signed in.
- Logged out visitors, only shown to people who are not signed in.
This means one page can serve both audiences. A signed-out visitor and a signed-in member can be shown completely different content without you maintaining two pages.
Visibility is set from this dropdown only. It is deliberately not in the block's settings dialog, since it is the setting you change most often while scanning a whole page.
A block that does not match the viewer's audience is not sent to their browser at all, so members-only content is not hidden in the page for a visitor to find. Blocks that people with the Manage Content permission can see include the ones outside their own audience, so an admin can always edit the whole page.
Previewing each audience
Click Preview in the edit bar to see the page as a real viewer would, with the editing controls out of the way. A bar appears with a Previewing as dropdown, so you can switch between Logged in and Logged out and check that each one reads properly. Click Stop Previewing to return to editing.
There is no "Everyone" option to preview, because a real visitor is always either signed in or signed out, never both at once.
Reordering and moving blocks
Drag a block by its grip handle to reorder it. A block can be moved within its 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 are kept in your browser until you save.
- Click Save in the edit bar to save all your changes and leave edit mode.
- Click Cancel to discard your changes. You will 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 warns you first.
Version history
Every time you save, ClubPal keeps a snapshot of the page. The most recent 20 versions of each page are kept, and older ones are removed automatically.
To go back to an earlier version:
- Click Version History in the edit bar.
- Pick a version from the dropdown. Each is listed with the date it was saved and the person who saved it.
- The page shows that version in place so you can read it before committing to it. Nothing has changed yet.
- Click Restore to replace the page's current content with the version you are previewing, or Close to go back to editing without changing anything.
Reverting a page
Revert to Default in the edit bar does different things depending on the page:
- On a content page, it clears the page completely, leaving it empty for you to build again.
- On the homepage, it puts the standard ClubPal homepage layout back. See Your homepage.
Reverting replaces what is currently on the page. The version you had before the revert is still in Version history, so you can restore it, but do check there before assuming something is recoverable.
Permissions
Editing pages requires the Manage Content permission. See Content editing & navigation for what that permission covers and Permissions for how to grant it.
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. Click Version History in the edit bar, preview the version you want, then click Restore. The last 20 versions of each page are kept.
Can two people edit the same page at once?
The editor does not merge changes from two people editing at the same time. If two people save around the same time, whoever saves last overwrites the other's changes.
Why does a block disappear when I preview the page?
Its audience does not match the one you are previewing. Check the block's visibility icon.