Organization Info

Basic details about your club. These appear in the site header, footer, contact section, and page title.

Club Details

Club Name (short)

Full Name

Season

Home Field / Location Name

Full Address

Contact Email

Phone Number

Facebook URL

Instagram URL

Hero Section

The big banner at the top of the homepage. Update each season with current details.

Headlines

Kicker Text (top pill)

e.g. "Fall 2026 · Tryouts Open Now"

Headline Line 1 (Gold)

Headline Line 2 (Blue)

Headline Line 3 (White)

Subtitle Text

Next Game Card

Opponent Text

Date / Time / Location

Badge (e.g. Home · Week 1)

Stats Strip (4 boxes)

Stat 1 Number

Stat 1 Label

Stat 2 Number

Stat 2 Label

Stat 3 Number

Stat 3 Label

Stat 4 Number

Stat 4 Label

Registration Settings

Control registration fees, tryout dates, and whether the Register buttons are visible. Stripe links are on the next page.

Status

Registration Open

When OFF, the "Register & Pay" buttons are hidden and replaced with "Coming Soon".

Dates

Tryout Dates

Parent Meeting

Division Fees & Tryout Times

U10 · Rookie

Fee (e.g. $125)

Fee Note

Tryout Time

U12 · Storm

Fee

Fee Note

Tryout Time

U14 · Elite

Fee

Fee Note

Tryout Time

Stripe Payment Links

Stripe automatically emails a PDF receipt to the parent after each payment. You see all registrations in your Stripe dashboard.

How to get your links: Log in to stripe.com → Payment Links → Create a new link for each division → paste the URL below.

Payment Link URLs

U10 · Rookie Gridders Stripe Link

Paste the full URL from Stripe Payment Links

U12 · Storm Gridders Stripe Link

U14 · Elite Gridders Stripe Link

Stripe Setup Checklist

☐ Create Stripe account at stripe.com (free to sign up)

☐ Create 3 Payment Links — one per division, set the correct price

☐ Enable email receipts in Stripe: Settings → Emails → turn on "Successful payments"

☐ Add custom fields (optional) in the Payment Link: player name, age, position

☐ Set up Stripe → Google Sheets via Zapier or Stripe's built-in export for your records

☐ Paste the links above and generate the config code

Google Sheets CMS

Your schedule, news, and team info are managed in a Google Sheet. When you update the sheet, the website updates automatically — no code needed.

Your Sheet ID

Google Sheet ID

Found in the URL: docs.google.com/spreadsheets/d/SHEET_ID/edit

Schedule Tab Name

News Tab Name

Teams Tab Name

Setup Steps

Create a new Google Sheet at sheets.google.com. Name it "PLG Gridders Site".

Create 3 tabs named exactly: Schedule, News, and Teams.

Go to File → Share → Publish to web. Choose "Entire Document", select "Comma-separated values (.csv)", then click Publish.

Copy the Sheet ID from the URL bar and paste it in the field above. It looks like: 1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgVE2upms

Generate config code below and paste it into index.html. After that, just update the Sheet and the site refreshes automatically.

Required Column Names

Row 1 of each tab must have these exact column names (copy/paste them):

📋 Schedule tab

Column	Example value	Notes
Opponent	PLG U12 vs. Harbor Hawks	Full matchup text
Week	Week 1	Week or label (Preseason, Scrimmage)
Team	U12 · Storm Gridders	Which team is playing
Result	W 21–14 or TBD	Start with W, L, or TBD
Date	Sat · Sep 14 · 1:00 PM	Display text for date/time
Location	Home · Field 1	Location description
Status	upcoming	Must be: upcoming OR final
Home	true	Must be: true OR false

📋 News tab

Column	Example	Notes
Title	2026 Fall Registration Open	Article headline
Date	July 26	Posted date (display only)
Badge	New	Optional tag. Leave blank for none.
Body	Tryouts will be held...	Full article text
Link	#contact	Optional link URL
LinkText	Reserve a spot	Optional link label

📋 Teams tab

Column	Example
Name	Storm Gridders
Level	U12 · Ages 10–12
Coach	Coach Williams
Practice	Tue & Thu · 6:00–7:45 PM
Focus	Position skills, playbook, leadership.
Badge	Now Forming
Chip	Development & competition
Roster	QB • Mason D., RB • Aiden F., WR • Logan P.

Contact Form (Formspree)

Formspree handles your inquiry form. When a parent submits, you get an email notification, and all submissions are logged in your Formspree dashboard (exportable to Google Sheets via Zapier).

Formspree ID

Your Formspree Form ID

Found in your Formspree dashboard URL or form settings. Just the ID part (8 characters).

Formspree Setup Steps

1. Go to formspree.io and create a free account

2. Click "New Form" → give it a name (e.g. "PLG Inquiry")

3. Set the notification email to whoever should receive inquiries

4. Copy your Form ID (8-character code) from the form settings

5. Paste it above, then generate the config

6. Optional: Connect Formspree → Google Sheets via Zapier to auto-log all submissions

Generate Config Code

After filling in all sections, click Generate Config Code. Then copy the code and paste it into the index.html file, replacing everything between the two  comment lines.

Click "Generate Config Code" to build your config.

// Your generated config will appear here after you click Generate.

How to update the site

For schedule, news, and team info: Just update your Google Sheet. The site updates within minutes automatically. No code needed at all.

For fees, Stripe links, contact info, tryout dates: Update the fields in this admin panel → Generate Config → Copy the code → Open index.html on GitHub → Paste and save.

On GitHub: Open your repo → click index.html → click the pencil (Edit) icon → find the SITE_CONFIG section → paste → click "Commit changes". Site updates in ~30 seconds.