Need Help?

Skip to Content

CCA Portal

ShopsDocumentationBanner

Managing Your Calendar

Last updated on Jul 25, 2019

Managing Your Shop Calendar

Each shop page can display an optional public calendar, showing hours for classes, events, workshops, etc.


The calendar shows one day at a time, pre-focused on the current date. A link at the bottom of the calendar widget will take visitors to a full-screen view.


Create Your Shop Calendar

Managing Your Shop Calendar

The Shops calendar system pulls data out of a dedicated Google Calendar created and maintained by the Shop Manager.


To create a new calendar for your shop,

  1. Go to calendar.google.com
  2. Click the gear icon, then Settings from the resulting dropdown.
  3. Under Add calendar, click Create new calendar.
  4. Give your calendar a title, and click Create calendar.
  5. Once your calendar is created, it should appear under My calendars.
  6. Under Calendar settings, set Access permissions to Make available to public.

Events on your Google Calendar will appear on the calendar embedded in your shop page. To distinguish different types of events in your calendar, use the color-coding system in Google Calendars - event colors selected there will be preserved on your shop page!

Please do not use the Google Calendar to publish your shop's Open Hours; all-day events crowd the calendar and make it difficult to read.


Connect Your Calendar to Your Shop

Managing Your Shop Calendar
  1. Go to calendar.google.com
  2. Under My calendars, click the options button (three vertical dots) to the right of your Shop calendar.
  3. Click Settings and sharing.
  4. On the resulting page, scroll down to Integrate calendar.
  5. Locate Calendar ID, and copy the long string beneath (it should look a bit like a long email address).
  6. Back in Wagtail, access the Settings tab in your Shop page editor.
  7. Paste the copied ID into the Google Calendar ID field.
  8. Click Save, and your calendar is connected! If you ever want to disable your shop calendar, just remove its ID from Wagtail.
Managing Your Shop Calendar