✨ Dev preview with mock-up content. This isn’t the live site yet. Site kit & how-tos →
🕛 The clock has struck midnight… but the magic doesn’t end here. Stay as long as you like.
Team only

Fairy Tail Fund site kit

How-to guides for keeping the magic going, plus mock-up emails you can copy into Givebutter, Squarespace or Gmail.

Launch checklist (Squarespace)
  1. Pick a plan. In Squarespace, go to Settings → Billing and choose the Core plan or higher (Personal can’t run the sparkle code below).
  2. Connect fairytailfund.org. Settings → Domains → Use a domain I own (or buy it there). Then click the verification link Squarespace emails you. Check spam if you don’t see it.
  3. Set the homepage. In Pages, hover Home — New Design → gear icon → Set as Homepage (already done on the trial site, just double-check).
  4. Fix the menu. In Pages, drag the old Home into Not Linked. Drag Home, Wish Board, Storybook, Fairy Godparents and Make a Wish into Main Navigation.
  5. Paste the sparkle code. Settings → Advanced → Code Injection → Footer. Paste the snippet from Daly (the wand trail and star bursts). Save.
  6. Replace mock-up text. Search every page for “mock-up” and for anything still saying Wild Whiskers, then swap in the real details.
  7. Test on your phone, then hit Publish.

💡 Do the domain last-ish: once it’s connected, the site is live to the world.

Update the Wish Board
  1. Open the Wish Board page and click Edit.
  2. Click a wish card’s text to change the name, price or description.
  3. To add a wish, hover a card section → Duplicate, then edit the copy.
  4. Granted a wish? Change its button text to “Granted ✨” and link it to the story.
  5. Keep 6 to 9 wishes up at a time. Too many feels overwhelming.

💡 Pick wishes with a clear price and a clear outcome: “$65 buys a humane trap” beats “help with supplies.”

Add a new storybook story
  1. First, rename the old blog page (it still says Happy Tails, a name from Wild Whiskers): in Pages, click its gear icon and change the title to Storybook and the URL slug to /storybook.
  2. Then open the Storybook blog → + → Blog post.
  3. Title it like a fairy tale: “Name’s Second Chance”, “The Tale of…”.
  4. Write in short chapters: how we found them, the healing, the turning point, the happy ending.
  5. Add the photo of that animal as the thumbnail, and pick a category.
  6. End with a line like “This is why we do it” and a Grant a Wish button.

💡 Heads-up: right now the blog post titles and photos don’t match the stories (e.g. the BAILEY post tells Liam’s story). Re-title each post and swap in the right photo before launch.

Update the match meter
  1. On the homepage, click the match bar → edit the text, e.g. “$6,200 of $10,000”.
  2. For the meter fill, edit the percentage in the code block (search for width:62%).
  3. Update it weekly during a match. People give more when the bar moves!
Read Make a Wish submissions
  1. Squarespace sends each submission to the email set in the form’s Storage tab.
  2. You can also connect a Google Sheet there so every wish lands in one spreadsheet.
  3. Reply within a few days using the “Make a Wish confirmation” email in the Email mockups tab.
  4. For emergencies, the form tells people to go to an emergency vet first.

💡 On this dev preview the form only shows a success message. Nothing is sent.

Garden of Stars tributes
  1. When someone donates in memory or honor of a pet, add a star: duplicate a star block and type the pet’s name and short message.
  2. Send the tribute notification email (see Email mockups) if they named someone to notify.
  3. Ask permission before posting names.
Givebutter donations
  1. All Donate buttons point to https://givebutter.com/hdklpi.
  2. In Givebutter, set the post-donation redirect to fairytailfund.org/thank-you so donors land on the “You’ve been knighted” page.
  3. For monthly Godparents, turn on recurring giving and name the levels Sprinkle ($10), Sparkle ($25) and Crown ($50).
  4. Turn on Givebutter’s receipt email and paste in the donor thank-you from the Email mockups.
The easter eggs (so you can show people)
  1. 7 hidden crowns are tucked into section labels on the Home, Wish Board, Storybook library, Liam’s last page, Godparents, Garden of Stars and Costume Contest pages. Find all 7 to unlock a coloring page.
  2. Type “abracadabra” anywhere to make stars rain.
  3. Click the logo three times and a glass slipper skates across the screen.
  4. Kiss the frog in the footer and he turns into Prince Purrington.
  5. Catch the shooting star that streaks across the home hero every so often.
  6. Ask the magic mirror in the storybook library (click it a few times).
  7. Follow the breadcrumbs at the end of each story to the next tale.
  8. Find the pea under the royal cushions on the Godparents page.
  9. Call up to Rapunzel’s tower on the Costume Contest page.
  10. Konami code (↑ ↑ ↓ ↓ ← → ← → B A) turns on fairy godmother mode.
  11. Visit at midnight for a special banner.
  12. The little book button (bottom right) tracks which secrets each visitor has found, with hints.

💡 Fairy portraits turn pink and white with wings and a crown when you hover them, or as you scroll past on a phone.

Still to decide before launch
  1. The real contact email. This preview uses the mock-up address hello@fairytailfund.org.
  2. Real Instagram and Facebook links (they point nowhere right now).
  3. Any leftover Wild Whiskers name, phone or email on the old pages.
  4. Real Godparent wall names and Garden of Stars tributes (all mock-ups).
  5. Whether to run the costume contest this year, and the voting method.