Help Centre

Support > Designing and Building Your Website > Adding Your Content

How to use Google Calendar on your Create website

Google Calendar is a free browser-based calendar that allows you to organise your events and share them on your Create website.

Google Calendar works particularly well for Create users who want to display and manage their availability for their services on their website.

For example, you might want to show available rooms if you have a website for your bed and breakfast, or available appointments if you have a website for your hair salon.

In this guide we will be covering how you can embed a Google Calendar on to your Create website.

Getting Started with Google Calendar.

To access Google calendar, simply visit the following address:

http://www.Google.com/calendar.

If you have a Google Account, enter your Google Account email and password, and click "Sign in".

If you don't yet have a Google account, just visit the Google Calendar homepage and click "Create a new Google Account". Once you've completed the process, just sign in to Google Calendar using your new account.

To get to grips with using Google Calendar, we recommend reading through Google's help articles first. You can find these here:

https://support.google.com/calendar/

We particularly recommend at least reading the following articles:

  • Create, Edit, or Delete
  • Reminders, Notifications, and Tasks
  • Sync Importing and Exporting
  • Sharing and Invitations
  • Settings, Labs, privacy

 

Google_Calendar.png
Example populated Google Calendar.

 

How to embed your calendar on your Create website.

Once you have fully set up your calendar, you are ready to embed it on to your Create website.

The great thing about embedding a Google calendar is that when you update it on Google's website, it will automatically update on your Create website!

First, you will need to get the embed code off of your Google calendar.

To do this, please follow the instructions below:

  1. Log in to your Google account at http://www.Google.com/calendar.
  2. On the calendar list (under "My Calendars") on the left of your screen, click the down-arrow next to the calendar you want to embed.
  3. From the drop down list, choose "Calendar settings".
  4. Scroll down to the "Embed This Calendar" section and then click the blue link "Customise the colour, size and other options".
  5. This will open a window which will allow you to customise how your calendar will appear on your Create website. Once you have fully customised how your calendar will look, you will need to copy the "Embed" code at the top of the page ready to paste on to your Create website.

GoogleCalendar.jpg
Styling and generating your embed code for Google Calendar.

6. Then, to embed the calendar on your Create account, simply paste the code into an "HTML fragment" before inserting it on to your chosen page.

You can read how to create an HTML fragment and place it on a page on your website here.

worshopscreenshot.png
An example Create website with a Google Calendar embedded on it.

 

Please remember that if your calendar's width setting is bigger than the width of your website, it may get cut off, or stretch your template. If this happened, please readjust your customisation settings from "step 5" and copy and replace the code in your HTML fragment.

You will now have a live updating Google calendar appear on your website!

If you are having any difficulty setting up your Google Calendar, please contact your account manager who will be more than happy to assist further.