This walkthrough shows club admins how to edit the public-facing club website — pages, hero content, news, sponsors, navigation — without touching any code. Everything is edited in the browser and goes live as soon as you save.

Before you begin

• You need the Website editor or Owner role on your tenant.
• Changes are live immediately for visitors. There’s no staging environment — instead, use the live preview and publish toggle so you can prep changes without exposing them yet.
• Image uploads use your tenant’s media library. JPEG/PNG up to 5 MB, WebP for animations. Anything heavier gets downsized automatically — slow sites lose visitors.

Step 1 — Open the website editor

From the admin nav, go to Club → Website. You’ll see a list of all your published pages, your draft pages, and the site-wide settings (navigation, footer, social links).

Step 2 — Edit a page

Click any page to open the section-by-section editor. Pages are built from sections (hero, text block, image grid, sponsors strip, news cards, contact form, etc.). Each section has its own form — change the heading, swap an image, paste new body copy — and the live preview on the right updates as you type.

Step 3 — Add a new section

Click Add section at the bottom of the section list. Pick from the section catalogue:

• Hero — full-width banner with heading, body, and a call-to-action button.
• Text block — paragraph + optional image, good for “about the club” copy.
• Image grid — multiple images in a responsive grid; great for facility photos or team shots.
• News cards — automatic from your news feed, optionally filtered to a category.
• Sponsors strip — pulls logos from your sponsors list with their click-through URLs.
• Contact form — submissions land in Club → Messages.

Step 4 — Reorder and remove sections

Drag the dotted handle on the left of any section to reorder. The trash icon removes a section — there’s an undo toast for 10 seconds in case you change your mind. Sections you remove are gone after that, so if you might want them back, toggle the Visible switch on the section header instead.

Step 5 — Edit site-wide settings

Back on the website index, the right-hand panel covers things that aren’t page-specific:

• Navigation — top-bar links and their order. You can also add child links (drop-downs) by nesting.
• Footer — address, social links, footer-only pages (Privacy, Terms, Cookies).
• Branding — logo, favicon, primary colour. The colour controls everything from button backgrounds to nav highlights so it ripples through the whole site.
• SEO — default page title and description. Each page can override these.

Step 6 — Create a new page

Click New page. Give it a URL slug (the bit after your domain), a page title, and pick a starting template if you want — otherwise start blank. The page is created as a draft; toggle Publish when you’re ready for visitors to see it.

Add it to the navigation from Site settings → Navigation if you want a link in the top bar. Otherwise it’s reachable only by direct URL — useful for landing pages you share via email or social.

Step 7 — Preview, publish, unpublish

Every page has a status: draft, published, or archived. Draft pages are editable but not visible to visitors. Published pages are live. Archived pages aren’t live and aren’t in the editor list (filter by Archived to bring them back) — useful for old seasonal pages you might re-use next year.

Common questions

How do I add my club crest to the header?

Upload it via Site settings → Branding → Logo. A square PNG with a transparent background works best — it’ll appear in the top-left of every page.

Can I have a different design for the home page?

Yes — the home page uses the same section builder. You can mix and match sections so it doesn’t look like an inner page. Most clubs lead with a hero + news + upcoming fixtures + sponsors.

What about the news feed?

News articles are managed under Club → News — not the website editor. Anything you publish there shows up in the News cards section automatically.

Will my changes break on mobile?

Every section is responsive by default. The preview shows desktop; click the phone icon at the top of the preview to see how it renders on a phone. Long hero headlines and many-column grids are the most common things to check.

Can multiple admins edit at the same time?

Yes, but two admins editing the same page at the same time will see a banner warning. Last save wins — coordinate on Slack or WhatsApp if you’re both deep into the same page.