{"id":2035,"date":"2016-07-30T08:40:48","date_gmt":"2016-07-30T08:40:48","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/?page_id=2035"},"modified":"2026-01-21T10:32:46","modified_gmt":"2026-01-21T10:32:46","slug":"google-calendar-embed","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/settings\/plugins-3-2\/google-calendar-embed\/","title":{"rendered":"Google Calendar Embed"},"content":{"rendered":"

This plugin will allow you to embed Google Calendars in Posts pages and in a Widget.<\/p>\n

To use it you need to activate the plugin:
\nDashboard<\/strong>->Plugins<\/strong>
\nClick the Activate link under the Plugin’s name:<\/p>\n

\"Activate<\/a><\/p>\n

You then need to get the embed code from the Google Calendar you want to embed.
\nThe Calendar must be public. If you are using a Glow Google account you can share secondary calendars publicly.<\/p>\n

Visit Google Calendars and for the calendar you want to show click the popup and choose Share this Calendar<\/strong>:<\/p>\n

\"Screenshot<\/a><\/p>\n

Make the Calendar Public if you have not done so already:<\/p>\n

\"Screenshot<\/a><\/p>\n

Then go to the Calendar Details page and find the embed code:<\/p>\n

\"Screenshot<\/a><\/p>\n

You may want to click the customise link, which will allow you to change the size, colours etc. You might want to set the size to fit into your post.<\/p>\n

Copy the embed code<\/p>\n

\"Screnshot<\/a><\/p>\n

Edit the post or page you want the Calendar to appear on and paste in the code:<\/p>\n

The embed code will look like this the html<\/em> is changed automatically into a shortcode<\/em>:<\/p>\n

[googlecalendar src=\"https:\/\/calendar.google.com\/calendar\/embed?height=400&wkst=1&bgcolor=%23FFFFFF&src=pvhq66ns53b1v83ppd0r5dgfk0%40group.calendar.google.com&color=%230F4B38&ctz=Europe%2FLondon\" style=\"border-width:0\" width=\"600\" height=\"400\" frameborder=\"0\" scrolling=\"no\"]<\/p>\n

but will embed the calendar when the post is published:<\/p>\n