Everything you need to run it
Hi Steph! This is your new website, built to be fast, easy to find on Google, and simple to change whenever you like. It is yours to keep, free. You do not need to be technical. Here is how it all works.
What you have
| File | What it is |
|---|---|
index.html | The whole website (all the words and layout) |
styles.css | The colours, fonts and spacing |
assets/ | The logo, the chat helper, and where your photos go |
functions/ | The AI chat helper's brain (works on Cloudflare) |
guide.html | This page you are reading now |
Everything is "static", which just means simple files. That makes it very fast, very cheap to host, and very hard to break.
The easiest way to make changes: just ask Claude
This site was built with Claude Code, an AI assistant that reads and edits these files for you. You do not need to learn any code. You can say things in plain English like:
• "Change the Friday session time to 9:30am."
• "Add a new program called Beach Playgroup on Mondays, $25 casual."
• "Update the term price to $160."
• "Add these three photos to the gallery."
• "Swap the green for a warmer, sandier green."
It makes the change and shows you. That is the whole idea: your website stays as easy to update as sending a text message.
Prefer to change a word yourself?
Everything a visitor reads lives in index.html. Open it in any text editor, use Find (Ctrl+F) to search for the words you want to change, type the new words, and save. Common ones: search for $150 or $22 for prices, or 10:00 - 11:30am for times.
Adding your own photos
Right now the site uses friendly illustrations so it looks finished. Your real session photos will make it shine.
Put your photo files (JPG or PNG) into the assets/ folder.
Ask Claude: "Fill the gallery with the photos in the assets folder," or "Replace the hero picture with assets/my-photo.jpg."
The chat helper
See the "Ask us" button in the corner of your site? That is a friendly helper that answers common questions about your programs, prices, times and booking. It has two brains:
On Cloudflare (recommended): it uses Cloudflare's built-in AI to chat naturally, using only your real details. This is free on Cloudflare's starter tier for a site your size. No extra accounts or keys.
Anywhere else: if that AI is not available, it automatically falls back to a set of built-in answers, so it always helps visitors. Nothing breaks.
Putting it online with Cloudflare (free)
Cloudflare Pages hosts sites like this for free, fast, worldwide. One-time setup:
Create a free account at cloudflare.com.
Go to Workers & Pages, then Create, then Pages, then Upload assets.
Name the project wild-child-nature-play and drag the whole folder in.
Click Deploy. You will get a free web address straight away.
To use your own wildchildnatureplay.com.au address, open the project's Custom domains tab and follow the prompts. Cloudflare walks you through it.
What is built in for you
Search-friendly (SEO): proper titles, descriptions and hidden data that tells Google you are a local Cranbourne business with specific programs and prices, so parents can find you.
AI-friendly: a summary file so AI assistants describe your playgroups accurately when a parent asks them for recommendations.
Fast and mobile-first: loads instantly and looks great on phones, where most parents will find you.
Accessible: works with screen readers and keyboard navigation.
A note from me
I saw you were after a hand with your website, and I am just starting out doing this myself, so I built you a fresh one. It is genuinely yours to keep and change however you like, free, no catch.
If you ever want help with photos, a booking system, a newsletter or anything else down the track, I am happy to lend a hand.
Made with mud and sunshine, by a friendly local helper.