The Website builder under Content > Website runs your gym’s public site without leaving the admin. Each organization has one site made of pages, and each page is made of sections you can add, reorder, and configure. Many sections pull live data from the platform (your plans, classes, instructors, locations, reviews) so the site stays accurate as operations change. Edits live in a draft, you publish them as a release, and you can roll back to any previous release.Documentation Index
Fetch the complete documentation index at: https://docs.1club.ai/llms.txt
Use this file to discover all available pages before exploring further.
How the site is structured
A site has three layers:- Site - one per organization. Holds your domain, branding, languages, SEO defaults, analytics, cookie policy, and the list of pages.
- Page - a route on your site (
/,/about,/classes, etc.). Each page has its own SEO metadata and an ordered list of sections. - Section - a building block on a page (hero, plans, instructors, contact form, gallery). Every section has a type that determines what it renders, plus configurable fields.
Pages
Pages are free-form. You decide what to add. You can start from the defaults (Home, About, Classes, Calendar, Instructors, Locations, Pricing, Blog, News, FAQ, Contact) or build your own. Each page has:- Title shown in browser tabs and (by default) as the SEO title.
- Slug URL segment. The page marked Home lives at
/; everything else lives at/<slug>. - Home flag exactly one page is the home page.
- SEO meta title, meta description, Open Graph image (per page, per language).
- Sections the content of the page, in order.
Sections
Sections are the building blocks. Pick from the catalog when you click Add section on a page. Each one has its own properties panel.Layout
- Header - your site’s top bar: site name, logo, primary navigation, optional Login/Sign-up buttons. Navigation supports flat items and nested dropdowns.
- Footer - bottom of every page: link groups, contact information, social icons, and legal links.
Hero and calls to action
- Hero banner with a headline, subheadline, one or more CTA buttons, and optional imagery. Four layout variants: background (full-width image or video behind the headline), imageRight (copy on the left, image on the right), centered (copy centered, no media), gallery (Airbnb-listing style: headline left, CTA right, image gallery below). The hero accepts a list of background images: the background and imageRight variants crossfade through them as a slideshow; the gallery variant renders them as a tiled gallery.
- CTAs focused call-to-action section with title, supporting text, one or more buttons, and an optional image.
- Quote centred testimonial or pull quote attributed to a staff member or member.
- Stats row of headline numbers (“10 years”, “500 members”, “4.9 stars”) for social proof.
Live data sections
These pull from the platform automatically. There is nothing to sync; they always reflect what is currently set up in 1Club.- Plans your published membership plans, rendered as pricing cards with a CTA to sign up.
- Classes class schedule, filterable by class type or limited to a window.
- Calendar unified booking calendar combining areas and instructors; visitors can click through to book.
- Instructors staff directory. Choose grid (short) or alternating long-form layout.
- Instructor spotlight a single instructor by ID or slug.
- Areas bookable spaces or facilities, each linking to its booking page.
- Clubs location cards with map for organizations with multiple gyms.
- Club spotlight a single gym with its address, hours, and map.
- Location alternative compact location card.
- Products items from your product catalog (day passes, merch).
- Reviews Google reviews (synced via Online health) or 1Club reviews, displayed as cards or a carousel.
- News list of posts from your CMS (slug
/news/<post-slug>for each). - FAQ accordion of questions and answers. Filter by tag if you keep separate FAQ topics.
Content sections
- Gallery grid of images or videos picked from your Media library.
- Block a reusable content block (rich text managed in content items) referenced by slug. Use this for legal text, “About us” paragraphs, or any chunk of copy you want to reuse on multiple pages.
- Columns multi-column layout that nests other sections side-by-side. Use it to put a hero next to a contact form, or stats next to a quote.
Forms
- Contact form lead-capture form. You choose the fields to show (name and email are always on; phone, date of birth, gender, category, subject, message are optional). It also supports any custom fields you have defined under Settings > Contacts. Each submission creates a lead contact in your CRM and an inbound message you can reply to from the inbox.
The editor
Open Content > Website to launch the editor. It has three regions:- Section list (left) every section on the current page, in order. Drag to reorder. Each row has a context menu: Edit, Move up/down, Duplicate, Translate, Delete.
- Live preview (right) your site renders in an iframe that updates as you edit. Toggle between desktop and mobile widths.
- Properties panel opens when you select a section. Shows the section’s fields (text, numbers, dropdowns, images, lists). Many fields support inline editing directly on the preview.
- Auto-save. Edits save automatically about 1.5 seconds after you stop typing.
- Undo. The previous saved state of a section can be restored from its menu.
- Image picking. Image fields open the Media library. Upload new images from the same dialog; they are stored in your media library for reuse.
- Inline editing. Click a headline in the preview to edit it in place; click away to commit.
- Unsaved-changes indicator. A banner appears when your draft differs from the published release; that is your cue to publish.
Theming and branding
The website uses your Settings > Branding as the source of truth (logo, favicon, primary color, fonts). The site adds a few extras on top:- Header / dark color overrides for tuning contrast.
- Theme support light only, dark only, or both (with a user-facing theme switcher). Pick the default theme when you allow both.
- Custom CSS site-level CSS for fine-tuning. Lives on the release, so it is versioned with the rest of the site.
Navigation
The header section configures your top navigation:- Nav items label + URL. Items can have children to render as a dropdown menu.
- Site name / logo sourced from branding by default; override per site if needed.
- Login / Sign-up buttons appear automatically when authentication is enabled for the site.
Multi-language
A site can be published in several languages.- Supported locales and a default locale are configured on the site.
- Each translatable field on a section or page (headline, subtitle, CTA label, meta title) has per-locale values.
- AI translate fills missing translations across all locales at once. Run it after you change the source-language copy to keep everything in sync. Review the suggested translations before publishing.
- Visitors see a language switcher in the header when more than one language is published.
SEO and metadata
Per page: meta title (defaults to the page title), meta description, Open Graph image, and translations of each per locale. Site-wide, the site automatically serves asitemap.xml and robots.txt. Canonical URLs are generated from your domain and page slugs.
Analytics and tracking
Configure analytics from the site settings panel:- Google Analytics property ID (and any other tracking IDs you use).
- Custom scripts for pixels and tag managers.
Cookies and legal
Built into the site:- Cookie banner with category-level consent (necessary / analytics / marketing).
- Legal documents privacy policy, terms, and cookie policy. Manage them as content items and reference them from the footer.
Domain and hosting
- Every site has a default 1Club URL generated from your organization slug.
- You can attach a custom domain in the site settings; point your DNS to 1Club following the on-screen instructions.
- HTTPS is provisioned automatically.
Publishing and releases
Edits do not go live until you publish.- Draft everything you change in the editor is stored as the working draft.
- Publish opens a dialog with two modes:
- Amend (default) updates the active release in place. Use this for typo fixes, small copy tweaks, or routine content updates. No new version is created.
- Snapshot creates a new versioned release. Use this for bigger changes you may want to roll back from cleanly.
- Active release what the public site is serving right now.
- Releases history every snapshot is kept. Open the history panel to view, compare, or roll back to a previous release; the chosen release becomes the active one.
- Rollback to no release is the closest thing to an unpublish - use the history panel to roll back to an earlier release, or contact support if you need the site fully offline.
Forms and leads
Contact-form submissions are first-class CRM events. Each submission:- Creates a contact in 1Club with type lead, including any custom fields the form collected.
- Posts an inbound message to your staff inbox, so someone can reply.
- Is de-duplicated by email; if a contact with that email already exists, the form returns a friendly conflict rather than creating a duplicate.
Tips
Start from defaults, then prune. Add the prebuilt pages, delete the ones you do not need, and edit the rest. Faster than building from scratch. Use live-data sections for anything that changes. Do not paste your class schedule into a hero; use the Classes or Calendar section so updates flow automatically. Lead with one strong CTA per page. Hero CTA plus one or two supporting CTAs is plenty; more dilutes the action you want visitors to take. Use Columns to break monotony. Pair a stats block with a quote, or a hero with a contact form, instead of stacking full-width sections everywhere. Publish as Snapshot before big changes. Take a snapshot of the current site first; if the next round of edits goes sideways you can roll back instantly. Translate after you stabilize copy. Running AI translation early means redoing it when you keep tweaking the English. Lock the source copy, then translate. Wire the contact form to a tag. Tag new leads from the website so automations and promotions can find them.Related
- Content items - Blocks referenced from the website and posts surfaced by the News section.
- Media - Images and videos used by site sections.
- Reviews - Review pipeline that feeds the Reviews section.
- Settings overview - Branding, member portal, and other site-adjacent configuration.
- Plans - What the Plans section renders.
- Smart tagging - Auto-tag the leads your contact form creates.