Events, Contact, Socials, Testimonials & Google Calendar #

Let families know what’s coming up and how to reach you. This page includes a clear guide for setting up Google Calendar.

1) Upcoming Events #

You can show upcoming items from Google Calendar. If the calendar isn’t connected yet, the section will simply say there are no events.

2) Contact Details #

• Address — keep it short and map‑friendly.
• Phone — use the main office line.
• Email — general enquiries (e.g., info@yourschool.edu).

3) Social Links #

One per line, in this format:

4) Testimonials #

• Add a short paragraph or two of quotes from students or parents.
• Prefer real names and roles (e.g., “Parent, Class 9”).

5) Google Calendar — Step‑by‑Step #

A) Prepare your calendar #

1. Open Google Calendar with the account that owns your school calendar.
2. On the left, hover your calendar name → click the three dots → Settings.
3. Under Access permissions, check Make available to public (so events can be shown on your website). You may choose “See only free/busy” or full details depending on your privacy needs.
4. Scroll to Integrate calendar and note the Calendar ID. It looks like your-school.edu_xxxxx@group.calendar.google.com

B) Create a Google API Key (one time) #

1. Visit Google Cloud Console (console.cloud.google.com) and sign in.
2. Create a new project (e.g., “School Website Calendar”).
3. Go to APIs & Services → Library, search for Google Calendar API, and click Enable.
4. Go to APIs & Services → Credentials → Create credentials → API key. Copy the key.
5. Restrict your key for safety:
   • Click your API key → Application restrictions → choose HTTP referrers (web sites).
   • Add your domain, e.g., https://your-school.edu/*
   • Under API restrictions, choose Restrict key, pick Google Calendar API, and save.

C) Connect in Homepage Settings #

1. Open the Homepage Settings page.
2. Scroll to Google Calendar.
3. Tick Enable.
4. Paste your API Key and Calendar ID.
5. Choose how many items to show (e.g., 3–5).
6. Click Save Settings, then refresh your homepage.

D) Troubleshooting #

• “No events” — Ensure your calendar has upcoming events with future dates/times.
• Still not showing — Check that the calendar is public and your API key is restricted to your site domain.
• Delay — Events are cached briefly; refresh after a few minutes.

6) Save & Review #

1. Click Save Settings.
2. Refresh your homepage.
3. Check dates, times, and spellings.