Website Builder
Create your unit's public website
TL;DR: Build public website with WYSIWYG editor. Create /home page first, add content, configure menus. Upload images to media library (1GB storage).
Quick Overview
Build a public-facing website for your unit with pages, menus, and a media library.
Your Website: https://{your-slug}.troopbook.com
Key Features
- Page Editor - WYSIWYG editor with markdown support
- Menu Management - Nested navigation menus
- Media Library - 1GB image storage per organization
- SEO Optimization - Meta titles and descriptions
- Publishing Workflow - Draft, publish, archive states
Three Core Sections
1. Pages
Create content pages (homepage, about, contact, etc.):
- Rich WYSIWYG editor with toolbar
- Markdown shortcuts while typing
- SEO metadata fields
- Publish/draft status
- Slug-based URLs (
/about,/calendar)
Homepage Required: Must create /home slug first.
2. Menus
Build site navigation:
- Menu Types: Main navigation, footer links
- Item Types: CMS pages or external URLs
- Nesting: Unlimited depth for submenus
- Drag-and-Drop: Reorder items visually
- Icons: Optional icon for each item
3. Media Library
Manage uploaded images:
- Upload: Drag-and-drop or click to browse
- Auto-Resize: Thumbnail, medium, large variants
- WebP Conversion: Automatic optimization
- Search & Filter: Find images quickly
- 1GB Limit: Per organization storage quota
Creating Your Homepage
- Dashboard → Website → Pages → Create Page
- Set slug to
/home(required for homepage) - Write title and content
- Add SEO description
- Click Publish
Time to build: 10-15 minutes for a basic homepage
Page Fields
| Field | Required | Purpose |
|---|---|---|
| Title | Yes | Page heading and browser tab |
| Slug | Yes | URL path (/about) |
| Content | Yes | Rich text body |
| SEO Title | No | Override title for search engines |
| SEO Description | No | Meta description (160 chars) |
| Status | Yes | Draft, Published, or Archived |
Menu Structure Example
Main Menu:
├── Home (/)
├── About (/about)
│ ├── Our Pack (/about/pack)
│ └── Leadership (/about/leaders)
├── Calendar (/calendar)
├── Join Us (/join)
└── Contact (/contact)
Media Upload
Supported Formats: JPG, PNG, GIF, WebP
Automatic Processing:
- Original preserved
- Thumbnail (150x150)
- Medium (800px wide)
- Large (1920px wide)
- WebP conversion for web optimization
Usage: Copy image URL from media library, paste into page editor.
Publishing Workflow
| Status | Visibility | Use For |
|---|---|---|
| Draft | Admins only | Work in progress |
| Published | Public | Live content |
| Archived | Admins only | Historical pages |
Toggle: Publish/unpublish with one click from page list.
SEO Tips
Meta Descriptions: Write compelling 150-160 character summaries for each page. Shows in Google search results.
- Page Titles: Include unit name and keywords ("Pack 807 | Join Cub Scouts")
- Headings: Use H2, H3 for structure (helps search engines)
- Alt Text: Add descriptive text to images
- Internal Links: Link between your pages
- External Links: Link to BSA.org, council website
Quick Actions
- Create homepage: Website → Pages → Create Page → Set slug to
/home→ Publish - Add page: Website → Pages → Create Page → Enter slug (e.g.,
/about) → Publish - Upload image: Website → Media → Upload → Drag & drop or browse
- Configure menu: Website → Menus → Add items → Drag to reorder