--- title: Landing Pages slug: landing-pages docTags: createdAt: 2026-03-08T02:23:07.041Z --- The **Landing Pages** builder lets you create one or more public-facing pages for your academy at `[your-academy-domain]/join`. No login required — anyone can visit. Use them to showcase your academy, display classes and instructors, collect enquiries, and capture referral codes. You can create **multiple landing pages** — one per program, location, or seasonal campaign — each with its own URL and content. Navigate to **Growth → Landing Page** in the admin sidebar. *** ## 📋 Managing Multiple Landing Pages The Landing Pages list shows all your pages as cards. Each card shows the title, headline preview, and a featured image (auto-extracted from the page content). A ⭐ star marks the **default page**. ### Actions per page Open the **⋯ menu** on any page card: | Action | What it does | | -------------------- | --------------------------------------------------------------------------------------------- | | **Edit** | Opens the page in the visual editor | | **View Public Link** | Opens the live page in a new tab | | **Duplicate** | Copies the page with all blocks — useful as a template for new variants | | **Set as Default** | Makes this the page served at `/join`. The previous default becomes a regular additional page | | **Delete** | Removes the page (the default page can't be deleted — set another as default first) | ### Creating a new page Click **+ New Page** at the top of the list. Provide: - **Title** — admin-facing name (e.g. "Summer Camp 2026") - **Slug** — URL-safe name in kebab-case (e.g. `summer-camp-2026`) The new page opens in the editor pre-loaded with empty blocks ready to customise. *** ## 🌐 Your public URLs | Page | URL | | -------------------- | ------------------------------------------------ | | **Default page** | `https://[your-academy-domain]/join` | | **Additional pages** | `https://[your-academy-domain]/join/[page-slug]` | For example: - Default: `https://myacademyname.remmu.app/join` - Summer camp: `https://myacademyname.remmu.app/join/summer-camp-2026` - Sydney location: `https://myacademyname.remmu.app/join/sydney` :::hint{type="info"} If you have a custom domain set up (e.g., `myacademy.com`), the pages live at `myacademy.com/join` and `myacademy.com/join/[slug]`. Visiting a slug that doesn't exist redirects to the default page. ::: *** ## 🟢 Publishing a page In the page editor there is a **Published** toggle. Turn it on to make that page live. If it's off, visitors see a "page not found" message. You can also configure **SEO settings** (meta title and description) per page — these control how the page appears when shared on WhatsApp, Facebook, or in search results. :::hint{type="success"} Each page has independent publish status, blocks, and SEO settings. You can have draft variants alongside live pages. ::: *** ## ✨ Generate with AI Don't know where to start? Click **Generate with AI** in the page editor to have REMMU draft a full page for you from a short description. In the dialog, provide: | Input | Description | | ------------------------ | ------------------------------------------------------------------------------------------- | | **Business description** | A few sentences about your academy — what you offer, who it's for, what makes you different | | **Tone** | Professional, Friendly, or Energetic | | **Include tenant data** | Optional — pulls in your real classes, instructors, and programs so the AI references them | | **Profile file** | Optional — upload a company profile PDF / DOCX / TXT (≤5 MB) for the AI to reference | The AI generates a full set of content blocks (hero, about, programs, testimonials, FAQs, etc.) in seconds. **Nothing is saved automatically** — review the output in the editor, edit anything you want, and hit **Save** when you're happy. You can also **regenerate individual blocks** without losing the rest of the page — useful for iterating on a single section. :::hint{type="info"} AI generation is rate-limited to 5 generations per academy per day. The feature is available on the REMMU platform — contact support if you'd like it enabled. ::: *** ## 📱 Live Preview & Device Toggle As you edit, a **live preview** shows exactly how your page will look to visitors — updating in real time as you add blocks or change content. Switch the preview size with the device toggle in the top-right of the editor: | Device | Width | Use it to check | | ----------- | ---------- | ---------------------------------------------------------- | | **Desktop** | Full width | Hero layout, multi-column blocks, wide imagery | | **Tablet** | 768px | Grid breakpoints, spacing on medium screens | | **Mobile** | 375px | Button sizing, vertical scroll, text readability on phones | The preview always renders in light mode (matching what visitors see) regardless of your admin dashboard theme. *** ## 🧩 Sections The landing page is built from sections. Each section can be: - **Enabled or disabled** individually with a toggle - **Reordered** using the up/down arrows Changes are saved per section when you click **Save** within that section. ### Available sections | Section | Default state | What it shows | | ---------------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | | Hero Banner | Enabled | Cover image, headline, tagline, CTA button | | About | Enabled | Description text about your academy | | Programs / Classes | Enabled | Classes you select from your class list | | Packages | Disabled | Session packages from your packages list | | Instructors | Disabled | Instructors you select from your instructor list | | Media | Disabled | PDF brochure or image gallery | | Reviews / Testimonials | Disabled | Manually added member reviews | | Contact Information | Enabled | Phone, email, WhatsApp link | | Lead Capture Form | Disabled | Enquiry form that creates leads | | **Comparison** | Disabled | Feature-by-feature comparison table (e.g. your plan vs competitors) | | **Countdown** | Disabled | Live countdown timer to an event or promo deadline | | **Stats** | Disabled | Number highlights (e.g. "500+ members", "15 years teaching") | | **Timeline** | Disabled | Chronological list (e.g. student journey, program milestones) | | **Quote** | Disabled | Highlighted pull quote with author attribution | | **Logo strip** | Disabled | Row of partner / accreditation logos | | **Map** | Disabled | Embedded location map | | **Social links** | Disabled | Icons linking to your social profiles | | **Pricing** | Disabled | Pricing cards (structured pricing layout) | | **Columns** | Disabled | Multi-column layout container for nested blocks | | **Trial Signup** | Disabled | Public trial-class booking form with WhatsApp OTP verification → see [Trial Class Signup](docId\:UcimjEtV0vI1uLSuP_yQD) | | **Enrol & Pay** | Disabled | Class-first sign-up: visitor picks a class, registers, and pays the monthly fee online → see [Enrol & Pay](docId\:vUgRNv14UUX9_0_C96TD1) | | **Affiliate Benefits** | Disabled | Showcase your affiliate program's commission tiers in a 3-column grid — see below | *** ## 📝 Section details ### Hero Banner The top of the page. Configure: - **Cover image** — Upload a wide banner image (landscape recommended) - **Headline** — Main title (e.g., "Join Kuala Lumpur's Top Yoga Studio") - **Tagline** — Supporting text below the headline - **CTA Button Text** — Button label (e.g., "Register Now", "Book a Trial") - **CTA URL** — Where the button leads. Typically your signup or WhatsApp link ### About Free-text description of your academy. Supports line breaks. ### Programs / Classes Select which classes to display publicly. For each class you can choose to show: - **Fees** — Monthly or per-session fee - **Schedule** — Day and time Only classes you select here will appear. Unselected classes remain hidden. ### Packages Select which session packages to display. Options to show: - **Price** - **Number of sessions** - **Validity period** ### Instructors Select which instructors to feature. Each instructor card shows their name and photo (if uploaded in the Instructors section of your dashboard). ### Media Choose one format: - **PDF Brochure** — Upload a PDF (e.g., a programme schedule or info pack). Visitors can read the PDF inline on the page — it renders as a scrollable viewer directly in the browser without needing to download it - **Image Gallery** — Upload multiple images that display in a scrollable gallery ### Reviews / Testimonials Add member testimonials manually. Each review has: - **Name** — Reviewer's name - **Review text** - **Star rating** — Optional, 1–5 stars Use the add/remove buttons to manage reviews. Order them as you see fit. ### Contact Information Your academy's contact details: - **Phone** — Clickable phone number - **Email** — Clickable email address - **WhatsApp** — WhatsApp number (creates a direct WA chat link) ### Lead Capture Form An enquiry form at the bottom of the page. When visitors fill it in, a new lead is created in **Growth → Leads**. Configure: - **Heading** — Form title (e.g., "Interested? Leave your details") - **Subheading** — Supporting text below the heading - **Button Text** — Submit button label (e.g., "Send Enquiry") - **Show message field** — Toggle to let visitors write a free-text message - **WhatsApp number** — Optional: if set, a "Chat on WhatsApp" button appears alongside the form :::hint{type="info"} The Lead Capture section must be **enabled** for leads to appear in Growth → Leads. If it's disabled, the Leads page will show a prompt to enable it. ::: ### Affiliate Benefits Showcase your **Affiliate Program** commission tiers in a visually polished 3-column grid. Useful on a recruitment landing page (or your `become-affiliate` page). Configure: - **Heading & subheading** — Pitch your program - **Auto-fill from settings** — Toggle on to pull tier names, thresholds, and commission rates directly from your **Growth → Affiliates → Settings → Tier Ladder**. Toggle off to manually enter custom benefit cards - **Tier cards** (when manual mode) — for each tier: - **Tier name** (e.g. "Bronze", "Silver", "Gold") - **Commission value** (RM amount or percentage) - **Unlock condition** (e.g. "Unlocks at 5 referrals") When auto-fill is on, any change to your affiliate tiers in settings is reflected here automatically — no need to keep them in sync manually. *** ## 🔗 Referral code integration When a visitor lands on **any landing page** with `?ref=CODE` (e.g. `/join?ref=CODE` or `/join/summer-camp?ref=CODE`), the referral code is automatically captured from the URL and stored in a cookie. If the visitor signs up using the registration flow on this page, the referral is tracked back to the member who shared the link. The CTA button link is where you direct visitors to sign up — make sure it points to your academy's registration or invite page so the referral cookie is passed through correctly. *** ## 💡 Tips - Keep your Hero headline short and punchy — it's the first thing visitors read - Enable the Lead Capture section even if you also have a signup link — some visitors prefer to enquire before committing - Use the WhatsApp contact field to make it easy for visitors to reach you directly - Upload a good cover image for the Hero — it's also used as the social media preview when the link is shared on WhatsApp - **Duplicate as a template** — set up a base page once, then duplicate it for each location, program, or campaign. Edit only the differences (headline, gallery, CTA) on each copy - **Use distinct slugs** for marketing campaigns (e.g. `/join/instagram-promo`, `/join/google-ads`) so you can track which channel drives leads