The DIY Page Builder lets you create rich, engaging content for your club website. Whether you're writing match reports, club news, or information pages, you have a full toolkit of content blocks at your fingertips.
You can mix and match different block types to create professional-looking pages without any coding knowledge.
Your page builder includes these content blocks:
- Header – Section headings to organise your content
- Text – Paragraphs, lists, and formatted text
- Images – Single images or photo galleries
- Media & Text – Image alongside text (great for featured content)
- Table – Data tables for fixtures, results, or statistics
- FAQs – Expandable question and answer sections
- Contacts – Display club contacts with photos and details
- Links – Button links to other pages or external sites
- Widget – Embed third-party tools like booking calendars
To add content to your page:
- Open the page in the Website Editor
- Click the + Add Content button
- Select the block type you want to add
- Fill in your content and click Save
Pro Tip: You can drag and drop blocks to reorder them using the grip handle on the left side of each block.
[Screenshot needed: Page editor with Add Content popover open - show all 9 block type icons]
Headers help break up your content into readable sections. Use them to create clear visual hierarchy on your page.
- Click + Add Content
- Select Header
- Type your heading text
- Click Save
Text blocks are your main content areas. The rich text editor lets you format your writing with:
- Bold and italic text
- Bullet points and numbered lists
- Links to other pages
- Text alignment options
- Click + Add Content
- Select Text
- Write your content using the formatting toolbar
- Click Save
[Screenshot needed: Text block in edit mode - show rich text toolbar with Bold, Italic, Lists, Link buttons]
Add photos to bring your content to life. You can upload single images or create galleries with multiple photos.
- Click + Add Content
- Select Images
- Click Upload or drag and drop your images
- Add captions if needed
- Click Save
Pro Tip: For match reports, add action shots from the game to make your report more engaging.
[Screenshot needed: Images block upload modal - show drag-drop zone and Upload button]
Media & Text blocks display an image alongside your text – perfect for featured content, player profiles, or highlighting key information.
- Click + Add Content
- Select Media & Text
- Upload your image
- Write your accompanying text
- Choose layout: image left or image right
- Click Save
[Screenshot needed: Media & Text block - show image on left with text on right, direction toggle visible]
Tables are great for displaying structured data like fixtures, results, statistics, or pricing information.
- Click + Add Content
- Select Table
- Set your number of rows and columns
- Enter your data in each cell
- Click Save
Pro Tip: Use tables for season fixtures, league standings, or training schedules.
FAQ blocks create expandable question-and-answer sections. Visitors can click to expand each question – keeping your page clean while providing detailed information.
- Click + Add Content
- Select FAQs
- Enter your question
- Write the answer (you can use formatting)
- Click Add another for more questions
- Click Save
[Screenshot needed: FAQs block edit mode - show Question field, Answer editor, and 'Add another FAQ' button]
Display club contacts with their photos and contact details. Great for committee pages, coaching staff, or club officials.
- Click + Add Content
- Select Contacts
- Choose contacts from your club members
- Select which details to display
- Click Save
Link blocks create prominent button links to other pages or external websites. Use them for calls-to-action like "Join Now" or "View Fixtures".
- Click + Add Content
- Select Links
- Enter the button text
- Paste the URL (internal or external)
- Click Save
Widget blocks let you embed third-party tools directly into your pages. This is perfect for:
- Booking calendars (Hallmaster, Calendly)
- Event widgets
- Google Calendars
- Interactive maps
- Video players
There are two ways to embed widgets:
URL Mode – For services that give you a direct embed URL
Embed Code Mode – For services that provide a code snippet (script + HTML)
To add a widget:
- Click + Add Content
- Select Widget
- Choose Embed Code or URL Only
- Paste your embed code or URL
- Give it a title (for accessibility)
- Set the height in pixels
- Click Preview Widget to test
- Click Save Widget
[Screenshot needed: Add Widget modal - Embed Code tab selected, code pasted, Title and Height fields visible]
Example: Embedding a Hallmaster Calendar
- Log into your Hallmaster account
- Go to your venue settings and find the embed code
- Copy the entire code snippet (includes script and div tags)
- In Teamo, add a Widget block
- Select Embed Code
- Paste the Hallmaster code
- Set height to around 600px for calendars
- Preview and save
[Screenshot needed: Widget block showing live Hallmaster calendar embed on the page]
Every block has action buttons that appear when you hover over it:
- Edit (pencil icon) – Modify the block content
- Delete (bin icon) – Remove the block
- Drag handle (grip icon) – Drag to reorder
To reorder blocks, click and hold the grip handle on the left side, then drag the block to its new position.
[Screenshot needed: Content block with hover state - show action bar with Edit, Delete icons and drag handle]
