Google Calendar Widget

Google Calendar

You can embed your team’s Google calendar on any website page. You shouldn’t use a private calendar because your SwimTopia site cannot know who should have access to it, and the contents may not show if visitors aren’t signed in to the Google calendar already.

We recommend setting your SwimTopia page to the "full_width" template, as calendars can be wide and may be cut off if sidebar content is in the way.

On your Google Calendar page:

Go to Settings:

Select the calendar you want to embed:

Go to the “Integrate calendar” section of your Google Calendar’s settings:

Click “Customize” and set any options you care to (allows you to set how the calendar will be displayed on your page.  Once you are satisfied with how the calendar looks, copy the embed code:

On your SwimTopia page:

Navigate to the page you would like to display your Google Calendar:

Create or Edit a Text Area Snippet (Edit Page Template). 

Click the “HTML” tool (looks like </>)

Paste the code you copied from the Google calendar settings above into your Snippet’s HTML tool field.

(If you are NOT using a FULL PAGE template, you must edit the width in the embed code to less than 500).

Click “Create” (or "Update" if you are editing the text snippet).